/* =========================================================
   BDP TIMEPIECES — Built Different by Design.
   ========================================================= */
:root{
  --ink:#050608; --abyss:#070b12; --char:#0e1014; --steel:#a7aeb6; --line:rgba(233,230,223,.14);
  --text:#ece8df; --muted:#9a9ca1; --faint:#6b6e74;
  --gold:#c9a45c; --gold-hi:#e7c987; --ice:#7fe3ff;
  --accent:var(--gold);
  --font-display:'Gambarino','Cormorant Garamond','Times New Roman',serif;
  --font-body:'Switzer','Inter','Helvetica Neue',Arial,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --gut:clamp(1.25rem,4vw,4rem);
  --nav-h:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--ink)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.is-loading{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.skip{position:fixed;left:1rem;top:-4rem;z-index:200;background:var(--gold);color:#000;padding:.6rem 1rem}
.skip:focus{top:1rem}
.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:.92}
.kicker{color:var(--accent);display:flex;align-items:center;gap:.7rem;margin:0 0 1.2rem}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:blink 2.4s infinite}
@keyframes blink{50%{opacity:.25}}
.concept{color:var(--faint);margin-top:1rem}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.7rem;padding:1rem 1.6rem;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease);position:relative;overflow:hidden;white-space:nowrap}
.btn--solid{background:linear-gradient(180deg,var(--gold-hi),var(--gold) 60%,#a8843f);color:#0b0904}
.btn--solid:hover{transform:translateY(-2px);box-shadow:0 14px 40px -12px rgba(201,164,92,.7)}
.btn--ghost{color:var(--text);border:1px solid rgba(236,232,223,.35);backdrop-filter:blur(6px)}
.btn--ghost:hover{border-color:var(--text);background:rgba(236,232,223,.08)}
.btn--line{border:1px solid var(--line);color:var(--text)}
.btn--line:hover{border-color:var(--accent);color:var(--accent)}

/* ---------- intro ---------- */
.intro{position:fixed;inset:0;z-index:120;display:grid;place-items:center;pointer-events:none}
.intro__inner{position:relative;z-index:2;display:grid;justify-items:center;gap:1.4rem}
.intro__logo{width:min(220px,48vw);opacity:0;filter:drop-shadow(0 0 30px rgba(201,164,92,.35))}
.intro__meter{width:min(220px,48vw);height:1px;background:rgba(255,255,255,.12);overflow:hidden}
.intro__bar{display:block;height:100%;width:100%;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.intro__read{display:flex;gap:1rem;color:var(--muted)}
.intro__num{color:var(--gold)}
.iris{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.iris path{fill:url(#bladeGrad);stroke:#c9a45c;stroke-width:.35;stroke-opacity:.8}
.no-js .intro{display:none}

/* ---------- nav ---------- */
.nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:90;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gut);transition:background .5s,backdrop-filter .5s,transform .6s var(--ease)}
.nav.is-scrolled{background:linear-gradient(180deg,rgba(5,6,8,.85),rgba(5,6,8,.55));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.05)}
.nav.is-hidden{transform:translateY(-100%)}
.nav__brand img{width:84px;height:auto}
.nav__links{display:flex;gap:clamp(1rem,2.4vw,2.4rem)}
.nav__links a{position:relative;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(236,232,223,.72);padding:.4rem 0;transition:color .3s}
.nav__links a::before{content:attr(data-ch);position:absolute;top:-.7rem;left:0;font-family:var(--font-mono);font-size:9px;color:var(--gold);opacity:0;transform:translateY(4px);transition:.4s var(--ease)}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.nav__links a:hover,.nav__links a.is-active{color:var(--text)}
.nav__links a:hover::before,.nav__links a.is-active::before{opacity:1;transform:none}
.nav__links a:hover::after,.nav__links a.is-active::after{transform:scaleX(1);transform-origin:left}
.nav__right{display:flex;align-items:center;gap:1.2rem}
.nav__clock{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:11px}
.nav__clock i{width:6px;height:6px;border-radius:50%;background:var(--ice);box-shadow:0 0 10px var(--ice)}
.nav__clock b{font-weight:500;color:var(--text);min-width:8ch}
.nav__cta{padding:.75rem 1.1rem;font-size:12px}
.nav__menu{display:none;align-items:center;gap:.6rem;height:44px;padding:0 .4rem;position:relative}
.nav__menu span{display:block;width:22px;height:1px;background:var(--text);position:absolute;left:.4rem;transition:.4s var(--ease)}
.nav__menu span:first-child{top:18px}.nav__menu span:nth-child(2){top:25px}
.nav__menu em{font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding-left:30px}
.nav__menu[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}
.nav__menu[aria-expanded=true] span:nth-child(2){top:21px;transform:rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:85;background:rgba(5,6,8,.97);backdrop-filter:blur(10px);padding:calc(var(--nav-h) + 2rem) var(--gut) 2rem;overflow:auto}
.menu__grid{display:grid;gap:0}
.menu__item{display:grid;grid-template-columns:3rem 1fr;align-items:baseline;padding:1.2rem 0;border-bottom:1px solid var(--line)}
.menu__item strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,7vw,3rem);line-height:1}
.menu__item em{grid-column:2;font-style:normal;color:var(--muted);font-size:14px;margin-top:.3rem}
.menu__item .mono{color:var(--gold)}
.menu__item--cta strong{color:var(--gold-hi)}

/* =========================================================
   SCENE 01 — THE DESCENT
   ========================================================= */
.descent{position:relative;height:340vh;background:var(--ink)}
.descent__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}
.descent__bg,.descent__diver{position:absolute;inset:-6%;z-index:-3}
.descent__bg img,.descent__diver img{width:100%;height:100%;object-fit:cover}
.descent__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 40%,transparent 0 30%,rgba(3,6,12,.75) 75%,#030509 100%),linear-gradient(180deg,rgba(3,6,12,.2),rgba(3,6,12,.0) 40%,#050608 100%)}
.descent__diver{opacity:0;z-index:-2}
.descent__diver::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,12,.92) 0%,rgba(3,6,12,.55) 45%,rgba(3,6,12,.1) 100%),linear-gradient(180deg,transparent 60%,#050608)}
.rays{position:absolute;inset:-10% -10% 0;z-index:-1;pointer-events:none;mix-blend-mode:screen}
.rays i{position:absolute;top:-20%;width:16vw;height:120%;background:linear-gradient(180deg,rgba(150,210,255,.22),rgba(120,190,255,.0) 75%);filter:blur(18px);transform-origin:top center;animation:ray 9s ease-in-out infinite alternate}
.rays i:nth-child(1){left:28%;transform:rotate(16deg);animation-delay:-2s}
.rays i:nth-child(2){left:40%;width:8vw;transform:rotate(10deg);animation-duration:7s}
.rays i:nth-child(3){left:52%;width:22vw;transform:rotate(4deg);animation-delay:-5s;opacity:.7}
.rays i:nth-child(4){left:64%;width:6vw;transform:rotate(-4deg);animation-duration:11s}
.rays i:nth-child(5){left:18%;width:10vw;transform:rotate(22deg);animation-delay:-7s;opacity:.5}
@keyframes ray{0%{opacity:.25}50%{opacity:.9}100%{opacity:.4}}
.particles{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}

.descent__ghost{position:absolute;inset:0;display:grid;place-items:center;z-index:0;pointer-events:none}
.descent__ghost span{font-family:var(--font-display);font-size:clamp(5rem,19vw,22rem);line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(170,215,255,.16);white-space:nowrap;transform:translateY(-4vh)}

.descent__watch{position:absolute;left:50%;top:50%;width:min(88vh,62vw);aspect-ratio:1;transform:translate(-50%,-50%);z-index:2;will-change:transform}
.descent__watch img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 60px 80px rgba(0,0,0,.85))}
.descent__glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(127,227,255,.22),transparent 65%);filter:blur(40px);z-index:-1;animation:breathe 5s ease-in-out infinite}
@keyframes breathe{50%{opacity:.45;transform:scale(.92)}}
.sweep{position:relative;width:100%;height:100%}
.sweep::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,250,235,.55) 48%,transparent 60%);background-size:260% 100%;background-position:120% 0;mix-blend-mode:overlay;-webkit-mask:url(img/big-glowowski-midnight-black-dive-watch.webp) center/contain no-repeat;mask:url(img/big-glowowski-midnight-black-dive-watch.webp) center/contain no-repeat;animation:sweep 7s var(--ease) infinite 2.6s}
@keyframes sweep{0%{background-position:130% 0}45%,100%{background-position:-30% 0}}

