/* ==========================================================================
   Buildtele — dark studio / campaign house
   1. Tokens   2. Base   3. Type   4. Buttons & links   5. Header & menu
   6. Hero     7. Marquee 8. Sections 9. Forms 10. Footer 11. Motion
   ========================================================================== */

/* 1. Tokens ---------------------------------------------------------------- */
:root{
  --ink:#0B0B0F;
  --raised:#14141A;
  --hair:rgba(255,255,255,.10);
  --hair-soft:rgba(255,255,255,.06);
  --orange:#FD5003;
  --ember:#FF8A3D;
  --navy:#011588;
  --cream:#F5F1EA;
  --muted:rgba(245,241,234,.68);
  --faint:rgba(245,241,234,.42);
  --paper:#F5F1EA;

  --display:'Syne','Syne Fallback',system-ui,sans-serif;
  --sans:'Inter Tight','Inter Tight Fallback',system-ui,-apple-system,Segoe UI,sans-serif;

  --wrap:1320px;
  --gut:clamp(20px,5vw,72px);
  --sec:clamp(76px,10vw,156px);

  --r:2px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
}

/* 2. Base ------------------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  overflow-x:clip;
  scroll-padding-top:96px;
}
body{
  margin:0;
  background:var(--ink);
  color:var(--muted);
  font-family:var(--sans);
  font-size:clamp(1rem,.96rem + .22vw,1.075rem);
  line-height:1.62;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:clip;
}
img,svg,video{max-width:100%;display:block}
img{height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:800;color:var(--cream);line-height:1.02;letter-spacing:-.03em;overflow-wrap:break-word}
hr{border:0;border-top:1px solid var(--hair);margin:0}

::selection{background:var(--orange);color:#fff}

:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:2px}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

.skip-link{
  position:fixed;top:10px;left:10px;z-index:200;
  transform:translateY(-200%);
  background:var(--orange);color:#fff;
  padding:12px 20px;font-weight:600;letter-spacing:.02em;
  transition:transform .2s var(--ease);
}
.skip-link:focus{transform:none}

/* 3. Type ------------------------------------------------------------------ */
.d1{font-size:clamp(2.6rem,1.1rem + 6.6vw,6.4rem);letter-spacing:-.04em}
.d2{font-size:clamp(1.85rem,1rem + 3.2vw,3.5rem);letter-spacing:-.035em}
.d3{font-size:clamp(1.55rem,1.1rem + 1.9vw,2.5rem);letter-spacing:-.03em}
.d4{font-size:clamp(1.22rem,1.05rem + .7vw,1.55rem);letter-spacing:-.02em;font-weight:700}

.lede{
  font-size:clamp(1.1rem,1rem + .62vw,1.42rem);
  line-height:1.5;color:var(--cream);font-weight:400;
  letter-spacing:-.011em;
}
.body-lg{font-size:clamp(1.02rem,.98rem + .3vw,1.16rem)}
.label{
  font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--faint);margin:0 0 1.35rem;display:flex;align-items:center;gap:.7em;
}
.label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange);flex:none}
.label--plain::before{display:none}
.label--tight{margin-bottom:.8rem}

.accent{color:var(--orange)}
.soft{color:var(--muted)}
em.mark{font-style:normal;color:var(--orange)}

.stmt{
  font-family:var(--display);font-weight:700;color:var(--cream);
  font-size:clamp(1.35rem,1.05rem + 1.3vw,2.05rem);line-height:1.15;letter-spacing:-.03em;
}

/* 4. Buttons & links ------------------------------------------------------- */
.btn{
  position:relative;display:inline-flex;align-items:center;gap:.7em;
  min-height:52px;padding:.9em 1.6em;
  font-weight:600;font-size:.95rem;letter-spacing:.005em;
  text-decoration:none;border:1px solid transparent;border-radius:var(--r);
  overflow:hidden;isolation:isolate;cursor:pointer;
  transition:color .32s var(--ease),border-color .32s var(--ease);
}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:var(--ember);
  transform:scaleX(0);transform-origin:left center;
  transition:transform .45s var(--ease-io);
}
.btn:hover::before,.btn:focus-visible::before{transform:scaleX(1)}
.btn .ar{transition:transform .35s var(--ease)}
.btn:hover .ar{transform:translateX(5px)}

