/* Grosive — Direction A, "The page is the film".
   Type: Mona Sans variable (wdth 75–125, wght 200–900), SIL OFL 1.1, self-hosted. */
@font-face{
  font-family:"Mona Sans";
  src:url("../fonts/MonaSans-VF.woff2") format("woff2-variations"),url("../fonts/MonaSans-VF.woff2") format("woff2");
  font-weight:200 900;font-stretch:75% 125%;font-style:normal;font-display:swap;
}
:root{
  --bg:#0A0A09;--ink:#ECEAE5;--ink2:rgba(236,234,229,.62);--ink3:rgba(236,234,229,.38);--line:rgba(236,234,229,.14);
  --paper:#E6E5E1;--on:#0E0E0D;--on2:rgba(14,14,13,.62);--on3:rgba(14,14,13,.42);--online:rgba(14,14,13,.13);
  --acc:#FF5B24;
  --nav:76px;--pad:48px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:"Mona Sans",ui-sans-serif,system-ui,sans-serif;font-size:17px;line-height:1.5;font-weight:420;font-stretch:100%;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;background:var(--bg)}
a{color:inherit}
p,dd{text-wrap:pretty}
.hero-sub,.hero-note,.cap{text-wrap:balance}
.nw{white-space:nowrap}
button,input{font:inherit;color:inherit}
::selection{background:var(--acc);color:var(--on)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;z-index:50;background:var(--paper);color:var(--on);padding:10px 16px;border-radius:99px;text-decoration:none;font-weight:600}
.skip:focus{top:16px}

/* scroll */
html.snap{scroll-snap-type:y proximity}
html.snap.nosnap{scroll-snap-type:none}
.snapm{position:absolute;left:0;width:1px;height:1px;scroll-snap-align:start;pointer-events:none}
/* lenis */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* ---------- nav ---------- */
.nav{position:fixed;left:0;right:0;top:0;height:var(--nav);z-index:30;display:flex;align-items:center;padding:0 var(--pad);pointer-events:none}
.nav>*{pointer-events:auto}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:20px;font-weight:720;font-stretch:118%;letter-spacing:-.015em;line-height:1}
.brand-mark{display:block;width:32px;height:16px;border-radius:8px;background:var(--paper);flex:none}
.brand-box{width:34px;height:20px;display:flex;align-items:center;justify-content:center;flex:none}
.nav-links{display:flex;gap:36px;margin-left:auto;margin-right:36px}
.nav-links a{text-decoration:none;color:var(--ink2);font-size:15px;font-weight:500;letter-spacing:.005em;transition:color .25s}
.nav-links a:hover{color:var(--ink)}
.nav-cta{display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:21px;background:var(--paper);color:var(--on);text-decoration:none;font-size:15px;font-weight:620;font-stretch:106%;white-space:nowrap}

/* ---------- the film ---------- */
.movie{position:relative}
.anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}

.hero{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav) + 4px) var(--pad) 84px}
.h1v{display:flex;flex-direction:column;align-items:center;font-weight:760;font-stretch:125%;line-height:.84;letter-spacing:-.03em;font-size:150px;color:var(--ink)}
.ln{display:block;overflow:hidden;padding:.06em .08em .16em;margin-bottom:-.14em}
.ln-in{display:inline-block;white-space:nowrap;vertical-align:top}
.ln.m{display:none}
.hero-sub{max-width:590px;margin-top:40px;font-size:21px;line-height:1.42;color:var(--ink2);font-weight:420;letter-spacing:-.003em}
.slot-pill{margin-top:40px;flex:none;width:300px;height:72px}
.hero-note{margin-top:22px;font-size:14px;line-height:1.4;color:var(--ink3);letter-spacing:.005em}
.cue{position:absolute;left:0;right:0;bottom:30px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;color:var(--ink3);letter-spacing:.01em}
.cue-line{position:relative;display:block;width:44px;height:1px;background:var(--line);overflow:hidden}
.cue-line i{position:absolute;inset:0;background:var(--ink);transform-origin:0 50%}

.cap{position:absolute;left:var(--pad);right:var(--pad);top:0;text-align:center;font-size:46px;line-height:1.04;font-weight:700;font-stretch:112%;letter-spacing:-.03em;color:var(--ink);opacity:0;visibility:hidden}

