:root{color-scheme:dark;--bg:#090909;--ink:#eee;--muted:#8b8b8b;--line:#2b2b2b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:6px}header{height:88px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#090909ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand img{width:162px;display:block}nav{display:flex;gap:35px;align-items:center;font-size:12px;letter-spacing:.15em}nav a,nav button{padding:12px 0}nav a:hover{color:#aaa}nav button{border:0;background:none;font-size:12px;letter-spacing:.15em}.count{color:#888;letter-spacing:0;margin-left:6px}.micro,.section-label,figcaption,.caption,.footer-line,.footer-bottom{font-size:12px;letter-spacing:.13em;line-height:1.6}.muted{color:var(--muted)}.hero{min-height:calc(100svh - 88px);padding:25px 4.5% 30px;position:relative;display:flex;flex-direction:column}.hero-top{display:flex;justify-content:space-between;color:#858585}h1{width:70%;margin:42px auto 0;line-height:1}h1 img{width:100%;display:block}.tagline{text-align:center;font-size:12px;letter-spacing:.38em;margin:25px 0 0}.hero-product{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:310px}.hero-product>img{width:min(34vw,405px);height:auto;display:block}.vertical{position:absolute;left:0;writing-mode:vertical-rl;transform:rotate(180deg);color:#777}.vertical.right{right:0;left:auto;transform:none}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:25px}.hero-bottom p{margin:0}.hero-name{font-size:21px;letter-spacing:.12em;margin-top:5px!important}.cta{display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #777;padding:18px 22px;font-size:12px;letter-spacing:.13em;background:transparent;transition:background .2s,color .2s}.cta:hover{background:#eee;color:#090909}.hero-bottom .cta{max-width:290px;width:100%;justify-self:center}.cta span{font-size:19px}.scroll{text-align:right;color:#999}.section{padding:74px 6%;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;color:#999;margin-bottom:75px}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:72px}h2{font-size:clamp(35px,4.3vw,68px);font-weight:300;letter-spacing:-.045em;line-height:1.08;margin:0}.prose p,.tech-note,.story>p{font-size:16px;line-height:1.8;color:#999}.prose p:first-child{color:#ddd}.prose .micro{font-size:12px;margin:30px 0 0;letter-spacing:.12em}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}figure{margin:0}.product-frame{background:#0b0b0b;border:1px solid #1e1e1e;aspect-ratio:1.13;display:grid;place-items:center}.product-frame img{width:77%;height:auto;max-width:405px}figcaption{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;color:#9b9b9b}.caption{color:#777;font-size:12px;letter-spacing:.01em;margin-top:26px}.technical{background:#101010}.tech-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.tech-note{max-width:380px;margin-top:30px}.attributes details{border-bottom:1px solid #363636}.attributes details:first-child{border-top:1px solid #363636}summary{display:flex;align-items:center;gap:25px;cursor:pointer;list-style:none;font-size:20px;padding:24px 0}summary::-webkit-details-marker{display:none}summary .micro{color:#858585}.toggle{margin-left:auto;color:#888;font-size:22px}details[open] .toggle{transform:rotate(45deg)}details p{font-size:16px;line-height:1.7;color:#999;margin:0 20px 26px 42px}.story{text-align:center;position:relative;padding-bottom:90px}.story .section-label{text-align:left}.story-symbol{width:48px;height:66px;object-fit:contain;margin-bottom:34px}.story h2{font-size:clamp(42px,6.4vw,96px)}.story>p{margin:30px auto;max-width:520px}.story>.micro{color:#777}.drops h2{margin-bottom:62px}.drop-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:20px;padding:38px 0;border-top:1px solid #333}.drop-row:last-child{border-bottom:1px solid #333}.number{font-size:18px;color:#888}.drop-row h3{margin:0;font-size:clamp(24px,3vw,43px);font-weight:300;letter-spacing:.09em}.drop-row p{font-size:12px;letter-spacing:.18em;color:#8a8a8a;margin:12px 0 0}.status{font-size:12px;letter-spacing:.1em}.status span{margin-left:25px;font-size:22px}a.drop-row:hover h3{transform:translateX(10px)}.drop-row h3{transition:transform .2s}.future h3{color:#999}.redacted{color:#656565}.redacted p,.redacted .number{color:#777}footer{padding:65px 6% 25px;background:#050505;border-top:1px solid #292929}footer>img{display:block;width:100%;margin-bottom:45px;opacity:.82}.footer-line,.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#999}.footer-line{align-items:center;padding-bottom:28px}.footer-bottom{border-top:1px solid #292929;padding-top:24px;color:#777;letter-spacing:.05em}.skip{position:fixed;top:-100px;z-index:50;background:white;color:black;padding:15px}.skip:focus{top:10px}dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(520px,100%);max-width:100%;background:#111;color:#eee;border:0;border-left:1px solid #444;padding:32px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;padding-bottom:30px}.dialog-head h2{font-size:16px;letter-spacing:.13em}.dialog-head h2 span{color:#777}.dialog-head button{background:none;border:0;padding:10px;font-size:20px}.empty-cart{padding:15vh 0 50px}.empty-cart .micro{color:#888}.empty-cart h3{font-size:49px;font-weight:300;line-height:1.1;letter-spacing:-.04em}.empty-cart p{font-size:16px;line-height:1.8;color:#aaa}.empty-cart .cta{width:100%;margin-top:35px}.dialog-foot{color:#888}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.hero-product>img{width:460px}.hero-product{min-height:440px}}@media(max-width:700px){header{height:76px;padding:0 5%}.brand img{width:108px}nav{gap:15px}nav a,nav button{font-size:10px;letter-spacing:.06em}.count{margin-left:2px}.hero{min-height:calc(100svh - 76px);padding:20px 5% 27px}.hero-top .micro{font-size:10px}h1{width:100%;margin-top:45px}.tagline{font-size:10px;letter-spacing:.18em;margin-top:22px}.hero-product{min-height:300px}.hero-product>img{width:min(76vw,360px)}.vertical{font-size:9px;letter-spacing:.1em}.hero-bottom{grid-template-columns:1fr 1fr;gap:25px 12px}.hero-name{font-size:16px}.hero-bottom .cta{font-size:10px;padding:13px;gap:10px}.hero-bottom .scroll{grid-column:1/-1;text-align:center;font-size:10px}.section{padding:48px 6%}.section-label{font-size:10px;letter-spacing:.07em;margin-bottom:44px;gap:20px}.intro,.tech-layout{grid-template-columns:1fr;gap:26px}.intro{margin-bottom:36px}h2{font-size:43px}.gallery{gap:30px;grid-template-columns:1fr}.product-frame{aspect-ratio:1.15}.product-frame img{width:85%}figcaption{font-size:10px}.tech-note{margin-top:24px}.story h2{font-size:44px}.story-symbol{margin-bottom:30px}.story>p{font-size:16px}.drop-row{grid-template-columns:30px 1fr;gap:12px;padding:30px 0}.drop-row h3{font-size:25px}.status{grid-column:2;font-size:10px;margin-top:6px}.drop-row p{font-size:10px}.drops h2{margin-bottom:38px}.footer-line,.footer-bottom{font-size:9px;letter-spacing:.04em}.footer-bottom{flex-direction:column;gap:9px}footer{padding-top:42px}footer>img{margin-bottom:28px}.dialog-head h2{font-size:14px}.empty-cart h3{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Readable controls while keeping metadata intentionally quiet. */
nav,nav button,.cta{font-size:14px}figcaption{font-size:12px}@media(max-width:700px){header{height:auto;min-height:92px;flex-direction:column;justify-content:center;gap:8px;padding:12px 5%}.brand img{width:118px}nav{gap:25px}nav a,nav button{font-size:14px;padding:5px 0}.hero{min-height:calc(100svh - 92px)}.hero-bottom .cta{font-size:12px}.hero-top .micro,.section-label,.drop-row p,.status,.footer-line,.footer-bottom,figcaption{font-size:12px}.section-label{flex-wrap:wrap}.footer-line{flex-wrap:wrap}.vertical{display:none}.hero-bottom{grid-template-columns:1fr}.hero-bottom>div{text-align:center}.hero-bottom .cta{max-width:100%}.hero-product{min-height:285px}.scroll{display:none}html{scroll-padding-top:108px}}