.btn--solid{background:var(--orange);color:#fff}
.btn--solid:hover,.btn--solid:focus-visible{color:#0B0B0F}
.btn--line{border-color:var(--hair);color:var(--cream);background:transparent}
.btn--line:hover,.btn--line:focus-visible{color:#0B0B0F;border-color:var(--ember)}
.btn--sm{min-height:44px;padding:.65em 1.15em;font-size:.86rem}
.btn--wide{min-height:58px;padding:1em 2em}

.alink{
  display:inline-flex;align-items:center;gap:.6em;
  color:var(--cream);text-decoration:none;font-weight:600;
  padding-bottom:4px;position:relative;
}
.alink::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;
  background:var(--orange);transform:scaleX(0);transform-origin:right;
  transition:transform .4s var(--ease-io);
}
.alink:hover::after,.alink:focus-visible::after{transform:scaleX(1);transform-origin:left}
.alink .ar{transition:transform .35s var(--ease)}
.alink:hover .ar{transform:translateX(5px)}

.tlink{color:var(--cream);text-decoration:none;border-bottom:1px solid var(--hair);transition:border-color .25s,color .25s}
.tlink:hover{color:var(--orange);border-color:var(--orange)}

.ar{flex:none}

/* 5. Header & menu --------------------------------------------------------- */
.hdr{
  position:sticky;top:0;z-index:90;
  background:rgba(11,11,15,0);
  transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s;
  border-bottom:1px solid transparent;
}
.hdr.is-stuck{
  background:rgba(11,11,15,.88);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom-color:var(--hair);
}
.hdr__in{
  display:flex;align-items:center;gap:clamp(16px,3vw,44px);
  min-height:76px;padding-block:14px;
}
.brand{display:inline-flex;align-items:center;flex:none;text-decoration:none}
.brand img{width:auto;height:clamp(26px,3.2vw,34px)}

.nav{margin-left:auto}
.nav__list{display:flex;align-items:center;gap:clamp(14px,2.1vw,34px)}
.nav__link{
  position:relative;display:inline-block;padding:10px 2px;
  text-decoration:none;color:var(--muted);font-weight:500;font-size:.95rem;
  transition:color .25s var(--ease);
}
.nav__link::after{
  content:"";position:absolute;left:50%;bottom:2px;
  width:5px;height:5px;border-radius:50%;background:var(--orange);
  transform:translate(-50%,6px) scale(0);opacity:0;
  transition:transform .35s var(--ease),opacity .25s;
}
.nav__link:hover,.nav__link:focus-visible{color:var(--cream)}
.nav__link:hover::after{transform:translate(-50%,0) scale(1);opacity:1}
.nav__link[aria-current="page"]{color:var(--cream)}
.nav__link[aria-current="page"]::after{transform:translate(-50%,0) scale(1);opacity:1}

.hdr__cta{flex:none}

.burger{
  display:none;align-items:center;gap:.6em;
  background:none;border:1px solid var(--hair);border-radius:var(--r);
  min-height:44px;min-width:44px;padding:0 .9em;cursor:pointer;
  color:var(--cream);font-weight:600;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;
  margin-left:auto;
}
.burger__bars{display:inline-flex;flex-direction:column;gap:5px;width:18px}
.burger__bars i{display:block;height:1.5px;background:currentColor;transition:transform .3s var(--ease),opacity .2s}
.burger[aria-expanded="true"] .burger__bars i:first-child{transform:translateY(3.25px) rotate(45deg)}
.burger[aria-expanded="true"] .burger__bars i:last-child{transform:translateY(-3.25px) rotate(-45deg)}

.ovl{
  position:fixed;inset:0;z-index:95;
  background:var(--ink);
  display:flex;flex-direction:column;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s var(--ease),visibility .35s;
}
.ovl.is-open{opacity:1;visibility:visible;pointer-events:auto}
.ovl__in{display:flex;flex-direction:column;min-height:100%;padding-block:22px 40px;gap:auto}
.ovl__top{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px}
.ovl__nav{margin-top:clamp(24px,6vh,60px);flex:1}
.ovl__list{display:flex;flex-direction:column;gap:2px}
.ovl [data-menu-close] .burger__bars i:first-child{transform:translateY(3.25px) rotate(45deg)}
.ovl [data-menu-close] .burger__bars i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.ovl__link{
  display:flex;align-items:center;gap:.3em;
  padding:.42em 0;text-decoration:none;
  font-family:var(--display);font-weight:800;letter-spacing:-.03em;
  font-size:clamp(2rem,11vw,3.4rem);line-height:1.05;color:var(--cream);
  opacity:0;transform:translateY(18px);
  transition:opacity .4s var(--ease),transform .5s var(--ease),color .25s;
  transition-delay:calc(var(--i,0) * 55ms);
}
.ovl.is-open .ovl__link{opacity:1;transform:none}
.ovl__link[aria-current="page"]{color:var(--orange)}
.ovl__link:hover{color:var(--ember)}
.ovl__dot{width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none;opacity:0;transition:opacity .25s}
.ovl__link[aria-current="page"] .ovl__dot,.ovl__link:hover .ovl__dot{opacity:1}
.ovl__foot{
  margin-top:clamp(24px,5vh,48px);padding-top:24px;border-top:1px solid var(--hair);
  display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;
}
.ovl__foot a{text-decoration:none;color:var(--cream);font-weight:500;min-height:44px;display:inline-flex;align-items:center}
.ovl__foot a:hover{color:var(--orange)}
.ovl__tag{width:100%;color:var(--faint);font-size:.86rem;margin:0}

body.is-locked{overflow:hidden}

/* 6. Hero ------------------------------------------------------------------ */
.hero{
  position:relative;isolation:isolate;
  min-height:min(94svh,940px);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding-top:clamp(60px,12vh,130px);
  padding-bottom:clamp(30px,5vh,56px);
  overflow:hidden;
}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;opacity:.5}
.hero__media::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(11,11,15,.94) 0%,rgba(11,11,15,.58) 32%,rgba(11,11,15,.86) 72%,var(--ink) 100%),
    linear-gradient(100deg,var(--ink) 4%,rgba(11,11,15,.72) 44%,rgba(1,21,136,.30) 100%);
}
.hero__glow{
  position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(420px 420px at var(--mx,70%) var(--my,35%),rgba(253,80,3,.20),rgba(253,80,3,.06) 42%,transparent 68%);
  opacity:0;transition:opacity .6s var(--ease);
}
.hero__glow.is-on{opacity:1}
.hero__in{display:grid;gap:clamp(26px,4vw,52px);align-items:end;grid-template-columns:minmax(0,1fr)}
.hero__in>*{min-width:0}
.hero__eyebrow{margin-bottom:clamp(18px,3vw,30px)}
.hero__title{
  font-size:clamp(2.15rem,.4rem + 7.2vw,6.5rem);
  line-height:.99;letter-spacing:-.045em;
  margin:0 0 clamp(20px,3vw,34px);
  max-width:16ch;
}
.hero__tag{
  font-family:var(--display);font-weight:700;color:var(--cream);
  font-size:clamp(1rem,.92rem + .55vw,1.3rem);letter-spacing:-.02em;
  margin:0 0 clamp(22px,3.4vw,34px);
}
.hero__tag span{white-space:nowrap}
.hero__tag em{font-style:normal;color:var(--orange)}
.hero__lead{max-width:56ch;margin-bottom:clamp(26px,3.6vw,38px)}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px}