.copy{position:absolute;left:0;top:0;opacity:0;visibility:hidden}
.copy .k{font-size:14px;font-weight:540;color:var(--ink2);letter-spacing:.005em}
.copy .t{margin-top:14px;font-size:68px;line-height:.92;font-weight:740;font-stretch:118%;letter-spacing:-.04em;color:var(--ink)}
.copy .d{margin-top:20px;font-size:18px;line-height:1.5;color:var(--ink2);max-width:25em}
.copy .m{margin-top:26px;display:flex;align-items:center;gap:20px;font-size:14px;color:var(--ink3)}
.reel-l{width:300px}
.reel-r{width:300px}
.kinds{list-style:none;margin-top:16px}
.kinds li{font-size:20px;line-height:1.25;font-weight:600;font-stretch:106%;letter-spacing:-.012em;color:var(--ink);padding:12px 0;border-top:1px solid var(--line)}
.kinds li:last-child{border-bottom:1px solid var(--line)}
.work{width:420px}
.work .t{font-size:84px}
.sound em{font-style:normal}
.sound{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 16px 0 12px;border-radius:18px;border:1px solid var(--line);background:none;color:var(--ink);font-size:14px;font-weight:560;cursor:pointer}
.sound i{position:relative;width:14px;height:12px;display:block}
.sound i::before,.sound i::after{content:"";position:absolute;bottom:0;width:2px;border-radius:1px;background:currentColor}
.sound i::before{left:3px;height:6px;box-shadow:4px -3px 0 0 currentColor,8px 2px 0 0 currentColor}
.sound i::after{display:none}
.sound[aria-pressed="true"]{background:var(--paper);color:var(--on);border-color:var(--paper)}
.work-n{position:absolute;left:0;top:0;font-size:14px;color:var(--ink3);opacity:0;visibility:hidden}
.work-n span{color:var(--ink)}

.fmt-h{position:absolute;left:var(--pad);right:var(--pad);top:0;text-align:center;font-size:44px;line-height:1;font-weight:720;font-stretch:116%;letter-spacing:-.035em;text-wrap:balance;opacity:0;visibility:hidden}
.fmt-row{position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;gap:56px;opacity:0;visibility:hidden}
.fmt{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px}
.fmt b{font-size:30px;line-height:1;font-weight:720;font-stretch:112%;letter-spacing:-.02em;color:var(--ink)}
.fmt span{font-size:13px;color:var(--ink2);white-space:nowrap}
.fmt-note{position:absolute;left:var(--pad);right:var(--pad);top:0;text-align:center;font-size:15px;color:var(--ink3);opacity:0;visibility:hidden}

