@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ink:#090909;--panel:#141412;--bone:#f2ede4;--muted:#aaa59d;--line:#ffffff25;--amber:#d8b77b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font-family:'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:5px}header,main,footer{max-width:1400px;margin:auto}header{height:108px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:-1px}.brand img{width:37px}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav button{background:none;border:0;color:var(--muted)}.small-cta{border:1px solid var(--line);padding:13px 20px;border-radius:30px}.hero{padding:65px 48px 70px;min-height:680px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1{font-size:100px;line-height:1.02;letter-spacing:-6px;margin:28px 0}em{font-weight:500;color:var(--muted)}.lead{font-size:23px;line-height:1.5}.body-copy{color:var(--muted);max-width:385px;line-height:1.7;font-size:15px}.cta{display:inline-flex;justify-content:space-between;gap:36px;align-items:center;background:var(--bone);color:var(--ink);border:0;border-radius:30px;padding:17px 24px;font-size:14px;font-weight:500}.provenance{font-size:11px;color:var(--muted);margin-top:23px}.dot{display:inline-block;width:5px;height:5px;background:var(--amber);border-radius:50%;margin-right:7px}.instrument{position:relative;min-height:490px;perspective:900px;background:radial-gradient(ellipse at 50% 45%,#35353050,transparent 65%)}.orbit{position:absolute;width:420px;height:420px;border:1px solid #ffffff12;border-radius:50%;top:25px;left:20px}.metal-plate{position:absolute;width:340px;height:200px;padding:25px 30px;border:1px solid #cecdc98c;border-radius:5px;background:linear-gradient(140deg,#74746f,#222220 27%,#121211 65%,#55554e);box-shadow:0 40px 70px #000;transform:rotateX(35deg) rotateZ(-19deg);display:flex;flex-direction:column;justify-content:space-between}.metal-plate:before{content:'';position:absolute;right:20px;top:20px;width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 15px #d8b77b50}.metal-plate span{font-size:9px;letter-spacing:2px;color:#cfcec8}.metal-plate strong{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:1px}.metal-plate small{font-size:10px;color:#c2bfb8}.p1{top:30px;left:80px;opacity:.65}.p2{top:140px;left:55px;opacity:.85}.p3{top:250px;left:30px}.object-caption{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:2px}.proof-strip{display:flex;justify-content:space-between;margin:0 48px;padding:27px 0;border-block:1px solid var(--line);font-size:12px;color:var(--muted)}section.studio,section.method,section.contribute{padding:100px 48px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-size:52px;line-height:1.15;letter-spacing:-2px;margin-bottom:22px}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.8}.workspace{display:grid;grid-template-columns:300px 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}aside{padding:30px;border-right:1px solid var(--line)}.case{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left;margin-top:25px;padding:22px 16px;background:none;color:var(--bone);border:1px solid transparent;border-radius:9px}.case.selected{border-color:#ffffff40;background:#ffffff06}.case small{font-size:9px;color:var(--amber);letter-spacing:1px}.case b{font-size:17px;font-weight:400}.case span{font-size:10px;color:var(--muted)}.saved{border-top:1px solid var(--line);margin-top:30px;padding-top:25px;display:flex;flex-direction:column;gap:8px}.saved span{font-size:28px;font-family:Georgia}.saved small{font-size:9px;color:var(--muted);letter-spacing:1px}article{padding:35px 42px}.case-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}.sample{border:1px solid var(--line);padding:4px 7px}article h3{font-family:Georgia,serif;font-weight:400;font-size:31px;margin:23px 0}.timeline{display:flex;border-bottom:1px solid var(--line);gap:20px}.timeline button{background:none;border:0;color:var(--muted);padding:14px 0;font-size:12px}.timeline button.active{border-bottom:2px solid var(--bone);color:var(--bone)}.reading{min-height:215px;padding-top:30px}.reading p{font-size:17px;line-height:1.6;max-width:600px;margin-top:15px}blockquote{margin:20px 0;border-left:2px solid var(--amber);padding-left:16px;font-size:12px;color:var(--muted);line-height:1.6}.challenge{border-top:1px solid var(--line);padding-top:22px}.challenge label{display:block;font-size:13px;margin-bottom:14px}.challenge select{max-width:100%;width:100%;margin-bottom:15px}.challenge .cta{padding:12px 20px;font-size:12px}#feedback{font-size:12px;color:var(--amber);line-height:1.6;margin-top:16px;min-height:20px}.method{background:var(--bone);color:var(--ink)}.method .eyebrow{color:#64625c}.method em{color:#77736c}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.steps>div{border-top:1px solid #0003;padding-top:22px}.steps span{font-size:12px;color:#77736c}.steps h3{font-size:19px;font-weight:500;margin-top:30px}.steps p{font-size:14px;line-height:1.7;color:#5b5750}.contribute{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contribute>div>p{color:var(--muted);line-height:1.8;font-size:15px}.token-note{margin-top:40px;border-top:1px solid var(--line);padding-top:25px}.token-note b{font-size:11px;color:var(--amber);font-weight:400}.token-note p{font-size:12px;color:var(--muted);line-height:1.7}form label{font-size:12px;display:block;margin-bottom:10px}input,textarea,select{background:#191917;border:1px solid #ffffff35;border-radius:7px;color:var(--bone);padding:14px;font-size:13px;width:100%;margin-bottom:20px}textarea{height:140px;resize:vertical}.form-actions{display:flex;align-items:center;gap:20px}.form-actions>button:not(.cta){background:none;color:var(--bone);border:0;font-size:12px}#draftStatus{font-size:11px;color:var(--muted);line-height:1.7;margin-top:20px}.attest{background:none;border:0;border-bottom:1px solid var(--line);color:var(--amber);font-size:12px;padding:10px 0}.closing{padding:70px 48px 110px;text-align:center;border-top:1px solid var(--line)}.closing h2{font-size:55px;margin:30px 0}.download{display:block;margin-top:25px;font-size:12px;color:var(--muted)}footer{padding:35px 48px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:10px;color:var(--muted)}dialog{background:#161614;color:var(--bone);border:1px solid #ffffff40;border-radius:18px;max-width:480px;padding:45px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog>p{font-size:14px;line-height:1.8;color:var(--muted)}#close{float:right;background:none;border:0;color:var(--bone);font-size:24px}#intro{position:fixed;inset:0;z-index:100;background:#090909;display:grid;place-items:center}#intro.hidden{display:none}#skip{position:absolute;top:32px;right:32px;border:1px solid var(--line);border-radius:30px;padding:12px 20px;background:none;color:var(--bone);z-index:2}.intro-scene{text-align:center}.intro-scene h2{font-size:80px;opacity:0;animation:reveal 2s 7s forwards}.intro-scene>p{opacity:0;animation:reveal 1s 8s forwards}.plates{display:flex;justify-content:center;gap:12px;margin:60px 0;perspective:800px}.plates i{font-style:normal;display:grid;place-items:center;width:150px;height:200px;border:1px solid #ffffff65;background:linear-gradient(130deg,#55554d,#111);font-size:11px;letter-spacing:2px;animation:lock 5s ease forwards}.plates i:nth-child(2){animation-delay:.8s}.plates i:nth-child(3){animation-delay:1.5s}@keyframes lock{0%{opacity:0;transform:translateY(60px) rotateY(65deg)}45%{opacity:1;transform:translateY(0) rotateY(20deg)}100%{opacity:1;transform:translateY(0) rotateY(0);border-color:var(--amber)}}@keyframes reveal{to{opacity:1}}@media(max-width:900px){header{padding:0 22px;height:85px}nav{gap:15px}nav>a:first-child,nav button{display:none}.hero{grid-template-columns:1fr;padding:45px 22px;gap:25px}h1{font-size:80px}.instrument{min-height:480px;max-width:450px;width:100%;margin:auto}.proof-strip{margin:0 22px;gap:20px;font-size:10px}.studio,.method,.contribute{padding:65px 22px!important}.section-heading{display:block}h2{font-size:42px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:20px;display:flex;flex-wrap:wrap;gap:10px}aside>.eyebrow{width:100%}.case{flex:1;min-width:100px;margin:0;padding:14px 10px}.case b{font-size:14px}.case span{display:none}.saved{width:100%;margin:0;padding-top:15px;flex-direction:row;align-items:center;gap:15px}article{padding:25px}.steps{gap:25px}.contribute{grid-template-columns:1fr;gap:40px}.closing{padding:65px 22px}.closing h2{font-size:42px}footer{padding:30px 22px;flex-wrap:wrap}}@media(max-width:480px){h1{font-size:72px}.metal-plate{width:270px;height:175px}.p1{left:48px}.p2{left:28px;top:135px}.p3{left:8px;top:240px}.orbit{width:320px;height:320px;left:0;top:45px}.instrument{min-height:465px}.steps{grid-template-columns:1fr;margin-top:35px}.steps h3{margin-top:18px}.plates i{width:95px;height:160px;font-size:8px}.intro-scene h2{font-size:58px}.small-cta{font-size:11px;padding:12px}.brand{font-size:21px}.case-top{font-size:8px}.timeline{gap:15px}.contribute h2{font-size:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#intro{display:none}*{animation:none!important;transition:none!important}}
@media(max-width:480px){.instrument{overflow:hidden}.orbit{width:calc(100% - 8px);height:auto;aspect-ratio:1}.metal-plate{width:245px}.p1{left:35px}.p2{left:18px}.p3{left:1px}}