.descent__copy{position:absolute;z-index:3;left:var(--gut);bottom:clamp(2rem,8vh,5rem);max-width:min(46rem,92vw)}
.descent__title{font-size:clamp(3.6rem,10.5vw,11.5rem);margin:0 0 2rem;text-transform:uppercase;text-shadow:0 10px 60px rgba(0,0,0,.6)}
.descent__title .line{display:block;overflow:hidden;padding-bottom:.04em}
.descent__title .w{display:inline-block}
.line--accent .w{background:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 55%,#8a6a2e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.descent__actions{display:flex;flex-wrap:wrap;gap:.9rem}

.descent__second{position:absolute;z-index:3;left:var(--gut);top:50%;transform:translateY(-50%);max-width:30rem;opacity:0;visibility:hidden}
.descent__second h2{font-size:clamp(3rem,7vw,7rem);margin:0 0 1.5rem;text-transform:uppercase}
.descent__second p:last-child{color:rgba(236,232,223,.8);font-size:clamp(15px,1.2vw,18px);max-width:28rem}
.descent__second .kicker{color:var(--ice)}
.descent__wrist{position:absolute;z-index:3;right:var(--gut);bottom:clamp(2rem,9vh,6rem);width:min(32vw,440px);margin:0;clip-path:inset(100% 0 0 0);visibility:hidden}
.descent__wrist img{width:100%;aspect-ratio:1.7;object-fit:cover;border:1px solid rgba(255,255,255,.08)}
.descent__wrist figcaption{margin-top:.7rem;color:var(--muted)}

.hud{position:absolute;z-index:4;right:var(--gut);top:calc(var(--nav-h) + 3vh);display:grid;gap:.6rem;justify-items:end;color:var(--muted);font-size:11px}
.hud__row{display:flex;gap:.6rem;align-items:baseline}
.hud__row b{font-family:var(--font-display);font-weight:400;font-size:2.6rem;letter-spacing:0;color:var(--text);line-height:1}
.hud__row--sm b{font-family:var(--font-mono);font-size:11px;color:var(--ice);font-weight:500}
.hud__scale{width:140px;height:1px;background:rgba(255,255,255,.15);position:relative}
.hud__scale i{position:absolute;inset:0;background:var(--ice);transform-origin:right;transform:scaleX(0)}
.scrollcue{position:absolute;z-index:4;left:50%;bottom:1.4rem;transform:translateX(-50%);display:grid;justify-items:center;gap:.6rem;color:var(--muted);font-size:10px}
.scrollcue i{width:1px;height:46px;background:linear-gradient(var(--ice),transparent);animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- manifesto ---------- */
.manifesto{padding:clamp(7rem,18vh,12rem) var(--gut);max-width:1400px;margin:0 auto}
.manifesto__text{font-size:clamp(2rem,4.6vw,4.6rem);line-height:1.08;margin:0}
.manifesto__text .mw{opacity:.14;transition:opacity .2s}
.manifesto__note{margin-top:3rem;color:var(--faint);max-width:36rem;line-height:1.8}

/* =========================================================
   CHAPTERS
   ========================================================= */
.chapter{position:relative;padding:clamp(5rem,12vh,9rem) 0 clamp(5rem,12vh,9rem);isolation:isolate;--accent:attr(data-accent)}
.glow{--accent:#c9a45c}
.wing{--accent:#e2762e}
.trail{--accent:#e0a24a}
.resp{--accent:#e0473d}
.chapter .kicker{color:var(--accent)}
.chapter__head{display:flex;align-items:flex-end;gap:clamp(1rem,3vw,3rem);padding:0 var(--gut);margin-bottom:clamp(3rem,8vh,6rem);position:relative;z-index:2}
.chapter__num{font-size:clamp(6rem,17vw,16rem);line-height:.75;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--accent) 70%,transparent)}
.chapter__title{font-size:clamp(3rem,8.5vw,9rem);margin:0;text-transform:uppercase}
.chapter__tag{color:var(--muted);margin:1rem 0 0}
.scene-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.scene-bg img{width:100%;height:120%;object-fit:cover;opacity:.55}
.scene-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--ink) 0%,rgba(5,6,8,.35) 22%,rgba(5,6,8,.65) 60%,var(--ink) 100%)}

/* ---------- colorway ---------- */
.colorway{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding:0 var(--gut);--cw:#c9a45c}
.colorway__ambient{position:absolute;left:0;top:-10%;width:70%;height:120%;background:radial-gradient(50% 50% at 50% 50%,color-mix(in srgb,var(--cw) 40%,transparent),transparent 70%);filter:blur(30px);opacity:.55;transition:background 1s var(--ease);z-index:-1;pointer-events:none}
.colorway__stage{position:relative;aspect-ratio:304/386;max-height:82vh;margin:0 auto;width:100%;max-width:640px;perspective:1400px}
.colorway__box{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(30px) scale(.96) rotateX(6deg);transition:opacity .9s var(--ease),transform 1.1s var(--ease),filter .9s;filter:blur(8px);pointer-events:none}
.colorway__box.is-active{opacity:1;transform:none;filter:none}
.colorway__box img{width:100%;height:100%;object-fit:cover;box-shadow:0 50px 120px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.05);border-radius:3px}
.colorway__count{color:var(--muted)}
.colorway__count b{color:var(--cw);font-weight:500}
.colorway__name{font-size:clamp(2.8rem,5.4vw,5.4rem);margin:.6rem 0 .8rem;text-transform:uppercase}
.colorway__line{font-size:18px;color:rgba(236,232,223,.8);margin:0 0 2.2rem}
.swatches{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:2rem}
.swatches button{width:54px;height:54px;border-radius:50%;background:var(--sw);position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:transform .4s var(--ease)}
.swatches button::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid transparent;transition:border-color .4s}
.swatches button[aria-selected=true]::after{border-color:var(--cw)}
.swatches button:hover{transform:scale(1.08)}
.swatches span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.colorway__note{color:var(--muted);max-width:30rem;font-size:15px}