/* the shape */
.shape{position:absolute;left:0;top:0;width:300px;height:72px;border-radius:36px;background:var(--paper);overflow:hidden;isolation:isolate;transform-origin:0 0;visibility:hidden}
.flood{position:absolute;inset:0;clip-path:circle(0 at 50% 50%);visibility:hidden}
#floodA{background:var(--acc)}
#floodP{background:var(--paper)}
.L{position:absolute;left:0;top:0;visibility:hidden}
.pill{display:flex;align-items:center;height:72px;width:300px;padding-left:32px;color:var(--on);text-decoration:none;white-space:nowrap;font-size:19px;font-weight:640;font-stretch:108%;letter-spacing:-.01em}
.disc{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:50%;background:var(--on);display:block;pointer-events:none}
.disc svg{display:block;width:100%;height:100%;overflow:visible}
.disc .arw{fill:none;stroke:var(--paper);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.disc .spin{fill:none;stroke:var(--paper);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:0 1;opacity:0}
.disc .chk{fill:none;stroke:var(--on);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1}
.check{width:64px;height:64px;overflow:visible}
.check path{fill:none;stroke:var(--on);stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1}
.film{width:100%;height:100%;background:var(--paper)}
#fChain{background:var(--acc)} /* the brand reel opens on solid orange */
.film video{display:block;width:100%;height:100%;object-fit:cover}

/* composition — one frame, laid out per ratio */
.comp{width:100%;height:100%;background:#E9E8E4;color:var(--on)}
.c-el{position:absolute;left:0;top:0;transform-origin:0 0}
.c-brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:720;font-stretch:114%;letter-spacing:-.01em;white-space:nowrap}
.c-brand i{width:18px;height:10px;border-radius:5px;background:var(--on)}
.c-title{font-size:48px;line-height:.98;font-weight:740;font-stretch:114%;letter-spacing:-.035em;white-space:nowrap}
.c-card{width:472px;padding:22px 24px 18px;border-radius:24px;background:#121211;color:#ECEAE5}
.cc-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:rgba(236,234,229,.6)}
.cc-tabs{display:flex;gap:2px;padding:3px;border-radius:99px;background:rgba(236,234,229,.08)}
.cc-tabs i{font-style:normal;font-size:12px;padding:4px 10px;border-radius:99px}
.cc-tabs i.on{background:#ECEAE5;color:#121211;font-weight:600}
.cc-n{margin-top:8px;font-size:46px;line-height:1;font-weight:720;font-stretch:110%;letter-spacing:-.03em}
.cc-ch{display:block;width:100%;height:120px;margin-top:14px;overflow:visible}
.cc-ch path{fill:none;stroke:#ECEAE5;stroke-width:2.6;stroke-linecap:round;vector-effect:non-scaling-stroke}
.cc-ch circle{fill:#121211;stroke:#ECEAE5;stroke-width:2.4;vector-effect:non-scaling-stroke}
.cc-ch circle.hot{fill:var(--acc);stroke:var(--acc)}
.cc-tip{position:absolute;right:46px;top:88px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px;background:#ECEAE5;color:#121211;white-space:nowrap}
.cc-days{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;color:rgba(236,234,229,.42)}
.cc-days i{font-style:normal}
.c-btn{display:flex;align-items:center;height:54px;padding:0 26px;border-radius:27px;background:var(--on);color:var(--paper);box-shadow:0 0 0 3px var(--paper);font-size:18px;font-weight:620;font-stretch:106%;white-space:nowrap}
.c-cur{position:absolute;right:-14px;bottom:-20px;width:30px;height:30px;overflow:visible}
.c-cur path{fill:#111827;stroke:#fff;stroke-width:2.1;stroke-linejoin:round}

/* price card */
.price,.form{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;padding:52px 56px 52px;color:var(--on);text-align:left}
.p-a,.f-a{display:flex;flex-direction:column;min-height:100%}
.p-tag{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:560;color:var(--on2)}
.p-tag i{width:8px;height:8px;border-radius:50%;background:var(--acc);flex:none}
.p-num{display:flex;align-items:baseline;gap:14px;margin-top:22px}
.p-num b{font-size:140px;line-height:.82;font-weight:760;font-stretch:116%;letter-spacing:-.055em}
.p-num span{font-size:22px;font-weight:560;color:var(--on2);letter-spacing:-.01em;white-space:nowrap}
.p-yr{margin-top:16px;font-size:17px;line-height:1.3;font-weight:540;color:var(--on2);letter-spacing:-.005em}
.p-sub{margin-top:24px;font-size:24px;line-height:1.2;font-weight:620;font-stretch:108%;letter-spacing:-.018em}
.p-cta{margin-top:auto;padding-top:40px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;height:56px;padding:0 26px;border-radius:28px;background:var(--on);color:var(--paper);text-decoration:none;font-size:17px;font-weight:620;font-stretch:106%;white-space:nowrap}
.lnk{font-size:16px;font-weight:540;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;white-space:nowrap}
.p-b{display:flex;flex-direction:column}
.p-kinds,.p-terms{list-style:none}
.p-kinds li{display:flex;flex-direction:column;gap:2px;padding:13px 0;border-top:1px solid var(--online)}
.p-kinds b{font-size:19px;line-height:1.25;font-weight:640;font-stretch:106%;letter-spacing:-.012em}
.p-kinds span{font-size:15px;line-height:1.35;color:var(--on2)}
.p-terms{margin-top:22px;padding-top:18px;border-top:1px solid var(--on);display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}
.p-terms li{font-size:14px;line-height:1.35;color:var(--on2);text-wrap:pretty}
.p-terms li:first-child{grid-column:1/-1;color:var(--on);font-weight:560}
.p-terms .p-long{grid-column:1/-1}
/* cards are measured at their content height (WebKit over-measures the 100% min-height) */
.measuring .p-a,.measuring .f-a{min-height:0}
.hp{display:none}

/* form card */
.form{grid-template-columns:1fr 1.05fr}
.f-h{font-size:64px;line-height:.92;font-weight:760;font-stretch:118%;letter-spacing:-.045em}
.f-p{margin-top:22px;font-size:19px;line-height:1.45;color:var(--on2);max-width:22em}
.f-alt{margin-top:auto;padding-top:36px;font-size:15px;line-height:1.6;color:var(--on2)}
.f-alt a{color:var(--on);text-underline-offset:4px;text-decoration-thickness:1px}
.f-b{display:flex;flex-direction:column}
.fld{display:block}
.fld+.fld{margin-top:22px}
.fld span{display:block;font-size:14px;font-weight:560;color:var(--on2)}
.fld input{display:block;width:100%;height:54px;border:0;border-bottom:1.5px solid rgba(14,14,13,.24);border-radius:0;background:transparent;color:var(--on);font-size:24px;font-weight:540;font-stretch:104%;letter-spacing:-.012em;outline:none;-webkit-appearance:none;appearance:none}
.fld input::placeholder{color:rgba(14,14,13,.3)}
.fld input:focus{border-bottom-color:var(--on)}
.fld input:focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--acc)}
.fld input[aria-invalid="true"]{border-bottom-color:var(--acc)}
.f-err{min-height:22px;margin-top:14px;font-size:14px;line-height:1.4;color:var(--on);display:flex;align-items:center;gap:8px}
.f-err:not(:empty)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc);flex:none}
.f-err.f-sz{display:none}
.measuring .f-err.f-sz{display:flex}
.measuring #fErr{display:none}
.f-go{position:relative;margin-top:14px;display:flex;align-items:center;justify-content:space-between;width:100%;height:68px;padding:0 8px 0 30px;border:0;border-radius:34px;background:var(--on);color:var(--paper);font-size:19px;font-weight:640;font-stretch:108%;letter-spacing:-.01em;cursor:pointer;text-align:left}
.f-go .disc{position:static;width:52px;height:52px;background:var(--paper)}
.f-go .disc .arw{stroke:var(--on)}
.done{display:flex;align-items:center;justify-content:center;white-space:nowrap;color:var(--on);font-size:24px;font-weight:700;font-stretch:112%;letter-spacing:-.02em}
.done-cap{position:absolute;left:var(--pad);right:var(--pad);top:0;text-align:center;font-size:17px;color:var(--ink2);opacity:0;visibility:hidden}
.done-cap b{color:var(--ink);font-weight:560}

/* scrubber */
.scrub{position:absolute;left:var(--pad);right:var(--pad);bottom:26px;height:34px;opacity:0;visibility:hidden}
.scrub-track{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line)}
.scrub-track i{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--ink2);transform-origin:0 50%;transform:scaleX(0)}
.scrub-ch{position:absolute;inset:0}
.scrub-ch button{position:absolute;bottom:0;height:34px;padding:0 0 12px;border:0;background:none;color:var(--ink3);font-size:12px;font-weight:540;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:color .3s;display:flex;align-items:flex-end}
.scrub-ch button::before{content:"";position:absolute;left:0;bottom:0;width:1px;height:7px;background:var(--line)}
.scrub-ch button.on{color:var(--ink)}
.scrub-ch button:hover{color:var(--ink)}
.scrub-head{position:absolute;bottom:-3px;left:0;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--acc)}