/* kinetic word — tight mask so only one word is ever fully legible */
.kin{
  display:inline-grid;position:relative;
  overflow:hidden;vertical-align:bottom;
  line-height:.8;
  padding-block:.02em .1em;margin-bottom:-.1em;
  color:var(--orange);
}
.kin__w{
  grid-area:1/1;white-space:nowrap;line-height:.8;
  transform:translateY(0);opacity:1;
}
.js .kin__w{opacity:0;transform:translateY(112%)}
.js .kin__w.is-on{opacity:1;transform:translateY(0);transition:transform .7s var(--ease),opacity .32s var(--ease) .08s}
.js .kin__w.is-out{opacity:0;transform:translateY(-112%);transition:transform .7s var(--ease-io),opacity .3s var(--ease)}

/* 7. Marquee --------------------------------------------------------------- */
.mq{
  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
  overflow:hidden;padding-block:clamp(14px,1.6vw,22px);
  position:relative;
}
.mq__track{display:flex;width:max-content;animation:mq 46s linear infinite}
.mq__list{display:flex;align-items:center;gap:0}
.mq__list li{
  display:flex;align-items:center;gap:clamp(24px,3vw,46px);
  padding-right:clamp(24px,3vw,46px);
  font-family:var(--display);font-weight:700;letter-spacing:-.02em;
  font-size:clamp(1.05rem,.95rem + .7vw,1.6rem);
  color:var(--muted);white-space:nowrap;
}
.mq__list li::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange);flex:none}
.mq.is-paused .mq__track{animation-play-state:paused}
@keyframes mq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* 8. Sections -------------------------------------------------------------- */
.sec{padding-block:var(--sec);position:relative}
.sec--tight{padding-block:clamp(56px,7vw,110px)}
.sec--raised{background:var(--raised)}
.sec--paper{
  background:var(--paper);
  --cream:#0B0B0F;
  --muted:rgba(11,11,15,.72);
  --faint:rgba(11,11,15,.5);
  --hair:rgba(11,11,15,.15);
  --hair-soft:rgba(11,11,15,.08);
  --raised:rgba(11,11,15,.045);
  color:var(--muted);
}
.sec--paper .btn--line{color:#0B0B0F;border-color:rgba(11,11,15,.24)}
.sec--paper .btn--line:hover{color:#0B0B0F}

.hd{display:grid;gap:clamp(20px,3vw,48px);margin-bottom:clamp(38px,5vw,74px)}
.hd__t>h2,.hd__t>.d2,.hd__t>.d3{max-width:16ch}
.hd__a{max-width:54ch;align-self:end}
@media(min-width:900px){
  .hd--split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end}
}

.rule{height:1px;background:var(--hair);margin-block:clamp(30px,4vw,56px)}

/* page hero */
.phero{
  position:relative;isolation:isolate;overflow:hidden;
  padding-top:clamp(70px,11vw,132px);padding-bottom:clamp(50px,7vw,100px);
}
.phero::before{
  content:"";position:absolute;z-index:-1;
  width:min(900px,120vw);aspect-ratio:1;border-radius:50%;
  right:-28vw;top:-42vh;
  background:radial-gradient(circle,rgba(253,80,3,.20),rgba(1,21,136,.20) 45%,transparent 68%);
  filter:blur(10px);
}
.phero__in{display:grid;gap:clamp(24px,4vw,48px)}
.phero__in>*{min-width:0}
.phero__t{font-size:clamp(2.2rem,1rem + 5.1vw,4.6rem);line-height:1.02;letter-spacing:-.04em;max-width:min(100%,13em)}
.phero__lead{max-width:58ch}
.crumb{display:flex;gap:.7em;align-items:center;color:var(--faint);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:clamp(18px,3vw,30px)}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--orange)}
@media(min-width:900px){
  .phero__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .phero__in>*:first-child{grid-column:1 / -1}
  .phero__in>*:last-child{grid-column:2 / -1}
}

/* split feature with photo */
.split{display:grid;gap:clamp(30px,4.5vw,72px);align-items:center}
@media(min-width:960px){
  .split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .split--flip>*:first-child{order:2}
}
.fig{position:relative;overflow:hidden;border-radius:var(--r)}
.fig img{width:100%;height:100%;object-fit:cover}
.fig::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(200deg,rgba(11,11,15,.12),rgba(11,11,15,.62));
  pointer-events:none;
}
.fig--tall{aspect-ratio:4/5}
.fig--wide{aspect-ratio:3/2}
.fig__cap{
  position:absolute;left:0;bottom:0;z-index:2;
  padding:clamp(18px,2.4vw,30px);
  font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cream);
}
.fig__cap::before{content:"";display:inline-block;width:22px;height:1px;background:var(--orange);vertical-align:middle;margin-right:.8em}

/* ecosystem chips */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips li{
  border:1px solid var(--hair);border-radius:100px;
  padding:.5em 1.05em;font-size:.88rem;color:var(--muted);
  transition:border-color .25s,color .25s,background .25s;
}
.chips li:hover{border-color:var(--orange);color:var(--cream)}
.chips--solid li{background:var(--raised);border-color:transparent}