/* ---------- dossier ---------- */
.dossier{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(1rem,2vw,2rem);padding:0 var(--gut);margin-top:clamp(5rem,12vh,9rem)}
.dossier__feat{grid-column:span 2;display:grid;gap:1.2rem;align-content:start}
.dossier__feat--big{grid-column:1/-1;grid-template-columns:1.5fr 1fr;align-items:end;gap:clamp(2rem,4vw,5rem);margin-bottom:clamp(2rem,5vh,4rem)}
.dossier__img{overflow:hidden;border-radius:2px;position:relative}
.dossier__img img{width:100%;aspect-ratio:1.8;object-fit:cover;transition:transform 1.4s var(--ease)}
.dossier__feat--big .dossier__img img{aspect-ratio:1.9}
.dossier__feat:hover .dossier__img img{transform:scale(1.06)}
.dossier__txt .mono{color:var(--accent)}
.dossier__txt h3{font-size:20px;font-weight:600;margin:.4rem 0 .4rem;letter-spacing:.01em}
.dossier__feat--big h3{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1;margin:.6rem 0 1rem}
.dossier__txt p{color:var(--muted);margin:0;max-width:34rem}
.dossier__feat--big .dossier__txt p{font-size:17px;color:rgba(236,232,223,.8)}

/* ---------- unbox ---------- */
.unbox{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center;padding:0 var(--gut);margin-top:clamp(6rem,14vh,10rem)}
.unbox__frames{position:relative;aspect-ratio:445/351;overflow:hidden;border-radius:3px}
.unbox__frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.unbox__open{clip-path:inset(0 0 100% 0)}
.unbox__txt h3{font-size:clamp(2.2rem,4vw,3.8rem);margin:0 0 2rem}
.unbox__list{list-style:none;margin:0;padding:0;display:grid;gap:0;font-size:12px}
.unbox__list li{display:flex;gap:1.2rem;padding:.75rem 0;border-bottom:1px solid var(--line);color:rgba(236,232,223,.85)}
.unbox__list span{color:var(--accent)}

/* =========================================================
   THE VEIL
   ========================================================= */
.shadowlock{position:relative;background:radial-gradient(80% 60% at 50% 40%,#13110d 0%,var(--ink) 70%);--accent:#c9a45c}
.shadowlock__stage{position:relative;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.shadowlock__type{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 2vw;pointer-events:none}
.shadowlock__type span{font-size:clamp(6rem,22vw,26rem);line-height:1;background:linear-gradient(180deg,#3a3122,#14110c);-webkit-background-clip:text;background-clip:text;color:transparent}
.shadowlock__watch{position:relative;width:min(74vh,58vw);aspect-ratio:1;z-index:2}
.shadowlock__f{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s linear}
.shadowlock__f.is-on{opacity:1}
.shadowlock__ring{position:absolute;inset:-4%;width:108%;height:108%;transform:rotate(-90deg)}
.shadowlock__ring circle{fill:none;stroke:rgba(201,164,92,.15);stroke-width:.25}
.shadowlock__ring #shadowlockProg{stroke:var(--gold);stroke-width:.4;stroke-dasharray:1;stroke-dashoffset:1}
.shadowlock__copy{position:absolute;z-index:3;left:var(--gut);bottom:clamp(2rem,8vh,5rem);max-width:26rem}
.shadowlock__copy h2{font-size:clamp(2.6rem,5vw,5rem);margin:0 0 1.2rem;text-transform:uppercase}
.shadowlock__copy p{color:rgba(236,232,223,.78);margin:0 0 1.6rem}
.shadowlock__states{position:absolute;z-index:3;right:var(--gut);bottom:clamp(2rem,8vh,5rem);list-style:none;margin:0;padding:0;display:grid;gap:.9rem;text-align:right}
.shadowlock__states li{color:var(--faint);transition:color .4s}
.shadowlock__states li b{color:inherit;margin-right:.6rem;font-weight:500}
.shadowlock__states li.is-on{color:var(--gold-hi)}
.shadowlock__details{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,2rem);padding:clamp(3rem,8vh,6rem) var(--gut) clamp(5rem,12vh,9rem)}
.shadowlock__details figure{margin:0}
.shadowlock__details img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:2px}
.shadowlock__details figcaption{margin-top:1rem;color:var(--muted);font-size:14px}
.shadowlock__details b{display:block;color:var(--text);font-weight:600;font-size:16px;margin-bottom:.2rem}

/* =========================================================
   WINGMAN
   ========================================================= */
.wing .scene-bg img{object-position:center 30%}
.hangar{position:relative}
.hangar__track{display:flex;gap:clamp(2rem,5vw,6rem);padding:0 var(--gut);width:max-content}
.squad{width:min(78vw,980px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);flex:none}
.squad__img{position:relative;aspect-ratio:1}
.squad__img::before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c,#e2762e) 35%,transparent),transparent 70%);filter:blur(40px);z-index:-1}
.squad__img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 40px 60px rgba(0,0,0,.8))}
.squad__txt .mono{color:var(--c,var(--accent))}
.squad__txt h3{font-size:clamp(2.8rem,6vw,6.4rem);margin:.6rem 0 .4rem;text-transform:uppercase}
.squad__role{color:var(--muted)!important;margin:0 0 1.4rem}
.squad__txt p:last-child{font-size:18px;color:rgba(236,232,223,.82);margin:0;max-width:26rem}
.squad--nav .squad__txt h3{font-size:clamp(2rem,3.6vw,3.6rem);text-transform:none;line-height:1.02}
.squad--nav .squad__txt p:last-child{font-size:16px}
.compass{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 40px 80px rgba(0,0,0,.6)}
.compass img{width:100%;height:100%;object-fit:cover;transform:scale(1.45)}
.compass__ring{position:absolute;inset:0;width:100%;height:100%}
.compass__ring text{font-family:var(--font-mono);font-size:7px;fill:rgba(236,232,223,.85);text-anchor:middle;dominant-baseline:middle}
.compass__ring .n{fill:#e0473d;font-size:10px;font-weight:600}
.compass__hdg{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);color:var(--accent);background:rgba(5,6,8,.7);padding:.3rem .6rem}
.strip{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin:clamp(4rem,10vh,8rem) var(--gut) 0;background:var(--line);border:1px solid var(--line)}
.strip figure{margin:0;background:var(--ink);position:relative;overflow:hidden}
.strip img{width:100%;aspect-ratio:1.35;object-fit:cover;transition:transform 1s var(--ease),filter .6s;filter:saturate(.85) brightness(.85)}
.strip figure:hover img{transform:scale(1.08);filter:none}
.strip figcaption{padding:.8rem;color:var(--muted);font-size:10px}
.boxes3{padding:0 var(--gut);margin-top:clamp(5rem,12vh,8rem)}
.boxes3__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(1rem,2vw,2rem);align-items:end}
.boxes3 figure{margin:0}
.boxes3 img{width:100%;aspect-ratio:1.75;object-fit:cover;border-radius:2px}
.boxes3 figcaption{margin-top:.8rem;color:var(--muted)}