/* ---------- after the film ---------- */
.faq{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:64px;padding:176px var(--pad) 160px;max-width:1440px;margin:0 auto}
.faq-h{font-size:56px;line-height:.95;font-weight:740;font-stretch:118%;letter-spacing:-.04em;position:sticky;top:120px;align-self:start}
.qa .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:40px;padding:30px 0 32px;border-top:1px solid var(--line)}
.qa .row:last-child{border-bottom:1px solid var(--line)}
.qa dt{font-size:22px;line-height:1.25;font-weight:620;font-stretch:106%;letter-spacing:-.015em;color:var(--ink)}
.qa dd{font-size:17px;line-height:1.55;color:var(--ink2)}
.qa dd a{color:var(--ink);text-underline-offset:4px;text-decoration-thickness:1px}

.end{position:relative;padding:120px var(--pad) 40px;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;border-top:1px solid var(--line)}
.end-h{display:flex;flex-direction:column;align-items:flex-start;font-weight:760;font-stretch:125%;line-height:.86;letter-spacing:-.03em;font-size:150px;color:var(--ink)}
.end-h span{display:block;white-space:nowrap}
.end-cta{display:flex;align-items:center;gap:32px;margin-top:56px}
.end-pill{display:inline-flex;align-items:center;gap:20px;height:72px;padding:0 8px 0 32px;border-radius:36px;background:var(--paper);color:var(--on);text-decoration:none;font-size:19px;font-weight:640;font-stretch:108%;letter-spacing:-.01em;white-space:nowrap}
.end-pill .disc{position:static;width:56px;height:56px}
.end .lnk{color:var(--ink)}
.end-base{display:flex;gap:32px;align-items:center;margin-top:120px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--ink3)}
.end-base a{text-decoration:none;color:var(--ink2)}
.end-base a:hover{color:var(--ink)}
.end-base span{margin-right:auto}