/* plain word list */
.words{display:flex;flex-wrap:wrap;gap:8px 0;align-items:baseline}
.words li{padding-right:1.1em;margin-right:1.1em;border-right:1px solid var(--hair);color:var(--cream);font-weight:500}
.words li:last-child{border-right:0;margin-right:0;padding-right:0}

/* spec list (two/three column bullet index) */
.spec{display:grid;gap:0;border-top:1px solid var(--hair)}
.spec li{
  padding:.72em 0;border-bottom:1px solid var(--hair-soft);
  display:flex;gap:.8em;align-items:baseline;color:var(--muted);font-size:.98rem;
}
.spec li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange);opacity:.75;flex:none;transform:translateY(-3px)}
@media(min-width:680px){
  .spec--2{grid-template-columns:1fr 1fr;column-gap:clamp(24px,3vw,48px)}
  .spec--3{grid-template-columns:1fr 1fr;column-gap:clamp(24px,3vw,48px)}
}
@media(min-width:1060px){
  .spec--3{grid-template-columns:repeat(3,1fr)}
}

/* capability index */
.cap{display:grid;gap:clamp(26px,3vw,56px)}
.cap__list,.svcl__body,.hd__t,.hd__a,.split>*,
.hd>*,.cap>*,.svcl>*,.idx>*,.ncards>*,.stage>*,.form__grid>*,.pil__i>*{min-width:0}
@media(min-width:1000px){
  .cap{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:start}
}
.cap__fam{
  display:flex;align-items:baseline;gap:.8em;
  font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);
  margin:clamp(26px,3vw,42px) 0 .3rem;
}
.cap__fam:first-child{margin-top:0}
.cap__fam::after{content:"";flex:1;height:1px;background:var(--hair)}
.cap__row{border-bottom:1px solid var(--hair-soft)}
.cap__a{
  position:relative;display:grid;gap:.15em .9em;
  grid-template-columns:auto 1fr;align-items:baseline;
  padding:clamp(14px,1.5vw,20px) clamp(10px,1.4vw,18px) clamp(14px,1.5vw,20px) clamp(8px,1vw,14px);
  text-decoration:none;isolation:isolate;
}
.cap__a::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(253,80,3,.16),rgba(253,80,3,0));
  transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--ease-io);
}
.cap__a:hover::before,.cap__a:focus-visible::before{transform:scaleX(1)}
.cap__no{font-size:.78rem;font-weight:600;letter-spacing:.1em;color:var(--orange);grid-row:1}
.cap__name{
  font-family:var(--display);font-weight:700;letter-spacing:-.025em;color:var(--cream);
  font-size:clamp(1.12rem,1rem + .85vw,1.8rem);line-height:1.15;
  transition:transform .4s var(--ease);
}
.cap__desc{grid-column:2;font-size:.94rem;color:var(--muted)}
.cap__a:hover .cap__name{transform:translateX(6px)}

.cap__media{display:none}
@media(min-width:1000px){
  .cap__media{
    display:block;position:sticky;top:112px;
    border:1px solid var(--hair);border-radius:var(--r);overflow:hidden;
  }
  .cap__stack{position:relative;aspect-ratio:3/2;background:var(--raised)}
  .cap__stack img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    opacity:0;transform:scale(1.04);
    transition:opacity .6s var(--ease),transform .9s var(--ease);
  }
  .cap__stack img.is-on{opacity:.9;transform:scale(1)}
  .cap__stack::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,15,.1),rgba(11,11,15,.7))}
  .cap__meta{padding:clamp(16px,1.6vw,22px);border-top:1px solid var(--hair);background:var(--raised)}
  .cap__meta strong{display:block;font-family:var(--display);font-weight:700;color:var(--cream);font-size:1.05rem;letter-spacing:-.02em}
  .cap__meta span{font-size:.9rem}
}

/* full-bleed photo band */
.band{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(440px,68vh,720px);
  display:flex;align-items:flex-end;
  padding-block:clamp(50px,7vw,96px);
}
.band__img{position:absolute;inset:0;z-index:-2}
.band__img img{width:100%;height:100%;object-fit:cover;opacity:.62}
.band::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(180deg,rgba(11,11,15,.82) 0%,rgba(11,11,15,.5) 38%,rgba(11,11,15,.93) 100%),
    linear-gradient(90deg,rgba(11,11,15,.9) 0%,rgba(11,11,15,.35) 60%,rgba(1,21,136,.25) 100%);
}
.band__t{
  font-size:clamp(2rem,1rem + 5.2vw,4.6rem);line-height:1.02;letter-spacing:-.04em;
  max-width:18ch;margin:0;
}
.band__t span{color:var(--orange)}
.band__note{max-width:46ch;margin-top:clamp(16px,2vw,26px)}

