:root { --ink:#17211b; --paper:#eee9dc; --acid:#d5ef45; --rust:#b54b2f; --line:rgba(23,33,27,.22); --font-sans:"Geist",sans-serif; --font-mono:"Geist Mono",monospace; --font-serif:"Instrument Serif",serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-sans),sans-serif; }
a { color:inherit; text-decoration:none; }
::selection { background:var(--acid); }
.nav { height:94px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.wordmark { display:flex; align-items:center; gap:14px; font:700 12px/1.05 var(--font-sans); letter-spacing:.15em; }
.mark,.footerMark { width:43px; height:43px; display:grid; place-items:center; background:var(--ink); color:var(--paper); border-radius:50%; font:700 11px var(--font-mono); letter-spacing:-.08em; }
.navLinks { display:flex; gap:38px; font:600 12px var(--font-mono); text-transform:uppercase; }
.navLinks a,.contactLink { transition:opacity .2s; }.navLinks a:hover,.contactLink:hover { opacity:.55; }
.contactLink { font:600 12px var(--font-mono); text-transform:uppercase; border-bottom:1px solid; padding-bottom:5px; }.contactLink span { color:var(--rust); }
.hero { min-height:720px; height:calc(100vh - 94px); max-height:900px; padding:7vh 7vw 5vh; display:grid; grid-template-columns:53% 47%; position:relative; overflow:hidden; }
.hero:before { content:""; position:absolute; top:0; bottom:0; left:60%; border-left:1px solid var(--line); }
.heroCopy { position:relative; z-index:2; align-self:center; }
.eyebrow,.index { font:600 11px var(--font-mono); letter-spacing:.14em; text-transform:uppercase; }.eyebrow { display:flex; align-items:center; gap:10px; }.eyebrow span { width:7px;height:7px;background:var(--rust);border-radius:50%; }
h1,h2,blockquote { margin:0; font-family:var(--font-serif),serif; font-weight:400; letter-spacing:-.05em; }
h1 { font-size:clamp(76px,9.3vw,150px); line-height:.79; margin:5vh 0 6vh; }
em { color:var(--rust); font-weight:400; }
.intro { max-width:470px; font-size:17px; line-height:1.65; margin:0 0 34px; }
.primaryButton { width:230px; display:flex; justify-content:space-between; background:var(--ink); color:var(--paper); padding:18px 20px; font:600 12px var(--font-mono); text-transform:uppercase; transition:background .2s,color .2s; }.primaryButton:hover { background:var(--acid);color:var(--ink); }
.heroMachine { position:relative; align-self:center; justify-self:center; width:min(42vw,600px); aspect-ratio:1; border:1px solid var(--line); border-radius:50%; transform:rotate(-7deg); }
.orbit { position:absolute; border:1px dashed rgba(23,33,27,.35); border-radius:50%; }.orbitOne{inset:12%;}.orbitTwo{inset:27%;}
.bone { position:absolute; background:var(--ink); box-shadow:inset 0 0 0 2px var(--paper); }.boneA{width:48%;height:20%;top:38%;left:22%;clip-path:polygon(0 18%,100% 0,82% 64%,44% 100%,4% 75%);}.boneB{width:40%;height:11%;top:57%;left:37%;transform:rotate(-12deg);clip-path:polygon(0 0,100% 35%,79% 100%,8% 75%);}.boneC{width:12%;height:29%;top:24%;left:28%;transform:rotate(27deg);clip-path:polygon(20% 0,100% 15%,65% 100%,0 84%);}
.joint { position:absolute;width:25px;height:25px;background:var(--acid);border:6px solid var(--ink);border-radius:50%;}.jointA{left:34%;top:49%;}.jointB{left:69%;top:55%;}
.axis{position:absolute;left:34%;top:4%;width:1px;height:52%;background:var(--rust);transform:rotate(27deg);transform-origin:bottom;}.axis:after{content:"";position:absolute;top:0;left:-4px;border:4px solid transparent;border-bottom:9px solid var(--rust);transform:translateY(-9px)}.axis span{position:absolute;top:4px;left:8px;color:var(--rust);font:700 11px var(--font-mono);}
.figureLabel { position:absolute;right:8%;bottom:15%;font:10px var(--font-mono);transform:rotate(7deg); }
.sideNote { position:absolute;right:2vw;top:50%;margin:0;font:9px var(--font-mono);letter-spacing:.2em;writing-mode:vertical-rl; }
.ticker { background:var(--acid); min-height:58px; display:flex; align-items:center; justify-content:space-around; gap:22px; overflow:hidden; white-space:nowrap; font:700 10px var(--font-mono); letter-spacing:.1em; }.ticker b { color:var(--rust); }
.archive { padding:110px 6vw 130px; }
.sectionHead { display:flex; justify-content:space-between; align-items:end; margin-bottom:60px; }.sectionHead h2,.method h2 { font-size:clamp(64px,7vw,105px);line-height:.9; }.sectionHead>p { max-width:440px;font-size:15px;line-height:1.6;margin:0; }
.specimenGrid { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink); }
.specimen { padding:18px 24px 0;border-right:1px solid var(--line); }.specimen:first-child{padding-left:0}.specimen:last-child{border:0;padding-right:0}
.specimenVisual { height:360px; background:#c9c5b8; position:relative; overflow:hidden; margin-bottom:20px; }.specimenVisual:before,.specimenVisual:after{content:"";position:absolute;background:var(--ink);opacity:.86;filter:drop-shadow(10px 8px 0 rgba(238,233,220,.5));}
.specimen1:before{width:67%;height:35%;left:16%;top:31%;clip-path:polygon(4% 10%,77% 0,100% 42%,75% 87%,42% 100%,0 72%)}.specimen1:after{width:46%;height:12%;left:39%;top:57%;transform:rotate(-8deg);clip-path:polygon(0 0,100% 30%,80% 100%,8% 72%)}
.specimen2:before{width:64%;height:36%;left:19%;top:38%;clip-path:polygon(0 26%,58% 0,100% 35%,75% 100%,13% 85%)}.specimen2:after{width:10%;height:63%;left:36%;top:3%;transform:rotate(25deg);clip-path:polygon(31% 0,70% 0,100% 100%,0 93%)}
.specimen3:before{width:72%;height:21%;left:13%;top:42%;border-radius:70% 18% 30% 60%;transform:rotate(-8deg)}.specimen3:after{width:14%;height:28%;left:68%;top:32%;clip-path:polygon(0 0,100% 34%,57% 100%,12% 80%)}
.specimenCode,.view { position:absolute;z-index:2;font:9px var(--font-mono);padding:7px;background:var(--paper);}.specimenCode{top:12px;left:12px}.view{bottom:12px;right:12px}.scanLine{position:absolute;z-index:1;top:0;bottom:0;left:50%;border-left:1px solid rgba(238,233,220,.5)}
.specimenMeta { display:flex;justify-content:space-between;font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.08em; }.specimen h3 { font:400 40px var(--font-serif);margin:16px 0 0; }.specimen>p { margin:3px 0 25px;font-size:13px; }.specimenStat { border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:baseline;gap:10px; }.specimenStat strong{font:400 32px var(--font-serif)}.specimenStat span{font:9px var(--font-mono);text-transform:uppercase}
.method { background:var(--ink);color:var(--paper);padding:120px 7vw;display:grid;grid-template-columns:45% 55%;gap:7vw; }.methodTitle>p:last-child{max-width:390px;line-height:1.7;margin-top:40px}.method .index{color:var(--acid)}
.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:70px 1fr;border-top:1px solid rgba(238,233,220,.25);padding:26px 0}.steps li>span{color:var(--acid);font:11px var(--font-mono)}.steps h3{font:400 34px var(--font-serif);margin:0 0 8px}.steps p{margin:0;color:#abaea8;line-height:1.5;font-size:13px;max-width:440px}
.manifesto { padding:130px 7vw 100px; }.manifesto blockquote { font-size:clamp(55px,7vw,110px);line-height:.95;text-align:center;margin:80px auto; }.manifestoFoot{border-top:1px solid var(--ink);padding-top:24px;display:flex;justify-content:space-between}.manifestoFoot p{max-width:430px;line-height:1.6}.manifestoFoot span{font:9px/1.6 var(--font-mono);text-align:right}
footer{background:var(--rust);color:#f2e8d8;padding:90px 6vw 35px}footer>div:first-child{display:flex;align-items:start;gap:30px}footer h2{font-size:clamp(60px,8vw,120px);line-height:.82}.footerMark{background:#f2e8d8;color:var(--rust)}footer>a{display:flex;justify-content:space-between;max-width:500px;margin:70px 0;padding-bottom:12px;border-bottom:1px solid;font:13px var(--font-mono)}.legal{border-top:1px solid rgba(242,232,216,.4);padding-top:25px;display:flex;justify-content:space-between;font:9px var(--font-mono);text-transform:uppercase}
@media(max-width:800px){.nav{height:78px}.navLinks{display:none}.hero{height:auto;min-height:0;padding:70px 7vw 80px;grid-template-columns:1fr}.hero:before,.sideNote{display:none}h1{font-size:23vw;margin:45px 0}.heroMachine{width:88vw;margin-top:80px}.ticker{justify-content:flex-start;padding:0 20px}.sectionHead{display:block}.sectionHead>p{margin-top:30px}.specimenGrid{grid-template-columns:1fr}.specimen,.specimen:first-child,.specimen:last-child{padding:25px 0 50px;border-right:0;border-bottom:1px solid var(--line)}.specimenVisual{height:420px}.method{grid-template-columns:1fr}.steps{margin-top:50px}.manifesto blockquote{text-align:left}.manifestoFoot,.legal{gap:30px;flex-direction:column}.manifestoFoot span{text-align:left}footer{padding-top:70px}footer>div:first-child{display:block}.footerMark{margin-bottom:35px}}
@media(max-width:480px){.wordmark span:last-child{display:none}.hero{padding-top:55px}.intro{font-size:15px}.specimenVisual{height:330px}.archive,.method,.manifesto{padding-top:85px;padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}