/* =========================================================
   WRONG TURN
   ========================================================= */
.editions{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center;padding:0 var(--gut)}
.editions__hero{position:relative;aspect-ratio:1;max-width:680px;width:100%;margin:0 auto}
.editions__hero::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(224,162,74,.25),transparent 70%);filter:blur(40px);z-index:-1}
.editions__hero img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 40px 60px rgba(0,0,0,.85));transition:opacity .5s var(--ease),transform .8s var(--ease)}
.editions__hero img.is-swap{opacity:0;transform:scale(.94) rotate(-4deg)}
.editions__list{display:grid}
.editions__list button{display:grid;grid-template-columns:3rem 1fr;text-align:left;padding:1.3rem 0;border-bottom:1px solid var(--line);align-items:baseline;transition:padding .5s var(--ease)}
.editions__list button:first-child{border-top:1px solid var(--line)}
.editions__list .mono{color:var(--faint)}
.editions__list b{font-size:clamp(2rem,3.6vw,3.4rem);color:rgba(236,232,223,.45);transition:color .4s;text-transform:uppercase}
.editions__list em{grid-column:2;font-style:normal;color:var(--muted);font-size:15px;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s var(--ease),opacity .5s,margin .5s}
.editions__list button[aria-selected=true] b,.editions__list button:hover b{color:var(--text)}
.editions__list button[aria-selected=true] .mono{color:var(--accent)}
.editions__list button[aria-selected=true] em{max-height:4rem;opacity:1;margin-top:.5rem}
.kit{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem);padding:0 var(--gut);margin-top:clamp(5rem,12vh,9rem)}
.kit__item img{width:100%;aspect-ratio:1.9;object-fit:cover;border-radius:2px;margin-bottom:1.3rem}
.kit__item h3{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,2.6vw,2.6rem);margin:0 0 .6rem;line-height:1}
.kit__item p{color:var(--muted);margin:0}
.sos{position:relative;overflow:hidden;border-radius:2px;margin-bottom:1.3rem}
.sos img{margin:0}
.sos__flash{position:absolute;left:55%;top:20%;width:90px;height:90px;margin:-45px;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,.7) 18%,transparent 65%);mix-blend-mode:screen;opacity:0;animation:sos 6s steps(1) infinite}
.sos__seq{display:flex;gap:6px;align-items:center;margin-top:1rem!important}
.sos__seq i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.sos__seq u{width:22px;height:8px;border-radius:4px;background:var(--accent)}
@keyframes sos{0%,5%{opacity:1}5.01%,9%{opacity:0}9.01%,14%{opacity:1}14.01%,18%{opacity:0}18.01%,23%{opacity:1}23.01%,30%{opacity:0}30.01%,42%{opacity:1}42.01%,46%{opacity:0}46.01%,58%{opacity:1}58.01%,62%{opacity:0}62.01%,74%{opacity:1}74.01%,80%{opacity:0}80.01%,84%{opacity:1}84.01%,87%{opacity:0}87.01%,91%{opacity:1}91.01%,94%{opacity:0}94.01%,98%{opacity:1}98.01%,100%{opacity:0}}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center;padding:0 var(--gut);margin-top:clamp(5rem,12vh,8rem)}
.specs__sizes img{width:100%;border-radius:2px}
.specs__list{margin:0;display:grid}
.specs__list div{display:grid;grid-template-columns:11rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.specs__list dt{color:var(--accent);padding-top:.2rem}
.specs__list dd{margin:0}

/* =========================================================
   RESPONSE ONE
   ========================================================= */
.resp .scene-bg img{opacity:.5}
.siren{position:absolute;top:10%;width:55vw;height:60vh;filter:blur(80px);opacity:0;mix-blend-mode:screen}
.siren--r{left:-10%;background:radial-gradient(circle,rgba(255,40,30,.55),transparent 60%);animation:siren 1.6s infinite}
.siren--b{right:-10%;background:radial-gradient(circle,rgba(40,90,255,.55),transparent 60%);animation:siren 1.6s infinite .8s}
@keyframes siren{0%,40%{opacity:.6}50%,100%{opacity:.08}}
.dept{padding:0 var(--gut)}
.dept__tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:clamp(2rem,6vh,4rem)}
.dept__tabs button{text-align:left;padding:1.2rem 1rem 1.2rem 0;position:relative;display:grid;gap:.3rem}
.dept__tabs button::after{content:"";position:absolute;left:0;right:1rem;bottom:-1px;height:2px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.dept__tabs button[aria-selected=true]::after{transform:scaleX(1)}
.dept__tabs b{font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,2.4vw,2.2rem);color:rgba(236,232,223,.5);transition:color .4s;line-height:1}
.dept__tabs button[aria-selected=true] b,.dept__tabs button:hover b{color:var(--text)}
.dept__tabs .mono{color:var(--faint);font-size:10px}
.dept__view{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center}
.dept__watch{position:relative;aspect-ratio:190/210;max-width:520px;width:100%;margin:0 auto}
.dept__watch img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .7s var(--ease),transform .9s var(--ease),clip-path .9s var(--ease);filter:drop-shadow(0 40px 60px rgba(0,0,0,.8))}
.dept__closed{opacity:0;transform:rotate(-25deg) scale(.9);object-fit:contain!important;padding:9% 6%}
.dept__watch.is-locked .dept__closed{opacity:1;transform:none}
.dept__watch.is-locked .dept__open{opacity:.0;transform:scale(.96)}
.dept__watch.is-swap img{opacity:0!important}
.dept__motto{color:var(--accent)}
.dept__txt h3{font-size:clamp(3rem,6vw,6rem);margin:.6rem 0 1.2rem;text-transform:uppercase}
.dept__txt p:not(.mono){color:rgba(236,232,223,.8);max-width:28rem;margin:0 0 1.8rem}
.dials{padding:0 var(--gut);margin-top:clamp(5rem,12vh,8rem)}
.dials__row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.6rem,1.5vw,1.5rem)}
.dials__row li{display:grid;gap:.3rem}
.dials__row img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;margin-bottom:.8rem;transition:transform .8s var(--ease);box-shadow:0 20px 40px rgba(0,0,0,.6)}
.dials__row li:hover img{transform:rotate(-12deg) scale(1.04)}
.dials__row b{font-weight:600}
.dials__row .mono{color:var(--muted);font-size:10px}
.shield{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:clamp(1rem,2vw,2rem);align-items:end;padding:0 var(--gut);margin-top:clamp(5rem,12vh,8rem)}
.shield__txt h3{font-size:clamp(2.2rem,3.6vw,3.6rem);margin:0 0 1rem}
.shield__txt p{color:var(--muted);margin:0}
.shield figure{margin:0}
.shield img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:2px}