/* journey rail */
.jrn{margin-top:clamp(36px,5vw,64px)}
.jrn__kick{color:var(--faint);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-bottom:1.4rem}
.jrn__rail{position:relative}
.jrn__line{position:absolute;background:var(--hair)}
.jrn__fill{position:absolute;background:var(--orange);transform-origin:left center}
.jrn__list{display:grid;gap:clamp(22px,3vw,36px)}
.jrn__step{position:relative;padding-left:34px}
.jrn__dot{
  position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;
  background:var(--ink);border:2px solid var(--hair);
  transition:border-color .45s var(--ease),background .45s var(--ease),transform .45s var(--ease);
}
.jrn__step.is-on .jrn__dot{border-color:var(--orange);background:var(--orange);transform:scale(1.18)}
.jrn__n{display:block;font-size:.76rem;font-weight:600;letter-spacing:.18em;color:var(--faint);margin-bottom:.15em}
.jrn__w{
  display:block;font-family:var(--display);font-weight:700;letter-spacing:-.035em;
  font-size:clamp(1.9rem,1.1rem + 3.6vw,3.9rem);line-height:1;
  color:rgba(245,241,234,.30);
  transition:color .5s var(--ease),font-weight .3s;
}
.jrn__step.is-on .jrn__w{color:var(--cream)}
.jrn__step.is-on:last-child .jrn__w{color:var(--orange)}
.jrn__b{display:block;font-size:.95rem;color:var(--faint);letter-spacing:.02em;margin-bottom:.1em}
@media(min-width:900px){
  .jrn__rail{padding-top:52px}
  .jrn__line{left:0;right:0;top:26px;height:1px}
  .jrn__fill{left:0;top:26px;height:2px;width:100%;transform:scaleX(var(--p,0));transition:transform .5s var(--ease)}
  .jrn__list{grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,32px)}
  .jrn__step{padding-left:0;padding-top:0}
  .jrn__dot{left:0;top:-52px;transform:translateY(-4px)}
  .jrn__step.is-on .jrn__dot{transform:translateY(-4px) scale(1.18)}
}
@media(max-width:899px){
  .jrn__line{left:5px;top:0;bottom:0;width:1px}
  .jrn__fill{left:5px;top:0;width:2px;height:100%;transform-origin:top center;transform:scaleY(var(--p,0));transition:transform .5s var(--ease)}
}

/* pillars — oversized numbered type */
.pil{display:grid;gap:0;border-top:1px solid var(--hair)}
.pil__i{
  display:grid;gap:.2em 1.2em;align-items:baseline;
  grid-template-columns:auto 1fr;
  padding:clamp(22px,3vw,40px) 0;border-bottom:1px solid var(--hair);
}
.pil__n{
  font-family:var(--display);font-weight:800;letter-spacing:-.05em;
  font-size:clamp(2.4rem,1rem + 6vw,6rem);line-height:.85;
  color:transparent;-webkit-text-stroke:1px var(--hair);
  grid-row:span 2;transition:color .5s var(--ease),-webkit-text-stroke-color .5s var(--ease);
}
.pil__i:hover .pil__n{color:var(--orange);-webkit-text-stroke-color:transparent}
.sec--paper .pil__n{-webkit-text-stroke-color:rgba(11,11,15,.32)}
.vm__t{
  font-family:var(--display);font-weight:700;color:var(--cream);
  letter-spacing:-.025em;line-height:1.25;
  font-size:clamp(1.12rem,1rem + .8vw,1.6rem);margin:0;
}
.pil__nm{font-family:var(--display);font-weight:700;letter-spacing:-.03em;color:var(--cream);font-size:clamp(1.4rem,1.05rem + 1.6vw,2.3rem);line-height:1.1}
.pil__tx{margin:0;max-width:44ch}
@media(min-width:860px){
  .pil__i{grid-template-columns:clamp(110px,10vw,180px) minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,48px)}
  .pil__n{grid-row:auto}
  .pil__tx{padding-left:clamp(0px,1vw,20px)}
}

/* difference rows */
.dif{border-top:1px solid var(--hair)}
.dif li{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.15em .7em;
  padding:clamp(14px,1.8vw,26px) 0;border-bottom:1px solid var(--hair-soft);
}
.dif__n{font-size:.76rem;font-weight:600;letter-spacing:.16em;color:var(--faint);min-width:2.4em}
.dif__p{font-size:clamp(1rem,.95rem + .35vw,1.2rem)}
.dif__w{font-family:var(--display);font-weight:700;letter-spacing:-.03em;color:var(--cream);font-size:clamp(1.3rem,1rem + 1.5vw,2.2rem);line-height:1.1}
.dif li:hover .dif__w{color:var(--orange)}
.dif__w,.dif li:hover .dif__w{transition:color .3s var(--ease)}

/* approach — snap track */
.trk{position:relative;margin-top:clamp(28px,4vw,52px)}
.trk__scroll{display:grid;gap:14px}
.stepc{
  border:1px solid var(--hair);border-radius:var(--r);background:var(--raised);
  padding:clamp(20px,2.4vw,32px);
  display:flex;flex-direction:column;gap:.6em;
  transition:border-color .3s var(--ease),transform .4s var(--ease);
}
.stepc:hover{border-color:rgba(253,80,3,.5);transform:translateY(-3px)}
.stepc__n{font-family:var(--display);font-weight:800;color:var(--orange);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);line-height:1;letter-spacing:-.04em}
.stepc__w{font-family:var(--display);font-weight:700;color:var(--cream);font-size:clamp(1.15rem,1.05rem + .5vw,1.45rem);letter-spacing:-.025em;line-height:1.1}
.stepc__t{margin:0;font-size:.95rem}
@media(min-width:760px){
  .trk__scroll{
    display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-bottom:18px;scrollbar-width:thin;scrollbar-color:var(--orange) transparent;
  }
  .trk__scroll::-webkit-scrollbar{height:4px}
  .trk__scroll::-webkit-scrollbar-thumb{background:var(--orange)}
  .trk__scroll::-webkit-scrollbar-track{background:var(--hair)}
  .stepc{flex:0 0 clamp(250px,26vw,320px);scroll-snap-align:start}
}
.trk__hint{display:none;margin-top:14px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:600}
@media(min-width:760px){.trk__hint{display:block}}

