@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#090909;--panel:#11110f;--bone:#f2ede4;--muted:#aaa59d;--line:#ffffff24;--accent:#c5a879}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--bone);font:16px 'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{opacity:.5;cursor:default}header,main,footer{max-width:1440px;margin:auto}header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:27px;letter-spacing:-1px;font-weight:700;display:flex;align-items:center;gap:10px}.brand img{width:36px}.brand span{align-self:start;font-size:10px;margin:5px 0 0 -5px}nav{display:flex;align-items:center;gap:30px;font-size:13px}button.light,.light{background:var(--bone);color:var(--ink);border-radius:4px;padding:15px 21px;font-weight:500}.light span{margin-left:23px}.outline{border:1px solid #ffffff40;background:transparent;color:var(--bone);padding:12px 17px;border-radius:4px}button:hover{filter:brightness(.85)}.hero{min-height:710px;display:grid;grid-template-columns:1fr 1.1fr;padding:65px 5% 40px;align-items:center;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:500;margin:0 0 24px}.hero h1{font:100px/.9 'Instrument Serif',Georgia,serif;letter-spacing:-3px;margin:0 0 27px}.hero h1 em,h2 em{font-weight:400;color:#bdb8ad}.lead{max-width:345px;line-height:1.6;color:var(--muted);font-size:15px}.primary{margin-top:17px}.subtle{font-size:11px;color:var(--muted);line-height:1.6}.hero-object{position:relative;margin-left:0;min-width:0}.hero-object img{display:block;width:100%;max-height:620px;object-fit:contain}.object-line{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.5px;color:var(--muted);border-top:1px solid var(--line);padding:13px 0}.object-line b{color:var(--bone);font-weight:400}.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 5%;display:flex;justify-content:space-between;gap:15px;font-size:12px}.proof-strip b{font-weight:400;color:var(--muted);margin-right:13px}.prototype{font-size:9px;letter-spacing:1px;color:var(--muted);align-self:center}.bench{padding:95px 5%}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;gap:25px}h2{font:60px/1.02 'Instrument Serif',Georgia,serif;letter-spacing:-1px;margin:0}.section-title .eyebrow{margin-bottom:14px}.bench-actions{display:flex;gap:8px}.bench-actions button{font-size:11px}.workspace{display:grid;grid-template-columns:280px 1fr;border:1px solid #ffffff32;background:var(--panel);min-height:615px;border-radius:8px;overflow:hidden}aside{border-right:1px solid var(--line);padding:32px 27px;display:flex;flex-direction:column}aside h3{font:33px/1.1 'Instrument Serif',Georgia,serif;margin:4px 0 12px;overflow-wrap:anywhere}aside p{font-size:12px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}aside .eyebrow{font-size:9px}.puck-mini{padding:35px 20px;display:flex;justify-content:center}.puck-mini img{width:112px;transform:rotate(-12deg);filter:drop-shadow(20px 20px 18px #000)}.local-badge{font-size:9px;letter-spacing:1.5px;color:var(--accent);margin-top:auto}.side-note{margin:14px 0 30px}aside button{font-size:11px;text-align:left;padding:14px!important}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 30px;gap:30px}.tabs button{color:var(--muted);background:none;padding:24px 0;font-size:12px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--bone);border-color:var(--bone)}.tabs span{font-size:9px;background:#ffffff1c;padding:2px 5px;border-radius:3px;margin-left:5px}.panel{padding:30px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.panel-heading h3{font-size:16px;font-weight:500;margin:0}.panel-heading span{font-size:8px;color:var(--muted);letter-spacing:1px;white-space:nowrap}label{font-size:11px;color:var(--muted);display:block;margin:0 0 18px}input,textarea,select{display:block;width:100%;background:#090909;color:var(--bone);border:1px solid #ffffff2b;border-radius:3px;padding:13px;margin-top:8px;font-size:14px}textarea{resize:vertical;min-height:77px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:8px}.form-foot span{font-size:10px;color:var(--muted)}.form-foot button{font-size:12px}.bench-disclosure{font-size:10px;color:var(--muted);line-height:1.5;margin:18px 0}.filters{display:flex;gap:7px;margin:28px 0 15px}.filters button{font-size:10px;color:var(--muted);background:transparent;border:1px solid var(--line);padding:6px 10px}.filters .active{color:#090909;background:var(--bone)}.empty{color:var(--muted);border-top:1px solid var(--line);padding:20px 0;font-size:13px}.note{padding:15px 0;border-top:1px solid var(--line)}.note p{font-size:13px;line-height:1.6;overflow-wrap:anywhere;margin:10px 0}.note small{font-size:10px;color:var(--muted)}.note .tag{font-size:9px;letter-spacing:1px;color:var(--accent)}.note button{float:right;background:none;color:var(--muted);font-size:10px}.panel-description{font-size:12px;color:var(--muted);line-height:1.6}.milestone{border-top:1px solid var(--line);padding:17px 0}.milestone-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}.milestone-head button{background:none;color:var(--bone);font-size:10px;border:1px solid #ffffff45;padding:7px 10px}.milestone input{font-size:12px}.milestone.recorded .milestone-head span{color:var(--accent)}.target-row{display:flex;justify-content:space-between;font-size:11px;margin-top:15px}.progress-track{height:3px;background:#ffffff20;margin-top:12px}.progress-track i{display:block;background:var(--accent);height:3px;transition:width .3s}.method{border-top:1px solid var(--line);padding:105px 5%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.method>div p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7;max-width:365px;margin:27px 0}.text-link{font-size:12px;border-bottom:1px solid #ffffff80;padding-bottom:7px}.method ol{list-style:none;margin:0;padding:0}.method li{border-top:1px solid var(--line);padding:25px 0}.method li span{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.method li h3{font-weight:500;font-size:20px;margin:16px 0 10px}.method li p{font-size:13px;line-height:1.6;color:var(--muted);max-width:360px}.future{background:var(--bone);color:var(--ink);padding:70px 5%;display:grid;grid-template-columns:1fr 1fr;gap:20px 70px}.future .eyebrow{grid-column:1/-1;margin-bottom:0}.future p:not(.eyebrow){font-size:15px;line-height:1.7;margin:0;max-width:440px}.future .outline{color:var(--ink);border-color:#09090960;width:fit-content;font-size:12px}.future>span{font-size:9px;letter-spacing:1.5px;align-self:center;color:#555}.closing{text-align:center;padding:105px 20px}.closing h2{font-size:75px}.closing button{margin-top:35px}.closing .eyebrow{color:var(--muted)}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}footer>span{font-size:9px;color:var(--muted);letter-spacing:1px}footer div{display:flex;gap:20px;font-size:10px}footer button{background:none;color:var(--bone);padding:0;font-size:10px}dialog{background:var(--panel);color:var(--bone);border:1px solid #ffffff45;border-radius:8px;padding:45px;width:530px;max-width:90vw}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font:72px 'Instrument Serif',Georgia,serif}dialog p:not(.eyebrow){line-height:1.7;font-size:14px;color:var(--muted)}#close-dialog{position:absolute;right:18px;top:12px;background:none;color:var(--bone);font-size:25px}.release-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:12px;overflow-wrap:anywhere}#intro{position:fixed;inset:0;z-index:100;background:#090909;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}#intro.finished{display:none}.intro-label{position:absolute;top:12%;font-size:10px;letter-spacing:3px;color:var(--muted);animation:label 9s both}.intro-puck{position:relative;width:340px;height:230px;perspective:1000px}.intro-puck i{display:block;position:absolute;left:0;width:340px;height:105px;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#b8b8ae,#282824 65%,#89897f);box-shadow:0 15px 0 #4e4e47,0 17px 0 #aaa79e,0 30px 50px #000;animation:layer 9s both}.intro-puck i:nth-child(1){top:130px;--start:100px}.intro-puck i:nth-child(2){top:70px;--start:0px;animation-delay:.15s}.intro-puck i:nth-child(3){top:10px;--start:-100px;animation-delay:.3s}.intro-copy{position:absolute;text-align:center;opacity:0;animation:brand 9s both}.intro-copy span{font-size:10px;letter-spacing:4px}.intro-copy h1{font:100px 'Instrument Serif',Georgia,serif;letter-spacing:-3px;margin:15px 0}.intro-foot{position:absolute;bottom:12%;font-size:9px;letter-spacing:3px;color:var(--muted)}#skip{position:absolute;right:5%;bottom:6%;background:transparent;color:var(--bone);font-size:12px;border:1px solid #ffffff50;padding:12px 20px}@keyframes layer{0%{opacity:0;transform:translateY(var(--start)) scale(.8)}20%,48%{opacity:1;transform:translateY(0) scale(1)}65%{opacity:1;transform:translateY(calc(70px - var(--start) * .6)) scale(1)}78%,100%{opacity:0;transform:translateY(100px) scale(.8)}}@keyframes brand{0%,68%{opacity:0;transform:translateY(18px)}80%,100%{opacity:1;transform:translateY(0)}}@keyframes label{0%{opacity:0}15%,65%{opacity:1}80%,100%{opacity:0}}@media(max-width:850px){header{height:78px;padding:0 5%}nav{gap:15px}nav>a{display:none}nav button{font-size:11px;padding:12px!important}.hero{grid-template-columns:1fr;padding-top:50px}.hero h1{font-size:78px}.hero-object{margin:30px -10px 0}.hero-object img{max-height:440px}.hero-copy .lead{max-width:400px}.proof-strip{flex-wrap:wrap;gap:17px;font-size:10px}.prototype{width:100%}.section-title{align-items:start;flex-direction:column}h2{font-size:48px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:25px}.puck-mini,.side-note{display:none}aside button{margin-top:20px;align-self:start}.local-badge{margin-top:10px}.bench{padding:65px 5%}.tabs{gap:25px;padding:0 20px}.panel{padding:23px 20px}.panel-heading{align-items:start;flex-direction:column;gap:10px}.form-grid{gap:12px}.form-foot{align-items:start;flex-direction:column}.method{grid-template-columns:1fr;gap:45px;padding:70px 5%}.method h2{font-size:52px}.future{grid-template-columns:1fr;padding:55px 5%;gap:25px}.future .eyebrow{grid-column:1}.closing{padding:75px 20px}.closing h2{font-size:58px}footer{flex-wrap:wrap;gap:25px}footer div{flex-wrap:wrap;gap:20px;width:100%}.object-line{font-size:8px}dialog{padding:35px 25px}.intro-puck{transform:scale(.8)}.intro-copy h1{font-size:75px}.intro-label{font-size:8px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.intro-copy{opacity:1}.intro-puck{display:none}}
@media(min-width:851px){.hero{min-height:555px;padding-top:35px;padding-bottom:30px}.hero h1{font-size:88px}.hero-object img{max-height:450px}.bench{padding-top:60px}.section-title{margin-bottom:25px}.section-title h2{font-size:52px}}