/* =========================================================
   FOUNDERS
   ========================================================= */
.founders{position:relative;padding:clamp(7rem,16vh,12rem) var(--gut);overflow:hidden;isolation:isolate;border-top:1px solid var(--line)}
.founders__bg{position:absolute;right:-12vw;top:50%;width:min(80vw,1000px);transform:translateY(-50%);z-index:-1;opacity:.28}
.founders__bg img{width:100%;animation:spin 120s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.founders__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(3rem,6vw,8rem);align-items:start;max-width:1400px;margin:0 auto}
.founders__pitch h2{font-size:clamp(3.2rem,7vw,7.4rem);margin:0 0 2rem;text-transform:uppercase}
.founders__pitch>p{color:rgba(236,232,223,.82);font-size:17px;max-width:34rem}
.founders__perks{list-style:none;padding:0;margin:2.4rem 0 0;display:grid;font-size:12px}
.founders__perks li{display:flex;gap:1.2rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.founders__perks span{color:var(--gold)}
.form{background:linear-gradient(180deg,rgba(20,18,14,.85),rgba(10,10,12,.92));border:1px solid rgba(201,164,92,.22);padding:clamp(1.5rem,3vw,3rem);border-radius:3px;backdrop-filter:blur(10px);display:grid;gap:1.4rem}
.form__row{display:grid;gap:.5rem;border:0;margin:0;padding:0}
.form label,.form legend{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:0}
.form input[type=email],.form input:not([type]){background:transparent;border:0;border-bottom:1px solid rgba(236,232,223,.25);padding:.8rem 0;color:var(--text);font:inherit;font-size:18px;transition:border-color .3s;border-radius:0}
.form input:focus{outline:none;border-bottom-color:var(--gold)}
.form input::placeholder{color:#5c5f65}
.form input[aria-invalid=true]{border-bottom-color:#e0473d}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}
.chips label{cursor:pointer;text-transform:none;letter-spacing:0;font-size:14px}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;padding:.6rem 1rem;border:1px solid var(--line);border-radius:999px;color:var(--text);transition:.3s}
.chips input:checked+span{border-color:var(--gold);background:rgba(201,164,92,.14);color:var(--gold-hi)}
.chips input:focus-visible+span{outline:2px solid var(--gold-hi);outline-offset:2px}
.form__consent{display:flex;gap:.8rem;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;line-height:1.5;color:var(--muted)}
.form__consent input{margin-top:.25rem;accent-color:var(--gold);width:16px;height:16px;flex:none}
.form__submit{justify-content:center;width:100%;padding:1.2rem}
.form__msg{margin:0;min-height:1.5em;font-size:14px;color:var(--gold-hi)}
.form__msg.is-err{color:#ff8a80}
.form.is-done .form__row,.form.is-done .form__consent,.form.is-done .form__submit{display:none}
.form.is-done .form__msg{font-size:18px;line-height:1.5}

/* ---------- status ---------- */
.status{padding:clamp(6rem,14vh,10rem) var(--gut);max-width:1400px;margin:0 auto}
.status h2{font-size:clamp(2.6rem,5vw,5rem);margin:0 0 3rem;text-transform:uppercase}
.status__line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}
.status__line li{border-top:1px solid var(--line);padding-top:1.4rem;position:relative}
.status__line li::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--faint)}
.status__line li.is-done::before{background:var(--gold)}
.status__line li.is-now::before{background:var(--gold-hi);box-shadow:0 0 14px var(--gold)}
.status__line li.is-done,.status__line li.is-now{border-top-color:var(--gold)}
.status__line .mono{color:var(--faint);font-size:10px}
.status__line .is-now .mono{color:var(--gold)}
.status__line b{display:block;font-size:18px;font-weight:600;margin:.5rem 0}
.status__line p{color:var(--muted);font-size:14px;margin:0}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding:clamp(4rem,8vh,6rem) var(--gut) 2rem}
.foot__top{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:3rem}
.foot__top img{width:120px}
.foot__slogan{font-size:clamp(2rem,4vw,3.6rem);margin:0;text-transform:uppercase}
.foot__legal{color:var(--faint);font-size:13px;max-width:70rem;line-height:1.7}
.foot__base{display:flex;justify-content:space-between;color:var(--faint);margin-top:2.5rem;font-size:10px;gap:1rem;flex-wrap:wrap}