/* sector list with hover detail */
.sect{border-top:1px solid var(--hair)}
.sect__i h3{font:inherit;color:inherit;letter-spacing:normal;margin:0}
.sect__i{border-bottom:1px solid var(--hair-soft)}
.sect__b{
  position:relative;width:100%;background:none;border:0;text-align:left;cursor:pointer;
  display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.5em 1em;
  padding:clamp(16px,1.9vw,24px) clamp(6px,1vw,14px);isolation:isolate;
}
.sect__b::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(253,80,3,.15),transparent);
  transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-io);
}
.sect__i:hover .sect__b::before,.sect__b:focus-visible::before,.sect__i.is-open .sect__b::before{transform:scaleX(1)}
.sect__n{font-size:.76rem;font-weight:600;letter-spacing:.14em;color:var(--orange)}
.sect__nm{font-family:var(--display);font-weight:700;letter-spacing:-.028em;color:var(--cream);font-size:clamp(1.1rem,1rem + .95vw,1.85rem);line-height:1.12}
.sect__pl{width:14px;height:14px;position:relative;flex:none;align-self:center}
.sect__pl::before,.sect__pl::after{content:"";position:absolute;background:var(--orange);transition:transform .35s var(--ease)}
.sect__pl::before{left:0;right:0;top:6px;height:1.5px}
.sect__pl::after{top:0;bottom:0;left:6px;width:1.5px}
.sect__i.is-open .sect__pl::after{transform:scaleY(0)}
.sect__d{
  display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-io);
}
.sect__i.is-open .sect__d{grid-template-rows:1fr}
.sect__d>div{overflow:hidden}
.sect__d p{padding:0 clamp(6px,1vw,14px) clamp(18px,2vw,26px) clamp(6px,1vw,14px);max-width:62ch;margin:0}
.no-js .sect__d{grid-template-rows:1fr}
.no-js .sect__pl{display:none}

/* service article (services page) */
.svc{padding-block:clamp(44px,6vw,84px);border-top:1px solid var(--hair)}
.svc:first-child{border-top:0;padding-top:0}
.svc__hd{display:grid;gap:.5em 1.2em;grid-template-columns:auto minmax(0,1fr);align-items:baseline;margin-bottom:clamp(20px,2.6vw,36px)}
.svc__hd>*{min-width:0}
@media(max-width:619px){.svc__hd{grid-template-columns:minmax(0,1fr);gap:.3em}}
.svc__no{font-family:var(--display);font-weight:800;color:var(--orange);font-size:clamp(1.2rem,1rem + 1.1vw,2rem);letter-spacing:-.03em;line-height:1}
.svc__nm{font-size:clamp(1.35rem,1rem + 1.8vw,2.8rem);line-height:1.06;letter-spacing:-.035em;margin:0}
.svc__hl{display:block;font-family:var(--sans);font-weight:500;letter-spacing:-.005em;color:var(--orange);font-size:clamp(1rem,.95rem + .4vw,1.18rem);line-height:1.35;margin-top:.55em}
.svc__body{display:grid;gap:clamp(22px,3vw,48px)}
@media(min-width:900px){
  .svc__hd{grid-template-columns:clamp(60px,6vw,100px) 1fr}
  .svc__body--split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
}
.svc__row{margin-top:clamp(20px,2.6vw,34px)}

.callout{
  margin-top:clamp(22px,3vw,38px);
  border-left:2px solid var(--orange);
  padding:clamp(16px,2vw,26px) clamp(18px,2.4vw,32px);
  background:linear-gradient(90deg,rgba(253,80,3,.09),transparent 70%);
}
.callout__k{display:block;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:.5em}
.callout__t{font-family:var(--display);font-weight:700;color:var(--cream);font-size:clamp(1.2rem,1.02rem + .95vw,1.85rem);line-height:1.15;letter-spacing:-.03em;margin:0}
.callout__t+.callout__t{margin-top:.3em;color:var(--orange)}

/* services sticky index */
.svcl{display:grid;gap:clamp(26px,3vw,56px)}
@media(min-width:1040px){
  .svcl{grid-template-columns:minmax(0,230px) minmax(0,1fr);align-items:start}
  .svcl__idx{position:sticky;top:104px;max-height:calc(100vh - 140px);overflow-y:auto;padding-right:8px}
}
@media(max-width:1039px){.svcl__idx{display:none}}
.svcl__g+.svcl__g{margin-top:26px}
.svcl__lab{font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:.8rem}
.svcl__l{
  display:flex;gap:.7em;align-items:baseline;padding:.36em 0;
  text-decoration:none;color:var(--muted);font-size:.88rem;
  border-left:1px solid transparent;padding-left:.8em;margin-left:-.8em;
  transition:color .25s,border-color .25s;
}
.svcl__l span{font-size:.72rem;color:var(--faint);min-width:1.9em;font-weight:600;letter-spacing:.06em}
.svcl__l:hover,.svcl__l.is-active{color:var(--cream);border-left-color:var(--orange)}
.svcl__l.is-active span{color:var(--orange)}

/* stage / gap rows */
.rows{border-top:1px solid var(--hair)}
.rows__i{
  display:grid;gap:.3em 1.4em;padding:clamp(18px,2.2vw,28px) 0;border-bottom:1px solid var(--hair-soft);
}
@media(min-width:840px){.rows__i{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr);align-items:baseline}}
.rows--2 .rows__i{grid-template-columns:minmax(0,1fr)}
@media(min-width:560px){.rows--2 .rows__i{grid-template-columns:minmax(0,.4fr) minmax(0,1.6fr);align-items:baseline}}
.rows__a{font-family:var(--display);font-weight:700;color:var(--cream);letter-spacing:-.025em;font-size:clamp(1.05rem,1rem + .6vw,1.4rem);line-height:1.15}
.rows__b{color:var(--muted);font-size:.98rem}
.rows__c{color:var(--orange);font-weight:500;font-size:.98rem}

