@font-face{font-family:Display;src:url('/assets/display.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--ink:#08070b;--paper:#f5f2ed;--pink:#ff20c6;--muted:#a5a2ad;--line:#ffffff21;--purple:#a883ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:7px}::selection{background:var(--pink);color:var(--ink)}.skip{position:absolute;top:-80px;left:20px;z-index:30;background:var(--paper);color:var(--ink);padding:16px}.skip:focus{top:10px}.scene{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 72% 38%,#24122b 0,transparent 60%)}canvas{display:block;width:100%;height:100%}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23n)'/%3E%3C/svg%3E")}.header{height:95px;display:flex;align-items:center;justify-content:space-between;margin:0 4.5vw;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font-size:23px;font-weight:900;letter-spacing:-1px}.brand span{font-weight:400}.header nav{display:flex;align-items:center;gap:34px;font-size:14px}.launch-link{padding:13px 21px;border:1px solid #ffffff50;border-radius:30px}.hero{min-height:calc(100svh - 95px);position:relative;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;padding:50px 4.5vw 90px;gap:3vw;isolation:isolate}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;line-height:1.7;display:flex;align-items:center;gap:12px}.tiny-line{width:25px;height:1px;background:var(--pink)}h1,h2{font-family:Display,'Arial Narrow',Impact,sans-serif;font-weight:700;margin:25px 0;letter-spacing:-.025em;line-height:.93}h1{font-size:clamp(70px,7.7vw,140px)}em{font-style:normal;color:var(--pink)}.intro{color:#cbc8d3;font-size:18px;line-height:1.6;margin:28px 0}.cta{display:inline-flex;align-items:center;gap:34px;background:var(--paper);color:var(--ink);padding:19px 25px;border-radius:3px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.cta:hover{background:var(--pink);transform:translateY(-3px)}.button-dot{width:7px;height:7px;background:currentColor;border-radius:50%}.logo-stage{position:relative;min-width:0;text-align:center}.logo-stage img{width:100%;max-width:670px;height:auto;display:block;filter:drop-shadow(0 20px 30px #0009);transform:rotate(-5deg);will-change:transform}.art-label{font-size:12px;letter-spacing:.15em;display:block;position:absolute;right:0;top:-20px;color:var(--muted)}.edition{font-size:12px;letter-spacing:.12em;line-height:1.8;position:absolute;bottom:-20px;right:0;text-align:right;color:var(--muted)}.edition b{font-weight:600;color:var(--paper)}.hero-bottom{position:absolute;left:4.5vw;right:4.5vw;bottom:25px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.11em;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:20px}.scroll-track{display:block;width:65px;height:1px;background:#ffffff35}.scroll-track:after{content:'';display:block;width:18px;height:1px;background:var(--pink)}.mission{padding:150px 8vw 110px;background:#09080dca;border-top:1px solid var(--line)}h2{font-size:clamp(50px,6vw,100px)}.mission-intro{max-width:650px;font-size:22px;line-height:1.65;color:#cbc8d3;margin:40px 0 0 auto}.launch{padding:120px 8vw 140px;text-align:center;background:#100b15d9;border-top:1px solid var(--line)}.launch .eyebrow{justify-content:center}.launch h2{font-size:clamp(74px,9vw,150px)}.launch p:not(.eyebrow){max-width:470px;margin:30px auto;font-size:18px;line-height:1.7;color:#bcb6c8}.launch-pill{border:1px solid #ff20c660;padding:15px 23px;display:inline-block;font-size:12px;letter-spacing:.14em;border-radius:30px;color:var(--pink)}footer{padding:40px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);background:#08070b}footer p,footer small{font-size:12px;color:var(--muted);line-height:1.7}
@media(min-width:1600px){.hero{max-height:1050px;min-height:850px}.logo-stage img{margin:auto}}@media(max-width:850px){.header{height:78px}.hero{min-height:auto;grid-template-columns:1fr;padding-top:45px;gap:50px}.hero-copy{padding-top:0}h1{font-size:clamp(64px,11vw,100px)}.logo-stage{max-width:560px;margin:0 auto 20px;width:100%}.hero-bottom>span{display:none}.mission{padding:90px 6vw}.mission-intro{font-size:20px}.launch{padding:90px 6vw}footer{flex-wrap:wrap}.header nav{gap:20px}.header nav>a:first-child{display:none}}@media(max-width:480px){.brand{font-size:20px}.hero{padding-left:6vw;padding-right:6vw}.eyebrow{font-size:12px;letter-spacing:.09em}h1{font-size:17vw}.intro{font-size:16px}.logo-stage{margin-top:15px}.art-label{top:-12px;font-size:12px}.edition{bottom:-24px;font-size:12px}.launch-link{padding:11px 16px}.hero-bottom{left:6vw}.mission h2{font-size:12vw}.launch h2{font-size:17vw}footer{padding:32px 6vw}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.logo-stage img{will-change:auto}}
.scene{z-index:0}.header,main,footer{position:relative;z-index:1}.scene[data-palette=ice]{background:radial-gradient(ellipse at 65% 50%,#11202d,transparent 65%)}.scene[data-palette=chrome]{background:radial-gradient(ellipse at 65% 50%,#25252b,transparent 65%)}.principles{margin-top:85px;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line)}.principles article{padding-top:30px}.principles article>span{color:var(--pink);font-size:13px}.principles h3{font-size:23px;letter-spacing:-.04em;margin:30px 0 16px}.principles p{color:var(--muted);font-size:16px;line-height:1.8;max-width:320px}.material-play{min-height:90svh;position:relative;padding:65px 8vw 140px;display:flex;align-items:center;border-top:1px solid var(--line);background:linear-gradient(90deg,#08070bd9,transparent 65%)}.material-heading{max-width:430px;position:relative;z-index:2}.material-heading h2{font-size:clamp(60px,6.5vw,110px)}.material-heading p:not(.eyebrow){font-size:18px;color:#bbb6c5;line-height:1.7}.studio-bottom{position:absolute;left:8vw;right:8vw;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-bottom p,.studio-bottom small{font-size:12px;letter-spacing:.13em;color:var(--muted)}.palette{display:flex;gap:8px}.palette button{display:flex;align-items:center;gap:10px;padding:13px 18px;background:#0b0a11cc;border:1px solid #ffffff30;color:var(--paper);font-size:14px;border-radius:25px;cursor:pointer;transition:border-color .2s,background .2s}.palette button.selected{border-color:#ffffffae;background:#292430}.palette i{width:10px;height:10px;border-radius:50%;display:block}.palette .violet{background:#b68bff}.palette .ice{background:#8ce9ff}.palette .chrome{background:#e2e2e6}.motion-toggle{position:fixed;bottom:18px;right:20px;padding:10px 15px;border:1px solid #ffffff40;border-radius:30px;background:#08070bd9;color:#ddd8e5;font-size:12px;z-index:10;cursor:pointer}.motion-toggle[hidden]{display:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.in-view{opacity:1;transform:none}@media(max-width:850px){.principles{grid-template-columns:1fr;gap:10px;margin-top:50px}.principles article{border-bottom:1px solid var(--line);padding-bottom:20px}.principles h3{margin-top:15px}.principles p{max-width:560px}.material-play{min-height:105svh;align-items:flex-start;padding:65px 6vw 155px;background:linear-gradient(#08070bf0,transparent 65%)}.material-heading h2{font-size:14vw}.studio-bottom{left:6vw;right:6vw;flex-direction:column;align-items:flex-start}.studio-bottom small{font-size:12px}.motion-toggle{bottom:14px;right:12px}.material-heading p:not(.eyebrow){font-size:16px}.palette button{padding:13px 16px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
.art-label,.edition{padding:5px 8px;background:#08070b9c;border-radius:2px}.hero-bottom>span{padding-right:125px}@media(max-width:480px){.header nav>a:not(:last-child){display:none}.material-play{min-height:108svh}}
