:root{
  --black:#080808;
  --ink:#111;
  --soft-black:#151515;
  --cream:#eee9df;
  --gold:#f0c832;
  --white:#fff;
  --muted:#a5a5a5;
  --dark-line:rgba(255,255,255,.18);
  --light-line:rgba(0,0,0,.22);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;overflow-x:clip;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:var(--gold);color:#080808;padding:12px 16px;font-weight:800}
.skip-link:focus{top:12px}

.announcement{min-height:34px;padding:8px 4vw;display:flex;align-items:center;justify-content:center;gap:4vw;background:var(--gold);color:#080808;font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.announcement a{border-bottom:1px solid currentColor}

.site-header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:30px;background:rgba(8,8,8,.96);border-bottom:1px solid var(--dark-line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{width:90px;flex:none}
.brand img{display:block;width:100%;height:50px;object-fit:contain}
.site-header nav{display:flex;gap:34px}
.site-header nav a,.header-cta{font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.site-header nav a{color:#d3d3d3}
.site-header nav a:hover{color:var(--gold)}
.menu-toggle{display:none}
.header-cta{padding:10px 0;border-bottom:2px solid var(--gold)}
.header-cta span{color:var(--gold);font-size:1rem}

.hero{min-height:calc(100vh - 110px);position:relative;display:flex;align-items:center;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.08) 76%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 46%)}
.hero-content{position:relative;z-index:2;width:min(820px,80vw);margin-left:7vw;padding:90px 0}
.hero-meta{display:flex;gap:30px;margin-bottom:22px;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.24em}
.hero h1,.section-head h2,.contact h2{font-family:"Archivo Black",Impact,sans-serif;letter-spacing:-.055em;line-height:.87}
.hero h1{margin:0;font-size:clamp(4rem,9vw,8.6rem)}
.hero h1 em{color:transparent;-webkit-text-stroke:2px var(--white);font-style:normal}
.hero-content>p{max-width:520px;margin:28px 0 0;color:#d9d9d9;font-size:1.05rem;line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 22px;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.button-gold{background:var(--gold);color:#080808;border:1px solid var(--gold)}
.button-gold:hover{background:#ffd83b}
.button-outline{border:1px solid #5a5a5a;color:#fff}
.button-outline:hover{border-color:var(--gold);color:var(--gold)}
.underlink{padding:10px 0;border-bottom:2px solid #fff;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.underlink span{color:var(--gold)}
.hero-rail{position:absolute;right:-175px;z-index:2;transform:rotate(90deg);font-size:.64rem;font-weight:700;letter-spacing:.25em;color:#d8d8d8}

.brand-ribbon{overflow:hidden;padding:14px 0;background:#101010;border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line);white-space:nowrap}
.brand-ribbon div{width:max-content;font:1.05rem "Archivo Black",Impact,sans-serif;letter-spacing:.08em}
.brand-ribbon span{margin:0 22px;color:var(--gold)}

.section{padding:105px 6vw}
.section-head{display:grid;grid-template-columns:.5fr 1.25fr .75fr;gap:5vw;align-items:end;margin-bottom:60px}
.section-number{align-self:start;padding-top:13px;border-top:2px solid currentColor;font-size:.7rem;font-weight:800;letter-spacing:.16em}
.section-head h2{margin:0;font-size:clamp(3.4rem,6.5vw,6.8rem)}
.section-head>p{margin:0;max-width:420px;line-height:1.75}

.story{background:var(--cream);color:var(--ink)}
.story .section-head>p{font-size:1.03rem}
.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:stretch}
.story-copy{display:flex;flex-direction:column;justify-content:center}
.story-copy>p{margin:0;max-width:660px;line-height:1.8}
.story-lead{font-size:1.2rem;font-weight:600}
.beliefs{margin:34px 0;border-top:2px solid var(--ink)}
.beliefs p{display:grid;grid-template-columns:42px 1fr;gap:10px;margin:0;padding:15px 0;border-bottom:1px solid var(--light-line);font-weight:700}
.beliefs span{font-size:.68rem;color:#836b00}
.scramble{margin:0;padding:clamp(30px,5vw,72px);display:flex;flex-direction:column;justify-content:center;background:var(--ink);color:var(--white);font-size:clamp(1.35rem,2.3vw,2.45rem);font-weight:700;line-height:1.52;letter-spacing:-.025em}
.scramble span{display:block;margin-bottom:30px;color:var(--gold);font-size:.7rem;letter-spacing:.18em}
.archive-piece{margin:70px 0 0;padding:10px;background:#080808}
.archive-piece img{display:block;width:100%;max-height:720px;object-fit:cover;object-position:center}
.archive-piece figcaption{display:flex;justify-content:space-between;gap:25px;padding:14px 6px 4px;color:var(--gold);font-size:.67rem;font-weight:800;letter-spacing:.12em}

.lab{background:#101010;color:#fff}
.lab-head>p{color:#bcbcbc}
.lab-workspace{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(24px,4vw,58px);border:1px solid var(--dark-line);background:#080808}
.lab-controls label,.lab-modes legend,.lab-mixes legend,.lab-stamps legend{display:block;margin-bottom:12px;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.lab-controls textarea{width:100%;min-height:132px;resize:vertical;padding:18px 0;background:transparent;border:0;border-top:2px solid #fff;border-bottom:1px solid #494949;border-radius:0;color:#fff;font:clamp(1.35rem,2.5vw,2.35rem)/1.2 "Archivo Black",Impact,sans-serif;letter-spacing:-.03em;outline:0;text-transform:uppercase}
.lab-controls textarea:focus{border-top-color:var(--gold)}
.lab-controls textarea::placeholder{color:#555}
.lab-meta{display:flex;justify-content:space-between;gap:14px;margin-top:9px;color:#666;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.lab-modes,.lab-mixes,.lab-stamps{display:flex;gap:8px;margin:34px 0 18px;padding:0;border:0;flex-wrap:wrap}
.lab-mixes,.lab-stamps{margin-top:24px}
.lab-modes legend,.lab-mixes legend,.lab-stamps legend{width:100%;float:left}
.lab-mode,.lab-mix,.lab-stamp{min-width:76px;padding:10px 13px;border:1px solid #444;background:transparent;color:#aaa;cursor:pointer;font:700 .68rem Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.lab-stamp{min-width:0;padding:9px 11px}
.lab-mode:hover,.lab-mode.is-active,.lab-mix:hover,.lab-mix.is-active,.lab-stamp:hover,.lab-stamp.is-active{border-color:var(--gold);background:var(--gold);color:#080808}
.lab-generate{width:100%;min-height:56px;border:1px solid var(--gold);background:var(--gold);color:#080808;cursor:pointer;font-size:.72rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.lab-generate:hover{background:#ffd83b}
.lab-generate span{font-size:1rem}
.lab-hint{margin:16px 0 0;color:#777;font-size:.78rem;line-height:1.6}
.lab-output{min-width:0}
.poster-frame{position:relative;max-width:560px;margin:0 auto;overflow:hidden;border:1px solid #353535;background:#000;box-shadow:0 24px 80px rgba(0,0,0,.48)}
#lab-poster{display:block;width:100%;height:auto;background:#080808}
.poster-scan{position:absolute;inset:-40% 0 auto;height:30%;pointer-events:none;background:linear-gradient(transparent,rgba(240,200,50,.08),transparent);animation:poster-scan 5s linear infinite}
.lab-actions{max-width:560px;margin:14px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lab-actions button{min-height:48px;border:1px solid #484848;background:#111;color:#fff;cursor:pointer;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.lab-actions button:hover{border-color:var(--gold);color:var(--gold)}
.lab-message{max-width:560px;margin:10px auto 0;color:#6f6f6f;font-size:.64rem;font-weight:800;letter-spacing:.11em;text-align:right}
@keyframes poster-scan{to{transform:translateY(600%)}}

.section-dark{background:#0b0b0b;color:#fff}
.shop-head>p{color:#bcbcbc}
.drop-ledger{margin:0 0 18px;display:grid;grid-template-columns:1.02fr .98fr;background:var(--gold);color:#080808;border:1px solid var(--gold)}
.drop-ledger-copy{padding:clamp(30px,5vw,70px)}
.drop-kicker{margin:0 0 22px;font-size:.7rem;font-weight:900;letter-spacing:.16em}
.drop-ledger h3{margin:0;font:clamp(3rem,5.6vw,6rem)/.86 "Archivo Black",Impact,sans-serif;letter-spacing:-.055em}
.drop-intro{max-width:590px;margin:28px 0 0;font-size:1rem;font-weight:600;line-height:1.75}
.drop-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:38px 0 0;border-top:2px solid #080808;border-bottom:2px solid #080808}
.drop-stats div{padding:16px 12px 17px 0}
.drop-stats dt{font-size:.6rem;font-weight:900;letter-spacing:.13em}
.drop-stats dd{margin:5px 0 0;font:.82rem "Archivo Black",Impact,sans-serif}
.product-passport{margin-top:24px;border-bottom:1px solid rgba(0,0,0,.4)}
.product-passport summary{padding:13px 0;display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:.7rem;font-weight:900;letter-spacing:.1em}
.product-passport summary::-webkit-details-marker{display:none}
.passport-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;padding:8px 0 22px}
.passport-grid p{margin:0;font-size:.8rem;font-weight:800}
.passport-grid span{display:block;margin-bottom:4px;font-size:.58rem;letter-spacing:.12em;opacity:.62}
.drop-signal{display:inline-block;margin-top:28px;padding-bottom:7px;border-bottom:2px solid #080808;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.drop-field{position:relative;margin:0;min-height:620px;background:#111;overflow:hidden}
.drop-field img{width:100%;height:100%;object-fit:cover}
.drop-field figcaption{position:absolute;left:20px;right:20px;bottom:18px;padding:10px 12px;background:#080808;color:var(--gold);font-size:.62rem;font-weight:900;letter-spacing:.12em}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product-card{background:var(--soft-black);border:1px solid var(--dark-line);overflow:hidden}
.product-image{position:relative;overflow:hidden;aspect-ratio:4/5;background:#202020}
.product-image>span{position:absolute;top:16px;left:16px;z-index:2;width:34px;height:34px;display:grid;place-items:center;background:#090909;color:var(--gold);font-size:.68rem;font-weight:800}
.product-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.product-card:hover .product-image img{transform:scale(1.018)}
.product-info{min-height:112px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.product-info p{margin:0 0 8px;color:#8e8e8e;font-size:.66rem;font-weight:700;letter-spacing:.1em}
.product-info h3{margin:0;font:1.1rem "Archivo Black",Impact,sans-serif;text-transform:uppercase}
.product-price{display:block;margin-top:10px;color:var(--gold);font-size:.72rem;letter-spacing:.08em}
.product-info a{flex:none;padding:8px 0;border-bottom:2px solid var(--gold);color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.product-featured{grid-column:1/-1;display:grid;grid-template-columns:1.35fr .65fr}
.product-featured .product-image{aspect-ratio:16/8}
.product-featured .product-image img{object-position:center 24%}
.product-featured .product-info{align-self:center;padding:34px}
.product-towel{border-color:var(--gold)}
.product-towel .product-image{aspect-ratio:4/3;background:#071833}
.product-towel .product-image img{object-fit:contain;object-position:center;padding:24px}

.preorder-desk{margin-top:70px;display:grid;grid-template-columns:.82fr 1.18fr;border:1px solid #3b3b3b;background:#111}
.preorder-copy{padding:clamp(30px,4vw,58px);background:var(--gold);color:#080808}
.preorder-copy>p:first-child{margin:0 0 26px;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.preorder-copy h3{margin:0;font:clamp(2.8rem,5vw,5.4rem)/.88 "Archivo Black",Impact,sans-serif;letter-spacing:-.05em}
.preorder-copy>p:nth-of-type(2){margin:26px 0 36px;max-width:500px;font-weight:600;line-height:1.7}
.preorder-status{display:grid;grid-template-columns:34px 1fr;gap:2px 12px;padding:15px 0;border-top:1px solid rgba(0,0,0,.38)}
.preorder-status span{grid-row:1/3;font-size:.66rem;font-weight:900}
.preorder-status strong{font:1rem "Archivo Black",Impact,sans-serif}
.preorder-status small{font-size:.78rem;line-height:1.45}
.preorder-form{padding:clamp(30px,4vw,58px);display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;align-content:start}
.preorder-field label,.preorder-fulfillment legend{display:block;margin-bottom:9px;color:var(--gold);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.preorder-field label span{color:#777}
.preorder-field input,.preorder-field select,.preorder-field textarea{width:100%;padding:13px 0;background:transparent;border:0;border-bottom:1px solid #666;border-radius:0;color:#fff;font:800 1rem Inter,Arial,sans-serif;outline:0}
.preorder-field select{color-scheme:dark}
.preorder-field textarea{resize:vertical;line-height:1.5}
.preorder-field input:focus,.preorder-field select:focus,.preorder-field textarea:focus{border-color:var(--gold)}
.preorder-field input::placeholder,.preorder-field textarea::placeholder{color:#666}
.preorder-wide{grid-column:1/-1}
.preorder-fulfillment{display:flex;flex-wrap:wrap;gap:13px 22px;margin:0;padding:0;border:0}
.preorder-fulfillment legend{width:100%}
.preorder-fulfillment label{display:flex;align-items:center;gap:8px;color:#ddd;font-size:.82rem;font-weight:700}
.preorder-fulfillment input,.preorder-check input{accent-color:var(--gold)}
.preorder-check{display:flex;align-items:flex-start;gap:11px;color:#aaa;font-size:.76rem;line-height:1.55}
.preorder-check input{flex:none;margin-top:3px}
.preorder-actions{display:grid;grid-template-columns:1fr auto;gap:10px}
.preorder-actions button{min-height:54px;padding:0 22px;cursor:pointer;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.preorder-submit{border:1px solid var(--gold);background:var(--gold);color:#080808}
.preorder-copy-button{border:1px solid #555;background:transparent;color:#fff}
.preorder-actions button:hover{filter:brightness(1.08)}
.preorder-message{min-height:18px;margin:0;color:#777;font-size:.65rem;font-weight:900;letter-spacing:.1em}
.order-policy{margin-top:18px;border:1px solid #3b3b3b;background:#101010}
.order-policy summary{display:flex;justify-content:space-between;gap:20px;padding:20px;cursor:pointer;list-style:none;color:var(--gold);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.order-policy summary::-webkit-details-marker{display:none}
.order-policy>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3b3b3b}
.order-policy p{margin:0;padding:22px 20px;border-right:1px solid #3b3b3b;color:#aaa;font-size:.78rem;line-height:1.55}
.order-policy p:last-child{border-right:0}
.order-policy strong{display:block;margin-bottom:7px;color:#fff;font-size:.7rem;letter-spacing:.09em}

.order-flow{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}
.order-flow>div{padding:28px 28px 30px;border-right:1px solid var(--dark-line)}
.order-flow>div:last-child{border-right:0}
.order-flow span{display:block;margin-bottom:24px;color:var(--gold);font-size:.68rem;font-weight:800}
.order-flow strong{display:block;margin-bottom:7px;font:1rem "Archivo Black",Impact,sans-serif;text-transform:uppercase}
.order-flow p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.6}
.policy-line{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;background:var(--gold);color:#080808;font-size:.67rem;font-weight:900;letter-spacing:.08em}

.world{background:var(--gold);color:#080808}
.world-head>p{font-weight:600}
.world-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #080808;border-bottom:2px solid #080808}
.world-grid article{min-height:300px;padding:28px 24px;border-right:1px solid rgba(0,0,0,.38)}
.world-grid article:last-child{border-right:0}
.world-grid span{font-size:.68rem;font-weight:900}
.world-grid h3{margin:78px 0 14px;font:1.22rem "Archivo Black",Impact,sans-serif}
.world-grid p{margin:0;font-size:.92rem;line-height:1.7}
.world-statement{margin-top:70px;padding:50px 4vw;background:#080808;color:#fff;display:grid;grid-template-columns:.5fr 1.3fr .7fr;gap:4vw;align-items:end}
.world-statement p{margin:0;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.world-statement h3{margin:0;font:clamp(2rem,4vw,4.5rem)/.95 "Archivo Black",Impact,sans-serif;letter-spacing:-.04em}
.archive-invite{align-self:end}
.archive-invite button{margin-top:16px;padding:10px 0;background:transparent;border:0;border-bottom:2px solid var(--gold);color:#fff;cursor:pointer;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.archive-invite button:hover{color:var(--gold)}

.identity{background:#dfe6ff;color:#0a1238}
.identity-head>p{font-weight:600}
.identity-workspace{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,5vw,74px);align-items:center;padding:clamp(24px,4vw,56px);background:#0a1238;color:#fff}
.identity-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}
.identity-form .identity-wide,.identity-form button,.identity-form>p{grid-column:1/-1}
.identity-form label{display:block;margin-bottom:9px;color:var(--gold);font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.identity-form input{width:100%;padding:12px 0;background:transparent;border:0;border-bottom:2px solid #6772a8;border-radius:0;color:#fff;font:1rem "Archivo Black",Impact,sans-serif;outline:0;text-transform:uppercase}
.identity-form input:focus{border-color:var(--gold)}
.identity-form input::placeholder{color:#606a9a}
.identity-form button{min-height:54px;border:1px solid var(--gold);background:var(--gold);color:#080808;cursor:pointer;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.identity-form>p{margin:0;color:#7781ad;font-size:.7rem}
.identity-card-frame{overflow:hidden;border:1px solid #445084;background:#080d25;box-shadow:0 24px 70px rgba(0,0,0,.35)}
#identity-card{display:block;width:100%;height:auto;aspect-ratio:30/19}
.identity-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.identity-actions button{min-height:48px;border:1px solid #445084;background:#101941;color:#fff;cursor:pointer;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.identity-actions button:hover{border-color:var(--gold);color:var(--gold)}
#identity-message{min-height:20px;margin:10px 0 0;color:#8b95c4;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-align:right}

.archive-dialog{width:min(1180px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(240,200,50,.45);background:#080808;color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.8)}
.archive-dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(7px)}
.archive-close{position:sticky;top:18px;float:right;z-index:4;width:44px;height:44px;margin:18px 18px 0 0;border:1px solid #484848;background:#0e0e0e;color:#fff;cursor:pointer;font-size:1.7rem;line-height:1}
.archive-close:hover{border-color:var(--gold);color:var(--gold)}
.archive-lock{min-height:660px;padding:clamp(52px,8vw,110px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(115deg,rgba(0,0,0,.98),rgba(8,8,8,.86)),url("assets/stpd-design-sheet.jpeg") center/cover}
.archive-eyebrow{margin:0 0 26px;color:var(--gold);font-size:.69rem;font-weight:900;letter-spacing:.2em}
.archive-lock h2,.archive-unlocked h2{margin:0;font:clamp(3.8rem,8vw,8rem)/.84 "Archivo Black",Impact,sans-serif;letter-spacing:-.06em}
.archive-lock>p:not(.archive-eyebrow){max-width:510px;margin:28px 0 36px;color:#b8b8b8;font-size:1rem;line-height:1.7}
.archive-lock form{max-width:560px}
.archive-lock label{display:block;margin-bottom:9px;color:#aaa;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.archive-code-row{display:flex;border-bottom:2px solid var(--gold)}
.archive-code-row input{min-width:0;flex:1;padding:14px 0;background:transparent;border:0;color:#fff;font:clamp(2rem,5vw,4rem) "Archivo Black",Impact,sans-serif;letter-spacing:.28em;outline:0}
.archive-code-row input::placeholder{color:#4d4d4d}
.archive-code-row button{flex:none;padding:0 8px 0 20px;background:transparent;border:0;color:var(--gold);cursor:pointer;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
#archive-feedback{margin:14px 0 0;color:#6d6d6d;font-size:.65rem;font-weight:800;letter-spacing:.1em}

.signal{position:relative;overflow:hidden;background:#050505;color:#fff}
.signal::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(240,200,50,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(240,200,50,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent)}
.signal-console{position:relative;display:grid;grid-template-columns:1.15fr .95fr;gap:6vw;padding:clamp(30px,5vw,70px);border:1px solid rgba(240,200,50,.36);background:rgba(12,12,12,.92);box-shadow:0 0 80px rgba(240,200,50,.06)}
.signal-console::after{content:"";position:absolute;inset:-1px auto -1px 49.5%;width:1px;background:linear-gradient(transparent,var(--gold),transparent);opacity:.42}
.signal-copy .section-number{width:170px;color:var(--gold)}
.signal-status{margin:48px 0 18px;font-size:.67rem;font-weight:800;letter-spacing:.15em;color:#b8b8b8}
.signal-status span{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px var(--gold);animation:signal-pulse 1.8s ease-in-out infinite}
.signal-copy h2{margin:0;font:clamp(3.8rem,7.5vw,7.8rem)/.84 "Archivo Black",Impact,sans-serif;letter-spacing:-.06em}
.signal-word{color:var(--gold)}
.signal-copy>p:last-child{max-width:560px;margin:28px 0 0;color:#b5b5b5;line-height:1.75}
.signal-form{align-self:center}
.signal-form label{display:block;margin-bottom:12px;font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
.signal-entry{display:flex;border-bottom:2px solid #fff}
.signal-entry input{min-width:0;flex:1;padding:18px 0;background:transparent;border:0;color:#fff;font:clamp(1.2rem,2.3vw,2rem) "Archivo Black",Impact,sans-serif;outline:0}
.signal-entry input::placeholder{color:#5f5f5f}
.signal-entry:focus-within{border-color:var(--gold)}
.signal-entry button{flex:none;padding:0 4px 0 22px;background:transparent;border:0;color:#fff;cursor:pointer;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.signal-entry button:hover{color:var(--gold)}
.signal-entry button span{color:var(--gold)}
.signal-note{min-height:24px;margin:14px 0 0;color:#777;font-size:.72rem}
.signal-readout{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:10px 20px;margin-top:10px;padding-top:22px;border-top:1px solid #272727;font-size:.62rem;letter-spacing:.1em}
.signal-readout span{color:#636363}.signal-readout strong{color:#a8a8a8}
@keyframes signal-pulse{50%{opacity:.35;box-shadow:0 0 4px var(--gold)}}

.contact{padding:115px 24px;text-align:center;background:#0b0b0b}
.contact>p{margin:0;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.2em}
.contact h2{margin:22px 0 38px;font-size:clamp(3.7rem,8vw,8rem)}
.contact-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.founder-link{display:inline-block;margin-top:28px;color:#818181;font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.founder-link:hover{color:var(--gold)}

footer{padding:42px 4vw;display:grid;grid-template-columns:.8fr 1fr 1fr 1fr .7fr auto;gap:30px;align-items:end;border-top:1px solid var(--dark-line);background:#060606;color:#808080;font-size:.66rem;font-weight:700;letter-spacing:.1em}
.footer-brand{width:88px}
footer p{margin:4px 0}
footer>div:nth-of-type(1) p:first-child{color:var(--gold)}
footer>div:nth-of-type(3){display:flex;flex-direction:column;gap:5px}
.footer-contact{display:flex;flex-direction:column;gap:5px}
footer a:hover{color:var(--gold)}
.copyright{justify-self:end}
.mobile-order-cta{display:none}

@media(max-width:980px){
  .site-header nav{gap:18px}
  .section-head{grid-template-columns:1fr 1.6fr}.section-head>p{grid-column:2}
  .story-grid{grid-template-columns:1fr}.scramble{min-height:420px}
  .lab-workspace{grid-template-columns:1fr}.lab-controls{max-width:650px}.poster-frame{max-width:510px}
  .world-grid{grid-template-columns:repeat(2,1fr)}.world-grid article:nth-child(2){border-right:0}.world-grid article:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.38)}
  .world-statement{grid-template-columns:1fr}.world-statement h3{margin:18px 0}
  .signal-console{grid-template-columns:1fr}.signal-console::after{display:none}.signal-form{margin-top:16px}.signal-readout{grid-template-columns:auto 1fr}
  footer{grid-template-columns:1fr 1fr 1fr}.copyright{justify-self:start}
}

@media(max-width:760px){
  html{scroll-padding-top:72px}
  .announcement{padding:8px 14px;justify-content:space-between}.announcement span:nth-child(2){display:none}
  .site-header{height:68px;padding:0 18px;gap:14px}.brand{width:74px}.brand img{height:42px}.header-cta{margin-left:auto;font-size:.66rem}.menu-toggle{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #454545;background:#111;color:#fff;cursor:pointer}.menu-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.menu-toggle i,.menu-toggle i::before,.menu-toggle i::after{width:18px;height:2px;display:block;background:currentColor;content:"";transition:transform .2s ease}.menu-toggle i{position:relative}.menu-toggle i::before{position:absolute;top:-6px}.menu-toggle i::after{position:absolute;top:6px}.menu-toggle[aria-expanded="true"]{border-color:var(--gold);color:var(--gold)}.menu-toggle[aria-expanded="true"] i{background:transparent}.menu-toggle[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}.site-header nav{position:absolute;top:68px;left:0;right:0;padding:18px 20px 22px;display:none;grid-template-columns:1fr 1fr;gap:0;background:rgba(8,8,8,.985);border-top:1px solid #292929;border-bottom:1px solid var(--gold);box-shadow:0 18px 50px rgba(0,0,0,.55)}.site-header nav.is-open{display:grid}.site-header nav a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid #282828;color:#fff;font-size:.72rem}.site-header nav a:nth-last-child(-n+2){border-bottom:0}
  .hero{min-height:max(620px,calc(100svh - 102px));align-items:flex-end}.hero-image{object-position:62% center}.hero-overlay{background:linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.66) 48%,rgba(0,0,0,.1) 85%)}
  .hero-content{width:auto;margin:0;padding:240px 24px 62px}.hero-meta{gap:18px;font-size:.64rem}.hero h1{font-size:clamp(3.55rem,17vw,6rem)}.hero-content>p{font-size:.98rem}.hero-rail{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}
  .brand-ribbon div{font-size:.9rem}
  .section{padding:74px 24px}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:42px}.section-head>p{grid-column:auto}.section-head h2{font-size:clamp(3.25rem,15vw,5.3rem)}
  .story-grid{gap:28px}.story-lead{font-size:1.08rem}.scramble{min-height:auto;padding:34px 28px;font-size:1.35rem}.archive-piece{margin-top:38px}.archive-piece figcaption{flex-direction:column;gap:5px}
  .lab-workspace{padding:24px 18px}.lab-controls textarea{min-height:118px}.lab-meta{align-items:flex-start;flex-direction:column;gap:4px}.lab-actions{grid-template-columns:1fr}.lab-message{text-align:left}
  .identity-workspace{grid-template-columns:1fr;padding:24px 18px}.identity-form{grid-template-columns:1fr}.identity-form>div{grid-column:1/-1}.identity-actions{grid-template-columns:1fr}#identity-message{text-align:left}
  .drop-ledger{grid-template-columns:1fr}.drop-ledger-copy{padding:34px 24px}.drop-stats{grid-template-columns:1fr 1fr}.passport-grid{grid-template-columns:1fr}.drop-field{min-height:480px}
  .product-grid{grid-template-columns:1fr}.product-featured{grid-column:auto;display:block}.product-featured .product-image{aspect-ratio:4/5}.product-towel .product-image{aspect-ratio:4/3}.product-featured .product-info{padding:20px}.product-info{align-items:flex-start;flex-direction:column}
  .preorder-desk{grid-template-columns:1fr;margin-top:44px}.preorder-copy,.preorder-form{padding:34px 24px}.preorder-form{grid-template-columns:1fr}.preorder-field,.preorder-wide{grid-column:1/-1}.preorder-actions{grid-template-columns:1fr}.preorder-actions button{width:100%}
  .order-policy>div{grid-template-columns:1fr}.order-policy p{border-right:0;border-bottom:1px solid #3b3b3b}.order-policy p:last-child{border-bottom:0}
  .order-flow{grid-template-columns:1fr}.order-flow>div{border-right:0;border-bottom:1px solid var(--dark-line)}.order-flow>div:last-child{border-bottom:0}.policy-line{align-items:flex-start;flex-direction:column;gap:8px}
  .world-grid{grid-template-columns:1fr}.world-grid article{min-height:250px;border-right:0;border-bottom:1px solid rgba(0,0,0,.38)}.world-grid article:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.38)}.world-grid article:last-child{border-bottom:0}.world-grid h3{margin-top:55px}
  .world-statement{margin-top:44px;padding:34px 26px}
  .archive-dialog{width:calc(100% - 18px);max-height:calc(100dvh - 18px)}.archive-lock{min-height:620px;padding:68px 24px}.archive-code-row{align-items:stretch;flex-direction:column;border-bottom:0}.archive-code-row input{border-bottom:2px solid var(--gold)}.archive-code-row button{min-height:52px;margin-top:12px;background:var(--gold);color:#080808}
  .signal{padding:74px 18px}.signal-console{padding:30px 24px}.signal-status{margin-top:38px}.signal-copy h2{font-size:clamp(3.4rem,16vw,5.5rem)}.signal-entry{align-items:stretch;flex-direction:column;border-bottom:0}.signal-entry input{border-bottom:2px solid #fff}.signal-entry button{min-height:52px;margin-top:12px;padding:0 16px;background:var(--gold);color:#080808}.signal-readout{margin-top:22px}
  .contact{padding:84px 24px}.contact h2{font-size:clamp(3.2rem,16vw,5.5rem)}.contact-actions{align-items:stretch;flex-direction:column}.contact-actions .button{width:100%}
  footer{grid-template-columns:1fr 1fr;padding:36px 24px 112px}.footer-brand{grid-column:1/-1}.copyright{grid-column:1/-1}
  .mobile-order-cta{position:fixed;left:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 17px;border:1px solid #ffe76c;background:var(--gold);color:#080808;box-shadow:0 14px 38px rgba(0,0,0,.5);transition:opacity .2s ease,transform .2s ease}
  .mobile-order-cta span{display:none}.mobile-order-cta strong{font-size:.75rem;letter-spacing:.08em}
  .mobile-order-cta.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-image img{transition:none}.signal-status span,.poster-scan{animation:none}.poster-scan{display:none}}