/* ---------- reveal ---------- */
.reveal-mask{clip-path:inset(0 0 0 0)}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1100px){
  .nav__links{display:none}
  .nav__menu{display:flex}
  .nav__clock{display:none}
  .status__line{grid-template-columns:1fr 1fr;row-gap:2.5rem}
  .shield{grid-template-columns:1fr 1fr 1fr}
  .shield__txt{grid-column:1/-1}
}
@media (max-width:820px){
  :root{--nav-h:64px}
  .nav__cta{display:none}
  .nav__brand img{width:70px}
  .descent{height:260vh}
  .descent__watch{width:min(106vw,52vh);top:33%}
  .descent__copy .kicker{display:none}
  .descent__ghost span{font-size:30vw;transform:translateY(-14vh)}
  .descent__title{font-size:clamp(3.2rem,15vw,6rem);margin-bottom:1.4rem}
  .descent__copy{bottom:1.6rem;right:var(--gut)}
  .descent__actions .btn{flex:1 1 auto;justify-content:center;padding:.95rem 1.1rem;font-size:12px}
  .descent__second{top:auto;bottom:calc(38vw + 5.5rem);transform:none;right:var(--gut)}
  .descent__second h2{font-size:clamp(2.6rem,12vw,4rem);margin-bottom:1rem}
  .descent__second p:last-child{font-size:14px}
  .descent__wrist{width:auto;left:var(--gut);right:var(--gut);bottom:1.4rem}
  .descent__wrist img{aspect-ratio:2.4}
  .hud{top:calc(var(--nav-h) + 1rem)}
  .hud__row b{font-size:1.8rem}
  .hud__scale{width:90px}
  .scrollcue{display:none}
  .colorway,.unbox,.editions,.specs,.dept__view,.founders__grid{grid-template-columns:1fr}
  .colorway__stage{max-width:440px}
  .dossier{grid-template-columns:1fr}
  .dossier__feat,.dossier__feat--big{grid-column:auto;grid-template-columns:1fr}
  .shadowlock__stage{height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:6rem var(--gut) 3rem;gap:2rem}
  .shadowlock__watch{width:min(92vw,520px)}
  .shadowlock__type span{font-size:32vw}
  .shadowlock__type{align-items:flex-start;padding-top:12vh}
  .shadowlock__copy,.shadowlock__states{position:static}
  .shadowlock__states{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
  .shadowlock__details{grid-template-columns:1fr 1fr}
  .hangar__track{flex-direction:column;width:auto}
  .squad{width:auto;grid-template-columns:1fr}
  .squad__img{max-width:460px;margin:0 auto;width:100%}
  .strip{grid-template-columns:repeat(3,1fr)}
  .boxes3__row{grid-template-columns:1fr}
  .kit{grid-template-columns:1fr}
  .dept__tabs{grid-template-columns:1fr 1fr}
  .dept__tabs button{padding:1rem .6rem 1rem 0}
  .dials__row{grid-template-columns:repeat(3,1fr);row-gap:2rem}
  .shield{grid-template-columns:1fr 1fr}
  .shield__txt{grid-column:1/-1}
  .specs__list div{grid-template-columns:1fr;gap:.3rem}
  .chapter__head{flex-direction:column;align-items:flex-start;gap:.5rem}
  .chapter__num{font-size:6rem}
  .founders__bg{right:-40vw;top:20%;width:120vw}
  .status__line{grid-template-columns:1fr}
  .foot__top{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){
  .descent__actions{flex-direction:column}
  .strip{grid-template-columns:1fr 1fr}
  .shadowlock__details{grid-template-columns:1fr}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .descent{height:auto}
  .descent__stage{position:relative;height:100svh}
  .descent__second{position:relative;opacity:1;visibility:visible}
  .manifesto__text .mw{opacity:1}
  .sos__flash{opacity:.6}
  .siren{opacity:.3}
}
.reduced .descent{height:auto}
.reduced .descent__stage{position:relative}
.reduced .manifesto__text .mw{opacity:1}

/* =========================================================
   MULTIPAGE: subpage hero, crumbs, FAQ, related, legal, 404
   ========================================================= */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.no-js body.is-loading{overflow:auto}
.chapter__lede{max-width:44rem;color:var(--muted);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.7;margin:1.6rem 0 0}
.chapter__more{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.4rem;color:var(--accent);border-bottom:1px solid currentColor;padding-bottom:.25rem;transition:gap .4s var(--ease)}
.chapter__more:hover{gap:1rem}
.shadowlock__actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}

/* breadcrumbs */
.crumbs ol{list-style:none;margin:0 0 1.6rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;color:var(--faint);font-size:11px}
.crumbs li+li::before{content:"/";margin-right:.6rem;color:var(--line)}
.crumbs a{color:var(--muted);transition:color .3s}
.crumbs a:hover{color:var(--text)}
.crumbs [aria-current]{color:var(--accent)}

/* subpage hero */
.phero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:2rem;padding:calc(var(--nav-h) + 3rem) var(--gut) 4rem;overflow:hidden;isolation:isolate}
.phero__bg{position:absolute;inset:0;z-index:-2}
.phero__bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.phero__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,transparent 0,rgba(5,6,8,.55) 55%,var(--ink) 100%),linear-gradient(90deg,rgba(5,6,8,.92) 0,rgba(5,6,8,.35) 55%,transparent 100%),linear-gradient(0deg,var(--ink) 0,transparent 30%)}
.phero__bg--gold{background:radial-gradient(ellipse 60% 70% at 72% 50%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),var(--ink)}
.phero__bg--gold::after{display:none}
.phero .particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.phero__watch{grid-column:2;grid-row:1;justify-self:center;width:min(100%,640px);position:relative}
.phero__watch::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%);filter:blur(40px);z-index:-1}
.phero__watch img{width:100%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.65))}
.phero__copy{grid-column:1;grid-row:1;max-width:40rem;position:relative;z-index:2}
.phero .kicker{color:var(--accent)}
.phero__title{font-size:clamp(3rem,7.2vw,7.4rem);margin:0;text-transform:uppercase}
.phero__title em{font-style:normal;color:var(--accent);display:block}
.phero__lede{color:var(--muted);font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.7;max-width:34rem;margin:1.6rem 0 2.2rem}
.phero .descent__actions{display:flex;gap:1rem;flex-wrap:wrap}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(2rem,6vw,6rem);padding:clamp(5rem,12vh,8rem) var(--gut);border-top:1px solid var(--line)}
.faq__head h2{font-size:clamp(2.4rem,5vw,4.6rem);margin:0;text-transform:uppercase}
.faq__head .kicker{color:var(--gold)}
.faq__list{border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 0;cursor:pointer}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item h3{margin:0;font-family:var(--font-body);font-weight:600;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.4}
.faq__item i{flex:none;position:relative;width:18px;height:18px}
.faq__item i::before,.faq__item i::after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--gold);transition:transform .5s var(--ease)}
.faq__item i::after{transform:rotate(90deg)}
.faq__item[open] i::after{transform:rotate(0)}
.faq__item summary:hover h3{color:var(--gold-hi)}
.faq__item p{margin:0 0 1.6rem;color:var(--muted);max-width:46rem;line-height:1.75}

/* related */
.rel{padding:clamp(5rem,12vh,8rem) var(--gut);border-top:1px solid var(--line)}
.rel h2{font-size:clamp(2.4rem,5vw,4.6rem);margin:0 0 3rem;text-transform:uppercase}
.rel .kicker{color:var(--gold)}
.rel__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.rel__item{position:relative;display:grid;gap:.4rem;padding:1.6rem;background:var(--ink);overflow:hidden;transition:background .5s var(--ease)}
.rel__item img{width:78%;justify-self:center;margin-bottom:1rem;transition:transform 1s var(--ease)}
.rel__item:hover{background:#0b0d11}
.rel__item:hover img{transform:scale(1.06) rotate(-4deg)}
.rel__item span{color:var(--faint);font-size:10px}
.rel__item b{font-size:1.8rem;text-transform:uppercase}
.rel__item em{font-style:normal;color:var(--muted);font-size:14px;line-height:1.5}

/* footer nav */
.foot__nav{margin:0 0 2.5rem}
.foot__nav p{color:var(--faint);margin:0 0 1rem;font-size:10px}
.foot__nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem 2rem}
.foot__nav a{color:var(--muted);transition:color .3s}
.foot__nav a:hover{color:var(--gold-hi)}
.foot__legalnav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.foot__legalnav a{color:var(--muted)}
.foot__legalnav a:hover{color:var(--text)}

