.notice{margin:var(--section-gap) 0 var(--section-gap) calc(50% - 50vw);padding:2.5em 0;width:100vw}.notice--primary{background:var(--color-primary);color:#fff}.notice--dark{background:#1b1b1b;color:#fff}.notice--surface{background:var(--color-surface);color:var(--color-text)}.notice__inner{align-items:start;display:grid;gap:1.25em 4em;grid-template-columns:1fr}@media (min-width:1020px){.notice__inner{grid-template-columns:1fr 1.6fr}}.notice__kicker{display:inline-block;font-size:var(--font-size-small);font-weight:400;letter-spacing:.08em;margin-bottom:.75em;opacity:.85;text-transform:uppercase}.notice__title{font-size:var(--font-size-h2);font-weight:400;line-height:1.2;margin:0}.notice__text{font-size:var(--font-size-base);line-height:1.55;margin:0 0 1.25em}.notice__btn{align-items:center;border:1px solid;color:inherit;display:inline-flex;font-size:1rem;font-weight:400;gap:.6em;letter-spacing:.02em;padding:.75em 1.5em;text-decoration:none;transition:background-color var(--transition),color var(--transition)}.notice__arrow{transition:transform var(--transition)}.notice__btn:hover .notice__arrow{transform:translateX(4px)}.notice--primary .notice__btn:hover{background:#fff;color:var(--color-primary)}.notice--dark .notice__btn:hover{background:#fff;color:#1b1b1b}.notice--surface .notice__btn{border-color:var(--color-primary);color:var(--color-primary)}.notice--surface .notice__btn:hover{background:var(--color-primary);color:#fff}