/* numbered card grid */
.ncards{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair)}
@media(min-width:640px){.ncards{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.ncards--3{grid-template-columns:repeat(3,1fr)}}
.ncard{background:var(--ink);padding:clamp(22px,2.6vw,36px);transition:background .35s var(--ease)}
.sec--paper .ncard{background:var(--paper)}
.sec--raised .ncard{background:var(--raised)}
.ncard:hover{background:#111118}
.sec--paper .ncard:hover{background:#EFE9DF}
.ncard__n{display:block;font-family:var(--display);font-weight:800;color:var(--orange);font-size:.9rem;letter-spacing:.06em;margin-bottom:1.2em}
.ncard__t{font-family:var(--display);font-weight:700;color:var(--cream);letter-spacing:-.028em;font-size:clamp(1.15rem,1.02rem + .65vw,1.5rem);line-height:1.12;margin:0 0 .5em}
.ncard__x{margin:0;font-size:.97rem}

/* stages (client profile) */
.stage{display:grid;gap:1px;background:var(--hair);border-block:1px solid var(--hair)}
@media(min-width:900px){.stage{grid-template-columns:repeat(4,1fr)}}
.stage__i{background:var(--ink);padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;gap:.6em;position:relative}
.sec--paper .stage__i{background:var(--paper)}
.stage__i::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--orange);transform:scaleX(var(--w,.25));transform-origin:left}
.stage__n{font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.stage__t{font-family:var(--display);font-weight:700;color:var(--cream);font-size:clamp(1.15rem,1.02rem + .6vw,1.45rem);letter-spacing:-.028em;line-height:1.14;margin:0}
.stage__x{margin:0;font-size:.95rem}

/* big index list (content hub) */
.idx{display:grid;gap:0;border-top:1px solid var(--hair)}
@media(min-width:720px){.idx{grid-template-columns:1fr 1fr;column-gap:clamp(24px,4vw,64px)}}
.idx li{display:flex;gap:1em;align-items:baseline;padding:.75em 0;border-bottom:1px solid var(--hair-soft)}
.idx__n{font-size:.74rem;font-weight:600;letter-spacing:.12em;color:var(--orange);min-width:2.6em}
.idx__t{color:var(--cream);font-weight:500}

/* big statement */
.big{
  font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:.98;
  font-size:clamp(2.2rem,1rem + 6.4vw,6rem);color:var(--cream);margin:0;
}
.big span{color:var(--orange)}

/* final CTA */
.fcta{position:relative;overflow:hidden;padding-block:clamp(70px,9vw,140px);isolation:isolate}
.fcta::before{
  content:"";position:absolute;z-index:-1;inset:auto -10% -60% auto;left:-10%;
  height:120%;
  background:radial-gradient(60% 60% at 30% 100%,rgba(253,80,3,.20),transparent 70%),
             radial-gradient(50% 50% at 85% 20%,rgba(1,21,136,.30),transparent 70%);
}
.fcta__lines{display:grid;grid-template-columns:minmax(0,1fr);gap:.08em;margin:0 0 clamp(26px,3.6vw,44px)}
.fcta__lines>*{min-width:0}
.fcta__l{
  font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:1;
  font-size:clamp(1.9rem,1rem + 4.9vw,4.6rem);color:rgba(245,241,234,.4);
}
.fcta__l strong{color:var(--cream);font-weight:800}
.fcta__l:last-child strong{color:var(--orange)}
.fcta__foot{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,40px);align-items:center;justify-content:space-between}
.fcta__s{font-family:var(--display);font-weight:700;color:var(--cream);font-size:clamp(1.1rem,1rem + .7vw,1.5rem);letter-spacing:-.025em;margin:0;max-width:20ch}
.fcta__a{display:flex;flex-wrap:wrap;gap:12px}

/* 9. Forms ----------------------------------------------------------------- */
.panel{
  background:var(--raised);border:1px solid var(--hair);border-radius:var(--r);
  padding:clamp(22px,3vw,44px);
}
.form__hd{margin-bottom:clamp(20px,2.4vw,30px)}
.form__t{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);letter-spacing:-.03em;margin:0 0 .5em}
.form__note{font-size:.88rem;margin:0;color:var(--muted)}
.form__grid{display:grid;gap:16px}
@media(min-width:620px){.form__grid{grid-template-columns:1fr 1fr}.f--full{grid-column:1/-1}}
.f{display:flex;flex-direction:column;gap:.42em}
.f label{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.f input,.f select,.f textarea{
  width:100%;min-height:50px;padding:.72em .9em;
  background:rgba(255,255,255,.035);color:var(--cream);
  border:1px solid var(--hair);border-radius:var(--r);
  transition:border-color .25s,background .25s;
}
.f textarea{min-height:140px;resize:vertical}
.f select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--orange) 50%),linear-gradient(135deg,var(--orange) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:40px}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--orange);background:rgba(255,255,255,.055);outline:none}
.f input:focus-visible,.f select:focus-visible,.f textarea:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
.f option{background:var(--raised);color:var(--cream)}
.req{color:var(--orange)}
.f__err{margin:0;font-size:.82rem;color:var(--ember);font-weight:500}
.f__hint{margin:0;font-size:.82rem;color:var(--faint)}
.f.has-error input,.f.has-error textarea,.f.has-error select{border-color:var(--ember)}
.form__foot{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:clamp(20px,2.4vw,30px)}
.form__alt{margin:0;font-size:.9rem}