/* legal */
.legal{padding:calc(var(--nav-h) + 4rem) var(--gut) 6rem}
.legal__head{max-width:76rem;margin:0 auto 3.5rem;border-bottom:1px solid var(--line);padding-bottom:2.5rem}
.legal__head h1{font-size:clamp(3rem,7vw,6.4rem);margin:0;text-transform:uppercase}
.legal__date{color:var(--gold);margin:1.2rem 0 1.8rem;font-size:11px}
.legal__tabs{display:flex;flex-wrap:wrap;gap:.6rem}
.legal__tabs a{border:1px solid var(--line);padding:.55rem 1rem;font-size:13px;color:var(--muted);border-radius:2px;transition:border-color .3s,color .3s}
.legal__tabs a:hover{color:var(--text);border-color:rgba(236,232,223,.4)}
.legal__tabs a[aria-current]{color:#0b0904;background:var(--gold);border-color:var(--gold)}
.legal__grid{max-width:76rem;margin:0 auto;display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(2rem,5vw,5rem)}
.legal__toc{position:sticky;top:calc(var(--nav-h) + 1.5rem);align-self:start;max-height:calc(100vh - var(--nav-h) - 3rem);overflow:auto}
.legal__toc p{color:var(--faint);margin:0 0 1rem;font-size:10px}
.legal__toc ul{list-style:none;margin:0;padding:0;color:var(--faint);font-size:13px;display:grid;gap:.55rem}
.legal__toc a{color:var(--muted);transition:color .3s}
.legal__toc a:hover{color:var(--gold-hi)}
.legal__body{max-width:46rem;color:#cfccc4;font-size:16px;line-height:1.8}
.legal__body h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,2.4vw,2.2rem);color:var(--text);margin:3rem 0 1rem;line-height:1.1;scroll-margin-top:calc(var(--nav-h) + 1.5rem)}
.legal__body h2:first-child{margin-top:0}
.legal__body h3{font-size:1.05rem;color:var(--text);margin:2rem 0 .6rem}
.legal__body p,.legal__body li{margin:0 0 1rem}
.legal__body ul,.legal__body ol{padding-left:1.3rem;margin:0 0 1.2rem}
.legal__body a{color:var(--gold-hi);border-bottom:1px solid rgba(231,201,135,.35)}
.legal__body a:hover{border-color:var(--gold-hi)}
.legal__body strong{color:var(--text)}
.legal__body .callout,.legal__note{border-left:2px solid var(--gold);padding:1rem 1.3rem;background:rgba(201,164,92,.06);margin:0 0 1.6rem}
.legal__table{overflow-x:auto;margin:0 0 1.6rem}
.legal__table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55}
.legal__table th,.legal__table td{text-align:left;vertical-align:top;padding:.8rem 1rem .8rem 0;border-bottom:1px solid var(--line);min-width:9rem}
.legal__table th{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:400}

/* 404 */
.page-404{min-height:100svh;display:grid;place-items:center}
.nf{display:grid;justify-items:center;text-align:center;gap:1rem;padding:3rem var(--gut)}
.nf img{width:140px;margin-bottom:1rem}
.nf h1{font-size:clamp(3rem,9vw,7rem);margin:0;text-transform:uppercase}
.nf p:not(.kicker){color:var(--muted);margin:0 0 1rem}
.nf .kicker{color:var(--gold)}

@media (max-width:1100px){
  .legal__grid{grid-template-columns:1fr}
  .legal__toc{position:static;max-height:none;border:1px solid var(--line);padding:1.2rem 1.4rem}
}
@media (max-width:820px){
  .phero{grid-template-columns:1fr;min-height:auto;padding-top:calc(var(--nav-h) + 1.5rem);gap:0}
  .phero__watch{grid-column:1;grid-row:1;width:min(78vw,420px);margin-bottom:-1rem}
  .phero__copy{grid-row:2}
  .phero__bg::after{background:linear-gradient(0deg,var(--ink) 0,rgba(5,6,8,.6) 50%,rgba(5,6,8,.35) 100%)}
  .phero .descent__actions .btn{flex:1 1 auto;justify-content:center}
  .faq{grid-template-columns:1fr;gap:2rem}
  .foot__base{flex-direction:column}
}
.reduced .descent__second,.reduced .descent__wrist{display:none}
@media (max-width:820px) and (max-height:720px){.descent__watch{width:min(88vw,42vh);top:29%}.descent__title{font-size:clamp(2.8rem,12.5vw,4.6rem)}}
/* desktop hero: watch and headline side by side */
@media (min-width:821px){
  .descent__watch{left:67%;width:min(82vh,50vw)}
  .descent__title{font-size:clamp(3.4rem,7.4vw,9.4rem)}
  .descent__copy{max-width:min(46rem,50vw)}
  .scrollcue{left:auto;right:var(--gut);transform:none}
}

/* =========================================================
   FOUNDER'S EDITION DEPOSITS: reserve scene + confirmation
   ========================================================= */