/* ---------- phone ---------- */
@media (max-width:899px){
  :root{--nav:64px;--pad:20px}
  .nav-links{display:none}
  .nav-cta{margin-left:auto;height:38px;padding:0 16px;font-size:14px}
  .brand{font-size:18px}
  .hero{padding:calc(var(--nav) + 8px) 20px 72px}
  .ln.d{display:none}.ln.m{display:block}
  .h1v{line-height:.86}
  .hero-sub{margin-top:28px;font-size:17px;max-width:330px}
  .slot-pill{margin-top:30px}
  .hero-note{margin-top:16px;font-size:13px;max-width:280px}
  .cue{bottom:22px}
  .cap{font-size:30px}
  .copy .t{font-size:44px;margin-top:10px}
  .copy .d{font-size:16px;margin-top:12px}
  .copy .m{margin-top:16px}
  .copy .k{font-size:13px}
  .reel-l,.reel-r{text-align:left}
  .reel-l .d{margin-left:0}
  .kinds{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;margin-top:10px}
  .kinds li{font-size:15px;padding:9px 0}
  .kinds li:nth-last-child(2){border-bottom:1px solid var(--line)}
  .work .t{font-size:52px}
  .fmt-h{font-size:30px}
  .fmt-row{gap:0;justify-content:space-between;left:20px;right:20px}
  .fmt{min-width:0;flex:1}
  .fmt b{font-size:22px}
  .fmt span{font-size:11px;white-space:normal;text-align:center;line-height:1.25;max-width:9em}
  .fmt-note{font-size:13px}
  .pill{height:64px;padding-left:26px;font-size:18px}
  .price,.form{grid-template-columns:1fr;padding:28px 24px 26px}
  .p-num{margin-top:16px}
  .p-num b{font-size:88px}
  .p-num span{font-size:18px}
  .p-yr{margin-top:10px;font-size:15px}
  .p-sub{margin-top:12px;font-size:19px}
  .p-cta{order:3;padding-top:22px;gap:14px 18px}
  .p-a{display:contents}
  .p-tag{order:0}.p-num,.p-yr{order:1}.p-sub{order:2}
  .p-b{order:2;margin-top:18px}
  .p-kinds{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .p-kinds li{padding:9px 0;flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px}
  .p-kinds b{font-size:15px}
  .p-kinds span{display:none}
  .p-terms{margin-top:10px;padding-top:12px;gap:5px 14px}
  .p-terms li{font-size:13px}
  .btn{height:52px;padding:0 22px;font-size:16px}
  .lnk{font-size:15px}
  .f-a{display:contents}
  .f-h{font-size:44px;order:0}
  .f-p{font-size:16px;margin-top:12px;order:1}
  .f-b{order:2;margin-top:18px}
  .f-alt{order:3;padding-top:20px;font-size:14px}
  .fld+.fld{margin-top:14px}
  .fld input{height:48px;font-size:20px}
  .f-go{height:62px;font-size:18px;padding-left:26px}
  .f-go .disc{width:48px;height:48px}
  .done{font-size:19px}
  .done-cap{font-size:15px}
  .scrub{bottom:18px;height:12px}
  .scrub-ch button{font-size:0;color:transparent;padding:0;width:12px;margin-left:-6px}
  .scrub-ch button::before{left:6px;height:5px}
  .faq{grid-template-columns:1fr;padding:112px 20px 96px}
  .faq-h{position:static;font-size:44px;margin-bottom:36px}
  .qa .row{grid-template-columns:1fr;row-gap:10px;padding:22px 0 24px}
  .qa dt{font-size:19px}
  .qa dd{font-size:16px}
  .end{padding:96px 20px 28px}
  .end-cta{flex-direction:column;align-items:flex-start;gap:22px;margin-top:40px}
  .end-pill{height:64px;font-size:18px;padding-left:26px}
  .end-pill .disc{width:48px;height:48px}
  .end-base{flex-wrap:wrap;gap:12px 24px;margin-top:72px}
  .end-base span{width:100%;order:3;margin:0}
}

@media (prefers-reduced-motion:reduce){
  .nav-links a,.scrub-ch button{transition:none}
}