.done{text-align:left}
.done__k{font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:1rem}
.done__t{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.3rem);letter-spacing:-.035em;margin:0 0 .7em}
.done__ok{
  width:54px;height:54px;border-radius:50%;background:var(--orange);
  display:grid;place-items:center;margin-bottom:1.2rem;
}
.done__ok svg{width:24px;height:24px}

.cinfo{display:grid;gap:0;border-top:1px solid var(--hair)}
.cinfo>div{display:grid;gap:.2em;padding:1em 0;border-bottom:1px solid var(--hair-soft)}
@media(min-width:520px){.cinfo>div{grid-template-columns:minmax(0,120px) 1fr;align-items:baseline;gap:1.2em}}
.cinfo dt{font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.cinfo dd{margin:0;font-size:clamp(1rem,.95rem + .4vw,1.2rem)}
.cinfo dd a{text-decoration:none;color:var(--cream);border-bottom:1px solid var(--hair);transition:color .25s,border-color .25s}
.cinfo dd a:hover{color:var(--orange);border-color:var(--orange)}

/* 10. Footer --------------------------------------------------------------- */
.ftr{background:var(--ink);border-top:1px solid var(--hair);padding-top:clamp(50px,6vw,90px);position:relative;overflow:hidden}
.ftr__mark{
  font-family:var(--display);font-weight:800;letter-spacing:-.055em;line-height:.82;
  font-size:clamp(2.6rem,11.8vw,10.5rem);color:var(--cream);margin:0 0 clamp(28px,4vw,56px);
  white-space:nowrap;
}
.ftr__mark span{color:var(--orange)}
.ftr__grid{display:grid;gap:clamp(26px,3vw,44px);padding-bottom:clamp(30px,4vw,56px)}
@media(min-width:760px){.ftr__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.ftr__grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}}
.ftr__h{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:0 0 1.1rem}
.ftr__tag{font-family:var(--display);font-weight:700;color:var(--cream);font-size:clamp(1.05rem,1rem + .55vw,1.3rem);letter-spacing:-.025em;line-height:1.25;margin:0 0 1rem;max-width:22ch}
.ftr__tag em{font-style:normal;color:var(--orange)}
.ftr__l{display:grid;gap:.1em}
.ftr__l li a,.ftr__l li span{
  display:inline-flex;align-items:center;min-height:36px;
  text-decoration:none;color:var(--muted);transition:color .25s;
  position:relative;padding-left:0;
}
.ftr__l li a::before{
  content:"";width:0;height:1px;background:var(--orange);margin-right:0;
  transition:width .3s var(--ease),margin-right .3s var(--ease);
}
.ftr__l li a:hover{color:var(--cream)}
.ftr__l li a:hover::before{width:14px;margin-right:8px}
.ftr__l li a[aria-current="page"]{color:var(--cream)}
.ftr__l li a[aria-current="page"]::before{width:14px;margin-right:8px}
.ftr__bar{
  border-top:1px solid var(--hair);
  padding-block:24px clamp(24px,3vw,34px);
  display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between;
  font-size:.86rem;color:var(--faint);
}
.ftr__bar p{margin:0}
.ftr__credit a{color:var(--cream);text-decoration:none;border-bottom:1px solid var(--orange);transition:color .25s}
.ftr__credit a:hover{color:var(--orange)}
.ftr__top{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;color:var(--muted);min-height:44px;transition:color .25s}
.ftr__top:hover{color:var(--orange)}

/* 11. Motion --------------------------------------------------------------- */
.js [data-reveal]{opacity:0;transform:translateY(26px)}
.js [data-reveal].is-in{
  opacity:1;transform:none;
  transition:opacity .7s var(--ease),transform .85s var(--ease);
  transition-delay:calc(var(--i,0) * 70ms);
}
.js [data-stagger]>*{opacity:0;transform:translateY(22px)}
.js [data-stagger].is-in>*{
  opacity:1;transform:none;
  transition:opacity .6s var(--ease),transform .75s var(--ease);
}
.js [data-stagger].is-in>*:nth-child(1){transition-delay:.02s}
.js [data-stagger].is-in>*:nth-child(2){transition-delay:.08s}
.js [data-stagger].is-in>*:nth-child(3){transition-delay:.14s}
.js [data-stagger].is-in>*:nth-child(4){transition-delay:.2s}
.js [data-stagger].is-in>*:nth-child(5){transition-delay:.26s}
.js [data-stagger].is-in>*:nth-child(6){transition-delay:.32s}
.js [data-stagger].is-in>*:nth-child(7){transition-delay:.38s}
.js [data-stagger].is-in>*:nth-child(8){transition-delay:.44s}
.js [data-stagger].is-in>*:nth-child(n+9){transition-delay:.5s}

/* 12. Breakpoints ---------------------------------------------------------- */
@media(max-width:1023px){
  .nav,.hdr__cta{display:none}
  .burger{display:inline-flex}
}
@media(max-width:600px){
  .burger__txt{display:none}
  .burger{padding:0;width:46px;justify-content:center}
  .hero{min-height:auto;padding-top:clamp(48px,14vh,90px);padding-bottom:48px}
  .fcta__foot{flex-direction:column;align-items:flex-start}
  .ftr__bar{flex-direction:column;align-items:flex-start;gap:8px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important;
  }
  .js [data-reveal],.js [data-stagger]>*{opacity:1;transform:none}
  .mq__track{animation:none}
  .js .kin__w{opacity:0}
  .js .kin__w.is-on{opacity:1;transform:none}
  .hero__glow{display:none}
}