.reserve{position:relative;padding:clamp(6rem,14vh,10rem) var(--gut);border-top:1px solid var(--line);background:radial-gradient(60% 70% at 22% 50%,rgba(201,164,92,.10),transparent 70%),var(--ink);overflow:hidden;isolation:isolate}
.reserve__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(3rem,6vw,7rem);align-items:center;max-width:1400px;margin:0 auto}
.reserve__plate{display:grid;justify-items:center;gap:1.6rem;position:sticky;top:calc(var(--nav-h) + 2rem)}
.reserve__ring{position:relative;width:min(100%,520px);aspect-ratio:1}
.reserve__ring svg{position:absolute;inset:0;width:100%;height:100%}
.reserve__ring .r1{fill:none;stroke:rgba(201,164,92,.35);stroke-width:1}
.reserve__ring .r2{fill:rgba(14,16,20,.9);stroke:rgba(236,232,223,.12);stroke-width:1}
.reserve__ring .arc{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.32em;fill:var(--gold);opacity:.75}
.reserve__ring svg{animation:spin 90s linear infinite}
.reserve__num{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center}
.reserve__num b{font-family:var(--font-display);font-weight:400;font-size:clamp(4.4rem,9vw,8.6rem);line-height:1;color:var(--text);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.reserve__no,.reserve__of{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.reserve__no{margin-bottom:.4rem}.reserve__of{margin-top:.8rem;color:var(--muted)}
.reserve__avail{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0}
.reserve__copy h2{font-size:clamp(3rem,6.4vw,6.6rem);margin:0 0 1.6rem;text-transform:uppercase}
.reserve__copy>p{color:rgba(236,232,223,.82);font-size:17px;max-width:36rem;margin:0 0 2.4rem}
.reserve__copy .kicker{color:var(--gold)}
.reserve__opt{font-style:normal;text-transform:none;letter-spacing:0;color:var(--faint);font-weight:400}
.reserve__fine{font-size:11px;letter-spacing:.06em;color:var(--faint);margin:0;line-height:1.6}
.form__consent a{color:var(--gold-hi);border-bottom:1px solid currentColor}
.form__submit:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}

.confirm{position:relative;min-height:100svh;display:grid;place-items:center;padding:calc(var(--nav-h) + 3rem) var(--gut) 5rem;overflow:hidden;isolation:isolate}
.confirm__bg{position:absolute;left:50%;top:50%;width:min(130vw,1200px);transform:translate(-50%,-50%);z-index:-1;opacity:.16}
.confirm__bg img{width:100%;animation:spin 140s linear infinite}
.confirm::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(closest-side,transparent 30%,var(--ink) 100%)}
.confirm__card{width:min(100%,860px);text-align:center;display:grid;justify-items:center}
.confirm__kicker{color:var(--gold);justify-content:center}
.confirm__state{display:none}
.confirm[data-state=loading] .confirm__state--loading,.confirm[data-state=done] .confirm__state--done,.confirm[data-state=soldout] .confirm__state--soldout,.confirm[data-state=pending] .confirm__state--pending,.confirm[data-state=error] .confirm__state--error{display:grid;justify-items:center;gap:1.2rem}
.confirm h1{font-size:clamp(2.8rem,6.4vw,6rem);margin:.4rem 0 0;text-transform:uppercase}
.confirm__state>p{color:rgba(236,232,223,.82);max-width:38rem;font-size:17px;line-height:1.7;margin:0}
.confirm__state a:not(.btn){color:var(--gold-hi);border-bottom:1px solid currentColor}
.confirm__lead{font-size:13px!important;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)!important}
.confirm__title{display:flex;align-items:baseline;justify-content:center;gap:clamp(.4rem,1.6vw,1.4rem);flex-wrap:nowrap;text-transform:none!important}
.confirm__title b{font-weight:400;font-size:clamp(4.4rem,17vw,14rem);line-height:.9;color:var(--gold-hi);font-variant-numeric:tabular-nums;text-shadow:0 0 60px rgba(201,164,92,.25)}
.confirm__no,.confirm__of{font-size:clamp(.75rem,1.4vw,1.2rem);white-space:nowrap;letter-spacing:.3em;color:var(--muted)}
.confirm__col{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.2rem)!important;color:var(--text)!important;margin:0!important}
.confirm__variant{font-size:12px!important;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)!important;margin:-.4rem 0 0!important}
.confirm__variant:empty{display:none}
.confirm__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:1rem 0 .4rem;text-align:left}
.confirm__facts div{padding:1.1rem 1.2rem;border-left:1px solid var(--line);min-width:0}
.confirm__facts div:first-child{border-left:0}
.confirm__facts dt{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:.4rem}
.confirm__facts dd{margin:0;font-size:13px;color:var(--text);overflow-wrap:anywhere}
.confirm__note{font-size:14px!important;color:var(--muted)!important}
.confirm__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.6rem}
.confirm__spinner{width:56px;height:56px;border-radius:50%;border:1px solid var(--line);border-top-color:var(--gold);animation:spin 1.1s linear infinite;margin-top:1rem}
@media (max-width:860px){
  .reserve__grid{grid-template-columns:1fr}
  .reserve__plate{position:static}
  .reserve__ring{width:min(86vw,400px)}
  .confirm__facts{grid-template-columns:1fr}
  .confirm__facts div{border-left:0;border-top:1px solid var(--line)}
  .confirm__facts div:first-child{border-top:0}
}
@media print{
  .nav,.foot,.skip,.confirm__bg,.confirm__actions,#intro{display:none!important}
  body,.confirm{background:#fff!important;color:#000!important}
  .confirm__title b,.confirm__col,.confirm__facts dd{color:#000!important;text-shadow:none!important}
}

/* ---------- cookie consent ---------- */
.cookie{position:fixed;left:var(--gut);right:var(--gut);bottom:clamp(.8rem,2vw,1.6rem);z-index:9000;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.4rem;align-items:end;padding:clamp(1.1rem,2vw,1.6rem) clamp(1.1rem,2.4vw,2rem);background:rgba(10,11,14,.97);border:1px solid rgba(201,164,92,.28);border-radius:3px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.cookie.is-on{opacity:1;transform:none}
.cookie[hidden]{display:none}
.cookie__title{margin:0 0 .5rem;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.cookie__text{margin:0;font-size:14px;line-height:1.6;color:rgba(236,232,223,.84);max-width:46rem}
.cookie__text a{color:var(--gold-hi);border-bottom:1px solid currentColor}
.cookie__gpc{display:block;margin-top:.4rem;color:var(--muted)}
.cookie__prefs{display:grid;gap:.7rem;margin-top:1rem}
.cookie__prefs[hidden]{display:none}
.cookie__opt{display:flex;gap:.8rem;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--muted);cursor:pointer}
.cookie__opt input{margin-top:.2rem;width:16px;height:16px;accent-color:var(--gold);flex:none}
.cookie__opt b{color:var(--text);font-weight:600;margin-right:.35rem}
.cookie__actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}
.cookie__btn{padding:.85rem 1.2rem;font-size:11px;white-space:nowrap}
.cookie__btn[hidden]{display:none}
.foot__cookiebtn,.legal__link{background:none;border:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .3s}
.foot__cookiebtn:hover{color:var(--text)}
.legal__link{color:var(--gold-hi);border-bottom:1px solid currentColor;text-transform:none;letter-spacing:0}
.nf__copy{margin-top:2.4rem;font-size:11px;letter-spacing:.14em;color:var(--faint)}
@media (max-width:860px){
  .cookie{grid-template-columns:1fr;max-height:calc(100svh - 2rem);overflow:auto}
  .cookie__actions{justify-content:stretch}
  .cookie__btn{flex:1 1 calc(50% - .3rem);justify-content:center}
}
@media print{.cookie{display:none!important}}
.foot__legalnav .foot__cookiebtn{color:var(--muted)}
@media (max-width:860px){
  .cookie{padding:1rem 1.1rem;gap:1rem}
  .cookie__text{font-size:13px}
  .cookie__btn{flex:1 1 100%;white-space:normal;padding:.8rem 1rem}
}