:root{--ink:#171918;--paper:#ecece7;--fog:#d8d9d3;--mid:#a8aaa5;--acid:#d6ff3f;--line:#2c2e2c;--surface:#e5e5df;--grid:#c7c8c2;--muted:#555852;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;color-scheme:light}
[data-theme="dark"]{--ink:#e8e9e3;--paper:#1a1c1b;--fog:#292c2a;--mid:#565a56;--line:#c9cbc5;--surface:#252826;--grid:#383b38;--muted:#aeb1ab;color-scheme:dark}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.revealed{opacity:1;transform:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.skip-link{position:fixed;top:-100px;left:20px;background:var(--acid);color:var(--ink);padding:12px;z-index:99}.skip-link:focus{top:12px}a{color:inherit;text-decoration:none}.site-header{height:86px;border-bottom:2px solid var(--ink);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;position:relative;z-index:10;background:rgba(236,236,231,.94)}.brand{font-size:16px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}nav{display:flex;gap:38px;font-family:var(--mono);font-size:12px;text-transform:uppercase}nav a,.header-link{transition:opacity .2s}nav a:hover,.header-link:hover{opacity:.55}.header-link{justify-self:end;border-bottom:1px solid;font:12px var(--mono);padding-bottom:4px;text-transform:uppercase}.header-link span{color:#62645f}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:55% 45%;position:relative;border-bottom:2px solid;padding:7vw 4vw 6vw}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 42px}.eyebrow span{width:8px;height:8px;background:var(--acid);border:1px solid;border-radius:50%;box-shadow:0 0 0 4px rgba(214,255,63,.25)}h1{font-size:clamp(72px,10vw,154px);line-height:.78;letter-spacing:-.085em;margin:0;font-weight:800}h1 em{font-family:Georgia,serif;font-weight:400}h1 em:after{content:"";display:inline-block;width:14px;height:14px;background:var(--acid);border:2px solid;margin-left:14px}.hero-intro{font-size:clamp(17px,1.5vw,22px);line-height:1.55;max-width:580px;margin:55px 0 35px}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 20px;border:2px solid;font:700 12px var(--mono);text-transform:uppercase;box-shadow:5px 5px 0 var(--mid);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--mid)}.button-dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.text-link{font:500 12px var(--mono);text-transform:uppercase;border-bottom:1px solid;padding:8px 0}.hero-art{align-self:center;justify-self:end;width:min(39vw,560px);aspect-ratio:1;position:relative;border:2px solid;background-color:#dadbd5;background-image:linear-gradient(#c7c8c2 1px,transparent 1px),linear-gradient(90deg,#c7c8c2 1px,transparent 1px);background-size:34px 34px;overflow:hidden}.coordinates{position:absolute;top:18px;left:20px;font:9px/1.6 var(--mono);z-index:2}.orbit{position:absolute;border:2px solid;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:68%;height:68%}.orbit-two{width:43%;height:43%;border-style:dashed;animation:spin 25s linear infinite}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:27%;height:27%;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:9px 9px 0 var(--acid)}.core span{font-size:clamp(40px,6vw,80px);font-weight:800;letter-spacing:-.1em;line-height:1}.core small{font:9px var(--mono);letter-spacing:.2em}.signal{position:absolute;background:var(--ink)}.signal-a{height:2px;width:34%;right:-5%;top:24%;transform:rotate(-32deg)}.signal-b{height:20%;width:2px;bottom:0;left:19%}.art-label{position:absolute;bottom:18px;right:20px;background:var(--acid);border:1px solid;padding:7px 9px;font:9px var(--mono)}.scroll-note{position:absolute;bottom:18px;left:4vw;font:9px var(--mono);letter-spacing:.12em}.scroll-note span{margin-left:8px}.ticker{background:var(--ink);color:var(--paper);white-space:nowrap;overflow:hidden;border-bottom:2px solid var(--ink);font:500 12px var(--mono);letter-spacing:.12em;padding:16px 0}.ticker div{width:max-content;animation:marquee 24s linear infinite}.ticker b{color:var(--acid);padding:0 28px}.section{padding:120px 4vw;border-bottom:2px solid}.section-heading{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:3vw;align-items:start;margin-bottom:65px}.section-heading h2,.method h2{font-size:clamp(44px,5vw,72px);letter-spacing:-.065em;line-height:.98;margin:0}.section-heading h2 span,.method h2 span{font-family:Georgia,serif;font-weight:400;font-style:italic}.section-heading>p:last-child{line-height:1.7;max-width:330px;margin:5px 0}.project-card{display:grid;grid-template-columns:1.25fr 1fr;border:2px solid;box-shadow:9px 9px 0 #92948f;margin-bottom:40px}.project-visual{min-height:480px;border-right:2px solid;position:relative;overflow:hidden}.forge-visual{background-color:#c8cac3;background-image:radial-gradient(#898b86 1px,transparent 1px);background-size:18px 18px}.visual-index{position:absolute;top:20px;left:22px;font:10px var(--mono)}.forge-window{width:69%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);background:var(--paper);border:2px solid;box-shadow:12px 12px 0 var(--ink)}.window-bar{height:36px;border-bottom:2px solid;background:#dfe0da;display:flex;align-items:center;gap:6px;padding:0 10px}.window-bar i{width:8px;height:8px;border:1px solid;border-radius:50%}.window-bar span{margin-left:auto;font:9px var(--mono)}pre{font:clamp(11px,1.2vw,16px)/1.75 var(--mono);padding:28px;margin:0}pre span{font-weight:700;background:var(--acid)}pre b{color:#6c6f68}.stamp{position:absolute;right:22px;bottom:24px;border:2px solid;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;text-align:center;font:700 9px/1.3 var(--mono);transform:rotate(12deg);background:var(--acid)}.project-info{position:relative;padding:46px;display:flex;flex-direction:column;justify-content:space-between;background:#e5e5df}.project-info h3,.mini-card h3{font-size:clamp(36px,4vw,58px);letter-spacing:-.06em;margin:18px 0}.project-info p:not(.kicker){font-size:16px;line-height:1.7;max-width:450px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid;padding:7px 10px;font:9px var(--mono);text-transform:uppercase}.round-link{position:absolute;right:28px;top:28px;width:48px;height:48px;border:2px solid;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:.2s}.round-link:hover{background:var(--acid);transform:rotate(45deg)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.mini-card{min-height:390px;border:2px solid;padding:28px;background:#d6d7d1;display:flex;flex-direction:column}.mini-top{display:flex;justify-content:space-between;font:9px var(--mono);text-transform:uppercase}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);border:1px solid;margin-right:6px}.mini-symbol{margin:auto;font:82px var(--mono);position:relative}.mini-symbol i{position:absolute;width:90px;height:2px;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg)}.mini-card h3{font-size:32px;margin:0 0 10px}.mini-card p{max-width:430px;line-height:1.6;margin:0}.dark-card{background:#2d302e;color:#e3e4df}.method{background:#d8d9d3;display:grid;grid-template-columns:1fr 1.55fr;gap:8vw}.steps{border-top:2px solid}.steps article{display:grid;grid-template-columns:65px 1fr 30px;gap:20px;padding:30px 0;border-bottom:2px solid;align-items:start}.step-no{font:10px var(--mono);margin-top:8px}.steps h3{font-size:24px;margin:0 0 8px;letter-spacing:-.04em}.steps p{line-height:1.6;color:#555852;margin:0;max-width:490px}.arrow{font-size:20px}.manifesto{background:var(--ink);color:#e2e3dd;display:grid;grid-template-columns:1fr 2fr;gap:8vw;min-height:720px}.manifesto-aside{display:flex;flex-direction:column;justify-content:space-between}.crosshair{width:170px;height:170px;border:1px solid #777a75;border-radius:50%;position:relative;display:grid;place-items:center}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#777a75}.crosshair:before{width:220px;height:1px}.crosshair:after{height:220px;width:1px}.crosshair span{font-weight:800;font-size:45px;z-index:1;background:var(--ink)}.manifesto-copy p{font-size:clamp(32px,4vw,61px);line-height:1.13;letter-spacing:-.055em;margin:0 0 35px;color:#8c8f89}.manifesto-copy strong{color:#ebebe5}.button-light{border-color:#e2e3dd;box-shadow:5px 5px 0 #777a75;margin-top:20px}footer{background:#111312;color:#e2e3dd;padding:80px 4vw 30px}.footer-top p{font:11px var(--mono);text-transform:uppercase}.footer-top a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(54px,8vw,120px);letter-spacing:-.075em;border-bottom:2px solid;padding-bottom:25px}.footer-top a span{font-family:var(--mono);font-weight:400}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:30px;font:9px var(--mono);letter-spacing:.09em}.footer-bottom a{border-bottom:1px solid}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:850px){.site-header{grid-template-columns:1fr auto;padding:0 20px}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding:70px 20px}.hero-art{width:100%;margin-top:70px;justify-self:stretch}.scroll-note{display:none}.section{padding:80px 20px}.section-heading{grid-template-columns:1fr;gap:20px}.project-card,.method,.manifesto{grid-template-columns:1fr}.project-visual{border-right:0;border-bottom:2px solid;min-height:380px}.project-grid{grid-template-columns:1fr}.method,.manifesto{gap:70px}.crosshair{margin:20px}.footer-bottom{flex-direction:column}.footer-top a{font-size:48px}.hero-intro{margin-top:40px}}@media(max-width:520px){.header-link{display:none}.site-header{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{aspect-ratio:.85}.project-info{padding:32px 24px;min-height:450px}.forge-window{width:80%}.project-grid{gap:22px}.mini-card{min-height:350px}.manifesto{min-height:auto}.footer-top a{font-size:38px}.coordinates{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-two,.ticker div{animation:none}}

/* Theme control and responsive refinements */
.header-actions{justify-self:end;display:flex;align-items:center;gap:24px}.theme-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 10px;font:500 10px var(--mono);text-transform:uppercase;cursor:pointer}.theme-toggle:hover,.theme-toggle:focus-visible{background:var(--acid);color:#171918}.theme-icon{font-size:16px;line-height:1}.site-header,body,.hero-art,.project-info,.mini-card,.method{transition:background-color .25s ease,color .25s ease,border-color .25s ease}
[data-theme="dark"] .site-header{background:rgba(26,28,27,.95)}[data-theme="dark"] .hero-art{background-color:#252826;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px)}[data-theme="dark"] .forge-visual{background-color:#292c2a;background-image:radial-gradient(#666a65 1px,transparent 1px)}[data-theme="dark"] .forge-window,[data-theme="dark"] .window-bar,[data-theme="dark"] .project-info,[data-theme="dark"] .mini-card{background:var(--surface)}[data-theme="dark"] .dark-card,[data-theme="dark"] .manifesto,[data-theme="dark"] footer{background:#101211;color:#e8e9e3}[data-theme="dark"] .crosshair span{background:#101211}[data-theme="dark"] .steps p{color:var(--muted)}[data-theme="dark"] .button-dark{background:#e8e9e3;color:#171918;border-color:#e8e9e3}[data-theme="dark"] .skip-link{color:#171918}
@media (max-width:1100px){.hero{grid-template-columns:52% 48%;padding-top:8vw}.hero-art{width:42vw}.section-heading{grid-template-columns:.7fr 1.5fr 1fr}.project-info{padding:38px}.manifesto{grid-template-columns:.7fr 2fr}}
@media (max-width:850px){.site-header{height:auto;min-height:112px;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav";padding:16px 20px 0}.brand{grid-area:brand}.header-actions{grid-area:actions}.site-header nav{grid-area:nav;display:flex;width:100%;height:44px;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);gap:16px}.hero{min-height:auto}.section-heading>p:last-child{max-width:560px}.manifesto-aside{min-height:240px}.footer-top a{gap:20px}}
@media (max-width:600px){.site-header{padding-inline:16px}.brand{font-size:14px}.header-actions{gap:10px}.header-link{display:none}.theme-label{display:none}.theme-toggle{padding:6px 9px}.hero{padding:56px 16px 70px}.hero h1{font-size:clamp(60px,22vw,92px)}.hero-intro{font-size:17px}.section{padding:68px 16px}.section-heading h2,.method h2{font-size:43px}.project-card{box-shadow:6px 6px 0 #92948f}.project-visual{min-height:320px}.forge-window{width:86%}.stamp{width:58px;height:58px;right:12px;bottom:14px}.project-info{padding:32px 22px}.round-link{width:42px;height:42px;right:20px;top:20px}.project-info h3{font-size:43px}.steps article{grid-template-columns:38px 1fr 18px;gap:10px}.steps h3{font-size:21px}.manifesto-copy p{font-size:34px}.crosshair{width:130px;height:130px}.crosshair:before{width:170px}.crosshair:after{height:170px}.footer-top a{font-size:clamp(35px,11vw,48px)}footer{padding-inline:16px}}
@media (max-width:380px){.brand span:last-child{font-size:12px}.hero h1{font-size:56px}.hero-art{min-height:300px}.project-info{min-height:420px}.tags{padding-right:0}.manifesto-copy p{font-size:29px}.footer-top a{font-size:31px}}

/* Motion system */
.site-header{animation:header-drop .55s cubic-bezier(.2,.8,.2,1) both}.eyebrow{animation:fade-up .55s .12s both}.hero h1{animation:headline-in .8s .18s cubic-bezier(.16,1,.3,1) both}.hero-intro{animation:fade-up .7s .38s both}.hero-actions{animation:fade-up .7s .5s both}.hero-art{animation:art-in .9s .28s cubic-bezier(.16,1,.3,1) both}.core{animation:core-float 4s ease-in-out infinite}.orbit-one{animation:orbit-pulse 3.5s ease-in-out infinite}.signal-a{transform-origin:right center;animation:signal-scan 2.8s ease-in-out infinite}.signal-b{transform-origin:center bottom;animation:signal-scan-y 2.8s .7s ease-in-out infinite}.scroll-note span{display:inline-block;animation:scroll-bob 1.4s ease-in-out infinite}.eyebrow>span,.status-dot:before{animation:status-pulse 2s ease-in-out infinite}.project-card,.mini-card{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.project-card:hover{transform:translate(-3px,-3px);box-shadow:13px 13px 0 #92948f}.mini-card:hover{transform:translateY(-6px);box-shadow:7px 7px 0 var(--mid)}.forge-window{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.project-card:hover .forge-window{transform:translate(-50%,-50%) rotate(0)}.reveal{transition-delay:var(--reveal-delay,0ms)}.steps article .arrow{transition:transform .25s ease}.steps article:hover .arrow{transform:translate(5px,5px)}
@keyframes header-drop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes headline-in{from{opacity:0;transform:translateY(45px);letter-spacing:-.12em}to{opacity:1;transform:none}}@keyframes art-in{from{opacity:0;transform:scale(.9) rotate(2deg)}to{opacity:1;transform:none}}@keyframes core-float{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,calc(-50% - 9px)) rotate(-5deg)}}@keyframes orbit-pulse{0%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.45;transform:translate(-50%,-50%) scale(1.04)}}@keyframes signal-scan{0%,100%{transform:rotate(-32deg) scaleX(.55);opacity:.35}50%{transform:rotate(-32deg) scaleX(1);opacity:1}}@keyframes signal-scan-y{0%,100%{transform:scaleY(.4);opacity:.35}50%{transform:scaleY(1);opacity:1}}@keyframes scroll-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes status-pulse{0%,100%{box-shadow:0 0 0 0 rgba(214,255,63,.15)}50%{box-shadow:0 0 0 5px rgba(214,255,63,.2)}}
@media(prefers-reduced-motion:reduce){.site-header,.eyebrow,.hero h1,.hero-intro,.hero-actions,.hero-art,.core,.orbit-one,.signal-a,.signal-b,.scroll-note span,.eyebrow>span,.status-dot:before{animation:none}.reveal{transition:none}.project-card,.mini-card,.forge-window,.steps article .arrow{transition:none}}