@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#efeee8;--ink:#242620;--muted:#74756d;--orange:#ff542d;--line:#cfcec5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:white}.skip{position:fixed;top:-100px;z-index:20;background:var(--ink);color:white;padding:20px}.skip:focus{top:0}.progress{position:fixed;top:0;height:3px;background:var(--orange);z-index:15;width:0}header{height:94px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:43px;font-weight:700;letter-spacing:-6px;line-height:1}.logo span{color:var(--orange);font-size:34px;margin-left:3px}nav{display:flex;gap:38px;font-size:13px}nav sup{font-size:9px;color:var(--muted);margin-left:3px}.contact-nav{font-size:13px}.contact-nav span{margin-left:25px}nav a:hover,.text-link:hover,.archive-head a:hover{color:var(--orange)}.hero{padding:54px 4.5% 0}.eyebrow,.tiny,.hero-foot,.art-top,.art-bottom,.visual-label,.visual-index{font-family:monospace;font-size:11px;letter-spacing:1px}.eyebrow{display:flex;align-items:center;gap:12px}.status{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #ff542d12}.slash{margin:0 6px;color:#aaa}h1{font-size:clamp(70px,10.9vw,170px);font-weight:500;line-height:.91;letter-spacing:-.07em;margin:43px 0 34px}em,.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400}.serif{font-style:italic;letter-spacing:-.045em}.orange-dot{color:var(--orange);font-size:.27em;margin-left:.28em;vertical-align:10%}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin-bottom:38px}.hero-bottom p{font-size:14px;line-height:1.7}.round-link{display:flex;gap:25px;align-items:center;justify-self:center;font-size:12px}.circle{border:1px solid #b5b6ab;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:.25s}.round-link:hover .circle{background:var(--orange);border-color:var(--orange);transform:translateY(4px);color:white}.role{justify-self:end;display:flex;flex-direction:column;gap:7px;font-size:12px}.role .tiny{color:var(--muted);margin-bottom:3px}.role strong{font-weight:500}.neural-stage{height:330px;background:#20241e;position:relative;overflow:hidden;border-radius:2px}canvas{display:block;width:100%;height:100%}.visual-label{position:absolute;left:27px;top:25px;color:#e9eadc;line-height:1.7}.visual-label small{color:#929a89;font-size:8px}.cross{color:#ff6b3d;font-size:20px;display:block;margin-bottom:14px}.visual-index{position:absolute;bottom:22px;left:27px;color:#89917f;font-size:9px}#motion{position:absolute;bottom:18px;right:22px;border:1px solid #66705e;border-radius:50%;background:transparent;color:#c7cbbb;width:32px;height:32px}.hero-foot{display:flex;justify-content:space-between;padding:18px 0;color:var(--muted);font-size:9px}.section{padding:110px 4.5%}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:62px}.section-head>.tiny{padding-top:12px;color:var(--muted)}.section-head p{font-size:clamp(34px,4.3vw,64px);letter-spacing:-2px;line-height:1.08;margin:0;width:58%}.section-head em{font-size:1.07em}.project{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;margin-bottom:90px}.project-visual{height:410px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;overflow:hidden;transition:transform .4s}.project:hover .project-visual{transform:translateY(-5px)}.art-top,.art-bottom{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.7px}.art-bottom{font-family:'DM Sans',sans-serif;font-size:11px}.art-bottom>span:last-child{font-size:20px}.ride{background:#dce0d3}.ride svg{width:100%;height:300px}.ride svg text{font-family:monospace;font-size:10px;fill:#596354;letter-spacing:1px}.route{stroke-dasharray:650;stroke-dashoffset:650;animation:route 6s ease-in-out infinite}@keyframes route{40%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-650}}.project-info .tiny{color:var(--muted);font-size:9px}h2{font-size:clamp(30px,3.35vw,50px);line-height:1.08;letter-spacing:-1.8px;font-weight:500;margin:24px 0}.project-info p{max-width:380px;font-size:14px;color:#6c6e64;line-height:1.9}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 30px}.tags span{font-size:10px;border:1px solid var(--line);padding:6px 10px;border-radius:20px}.text-link{background:none;border:0;border-bottom:1px solid var(--ink);padding:0 0 9px;font-size:12px;display:flex;gap:50px}.reverse .project-visual{order:2}.reverse .project-info{order:1;padding-left:10%}.digit{background:#292c24;color:#eceede}.digit-art{display:flex;align-items:center;justify-content:center;gap:42px}.seven{font-family:monospace;font-size:160px;color:#d8e6a1;transform:skew(-12deg);text-shadow:4px 4px 0 #84955b,8px 8px 0 #4b5738;line-height:1}.prediction{display:flex;flex-direction:column;gap:14px}.prediction .tiny{font-size:8px;color:#999f86}.pixel-arrow{font-size:30px;color:#9aab71}.prediction strong{font-family:'Instrument Serif',serif;font-size:43px;font-weight:400}.prediction>span:last-child{font-size:9px;line-height:1.6;color:#b1b7a0}.estate{background:#e4dacf}.building-art{height:260px;position:relative;display:flex;gap:16px;align-items:end;justify-content:center;transform:skewY(-9deg);padding-bottom:25px}.building-art i{display:block;width:57px;height:110px;background:repeating-linear-gradient(0deg,transparent 0 19px,#d5bca7 20px 22px),repeating-linear-gradient(90deg,#8e715e 0 16px,#cfb49e 17px 19px);box-shadow:14px 8px 0 #b79b82}.building-art i:nth-child(2){height:160px}.building-art i:nth-child(3){height:137px}.building-art i:nth-child(4){height:215px}.trend{position:absolute;left:10%;right:5%;top:42%;height:2px;background:var(--orange);transform:rotate(-18deg)}.trend:after{content:'↗';position:absolute;right:-2px;top:-19px;color:var(--orange);font-size:30px}.archive-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:15px}.archive-head h3{font-size:22px;font-weight:500;letter-spacing:-.6px}.archive-head a{font-size:12px}.archive-row{display:grid;grid-template-columns:50px 1fr 180px 25px;align-items:center;border-bottom:1px solid var(--line);padding:23px 0;transition:padding .2s,background .2s}.archive-row:hover{padding-left:14px;background:#e7e7dc}.archive-row>span:first-child{font-size:10px;color:var(--muted);font-family:monospace}.archive-row strong{font-size:16px;font-weight:500}.archive-row small{font-size:10px;color:var(--muted)}.about{background:#252820;color:#eff0e4}.about-top{display:grid;grid-template-columns:1fr 1.45fr;gap:9%}.about-top>.tiny{color:#a1a793;padding-top:12px}.about h2{font-size:clamp(60px,8vw,120px);margin:0 0 35px;letter-spacing:-5px}.about h2 em{color:#d0df9c}.about-top p{font-size:16px;color:#b9bfad;line-height:1.85;max-width:580px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin:70px 0 60px;border-top:1px solid #505548;padding-top:30px}.principles span{font-family:monospace;font-size:11px;color:#b4c584}.principles h3{font-size:22px;font-weight:400;margin:25px 0 12px}.principles p{font-size:13px;line-height:1.8;color:#aeb5a2;max-width:260px}.toolkit{border-top:1px solid #505548;padding-top:30px;display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:baseline}.toolkit .tiny{color:#a1a793}.toolkit p{font-size:21px;line-height:1.8;margin:0}.toolkit b{color:#8e9c70;margin:0 10px;font-weight:400}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.big-stat>strong{font-size:140px;font-weight:500;letter-spacing:-9px;line-height:1}.big-stat>strong span{font-size:55px;color:var(--orange);vertical-align:top;display:inline-block;padding-top:12px;margin-left:20px}.big-stat h3{font-size:22px;font-weight:400;letter-spacing:-.7px}.big-stat p{font-size:13px;color:var(--muted);line-height:1.8}.bar{height:6px;display:flex;gap:4px;margin-bottom:25px}.bar span:first-child,.easy{background:#7b9473}.bar span:nth-child(2),.medium{background:#d6ae55}.bar span:nth-child(3),.hard{background:#ef7254}.stat-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.stat-row i{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:12px}.stat-row strong{font-weight:500}.minor-stats{display:flex;justify-content:space-between;margin:30px 0}.minor-stats div{display:flex;flex-direction:column;gap:6px}.minor-stats strong{font-size:27px;font-weight:500}.minor-stats span,.snapshot{font-size:9px;color:var(--muted)}.connect{background:var(--orange);padding-top:70px;padding-bottom:70px}.connect h2{font-size:clamp(55px,8.2vw,125px);letter-spacing:-5px;margin:48px 0 50px}.connect h2>span{font-size:.75em;margin-left:30px}.connect-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ae3d26;padding-top:28px}.connect-bottom p{font-size:13px;line-height:1.8}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:var(--ink);color:#f5f4eb;padding:19px 25px;font-size:12px;border-radius:2px;transition:background .2s}.cta:hover{background:#424736}footer{padding:38px 4.5%;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-family:monospace;font-size:9px;letter-spacing:.5px}dialog{border:0;background:var(--paper);color:var(--ink);padding:60px;max-width:680px;width:90%;max-height:85vh;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#151a17bd;backdrop-filter:blur(8px)}dialog h2{margin-top:25px}dialog p,dialog li{font-size:14px;line-height:1.8;color:#64685b}dialog h3{font-size:15px;margin-top:25px}dialog ul{padding-left:20px;margin-bottom:30px}dialog .close{position:absolute;right:20px;top:12px;font-size:30px;background:none;border:0}dialog .dialog-note{font-size:10px;margin-top:25px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media(min-width:1600px){main,header,footer{max-width:1550px;margin-left:auto;margin-right:auto}}@media(max-width:800px){header{height:76px}nav{gap:17px;font-size:11px}.contact-nav{font-size:11px}.contact-nav span{margin-left:8px}.hero{padding-top:40px}.eyebrow{font-size:8px;gap:7px}h1{font-size:13vw;margin:40px 0 27px}.hero-bottom{grid-template-columns:1fr 1fr;gap:15px}.hero-bottom p{font-size:12px}.round-link{justify-self:end}.role{display:none}.neural-stage{height:270px}.hero-foot{font-size:7px}.section{padding:70px 5%}.section-head{gap:25px;margin-bottom:40px;flex-direction:column}.section-head p{width:100%;font-size:44px}.project{grid-template-columns:1fr;gap:30px;margin-bottom:65px}.project-visual{height:350px}.project-info h2{font-size:38px}.project-info p{max-width:100%}.reverse .project-visual{order:0}.reverse .project-info{padding-left:0}.archive-row{grid-template-columns:30px 1fr 20px;gap:10px}.archive-row strong{font-size:13px}.archive-row small{display:none}.about-top{grid-template-columns:1fr;gap:35px}.about h2{font-size:85px}.principles{gap:25px;margin:45px 0}.principles h3{font-size:17px}.principles p{font-size:12px}.toolkit{grid-template-columns:1fr;gap:20px}.toolkit p{font-size:18px}.practice-grid{gap:40px;grid-template-columns:1fr}.big-stat>strong{font-size:120px}.connect h2{font-size:12vw;letter-spacing:-2px}.connect h2>span{margin-left:10px}.connect-bottom{align-items:start;gap:20px;flex-direction:column}footer>span:nth-child(3){display:none}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.route{stroke-dashoffset:0}.reveal{opacity:1;transform:none}}
/* Volume 02 — an editorial engineering playground */
.hero{position:relative;padding-top:44px}.hero-side{position:absolute;right:4.5%;top:46px;font:9px monospace;letter-spacing:1px;color:var(--muted)}.hero-title{position:relative;margin:45px 0 28px}.hero-kicker{font-size:17px;font-weight:600;display:flex;align-items:center;gap:30px;letter-spacing:-.5px}.hero-kicker span{font:8px monospace;letter-spacing:1px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}h1{font-size:clamp(66px,8.1vw,126px);line-height:1.02;letter-spacing:-.065em;margin:24px 0 0}.hero h1 .serif{font-size:1.08em}.hero-stamp{position:absolute;right:2%;top:5%;width:102px;height:102px;border:1px solid #b7b8ab;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:rotate(12deg);font:7px monospace;letter-spacing:1px}.hero-stamp b{font:40px 'DM Sans';color:var(--orange);line-height:1}.hero-bottom{margin-top:26px}.neural-stage{height:390px;border-radius:3px;background:radial-gradient(ellipse at 65% 40%,#343d29,#1b201a 70%)}.neural-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10180e40,transparent 30%,transparent 80%,#10180e30)}.visual-label{font-size:10px;z-index:1}.visual-index,#motion{z-index:1}.field-controls{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:14px 0}.field-controls>span{font:8px monospace;letter-spacing:1px;color:var(--muted);margin-right:auto}.field-controls button,.archive-filters button{background:transparent;border:1px solid transparent;padding:8px 13px;font-size:10px;border-radius:30px;transition:.2s}.field-controls button.active,.archive-filters button.active{background:var(--ink);color:var(--paper)}.field-controls button:hover,.archive-filters button:hover{border-color:var(--muted)}.section-head{position:relative}.work{padding-top:90px}.project-visual{border-radius:4px}.project-info h2{font-size:clamp(32px,3.8vw,58px);letter-spacing:-2.5px}.project-visual:focus-within{outline:2px solid var(--orange)}.work-note{padding:42px 0 58px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;align-items:center}.work-note>span{font:9px monospace;letter-spacing:1px;color:var(--muted)}.work-note p{font-size:35px;letter-spacing:-1.5px;margin:0;line-height:1.15}.work-note a{justify-self:end;font-size:12px}.archive-filters{display:flex;gap:5px;padding:20px 0 4px}.archive-row[hidden]{display:none}.lab{background:#e4e7db;border-top:1px solid #d3d8c9;border-bottom:1px solid #d3d8c9}.lab-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center}.lab-badge{font:8px monospace;letter-spacing:1px;display:inline-block;background:#d3dcc5;border:1px solid #b6c5a1;border-radius:20px;padding:7px 10px}.lab-copy h2{font-size:42px;margin:24px 0;line-height:1.12}.lab-copy>p{font-size:13px;line-height:1.8;color:#69715e;max-width:330px}.lab-copy .lab-disclaimer{font-size:10px;line-height:1.7;margin:20px 0 28px}.lab-copy label{font-size:11px;display:flex;justify-content:space-between;max-width:330px}.lab-copy output{font-family:monospace}input[type=range]{width:100%;max-width:330px;accent-color:var(--orange);margin:18px 0 25px;cursor:pointer}.lab-actions{display:flex;align-items:center;gap:25px}.lab-actions .cta{border:0;min-width:155px}.reset{border:0;background:none;font-size:11px}.lab-explanation{font-size:11px;max-width:330px;margin-top:26px;line-height:1.8}.lab-explanation summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.lab-explanation p{color:#69715e}.lab-console{background:#252b22;color:#e5eadb;border-radius:5px;padding:24px;box-shadow:0 25px 50px #303b2615;transform:rotate(-1deg)}.console-top{display:flex;justify-content:space-between;gap:15px;font:8px monospace;letter-spacing:.6px}.console-top i{display:inline-block;width:5px;height:5px;background:#b9cb89;border-radius:50%;margin-right:6px}.console-top>span:last-child{color:#b9cb89}#regression{width:100%;margin:22px 0 0;cursor:crosshair;overflow:visible;touch-action:manipulation}#regression text{font:8px monospace;fill:#9da98f;letter-spacing:1px}#fit-line{stroke:#ff714b;stroke-width:3;fill:none}.model-readouts{display:grid;grid-template-columns:1fr 1.4fr .8fr;border-top:1px solid #4c5543;padding-top:23px;gap:15px}.model-readouts div{display:flex;flex-direction:column;gap:11px}.model-readouts span{font:7px monospace;color:#a6b198;letter-spacing:.5px}.model-readouts strong{font:25px monospace;font-weight:400}.console-bottom{border-top:1px solid #4c5543;padding-top:16px;margin-top:22px;display:flex;justify-content:space-between;align-items:center;font:9px monospace;color:#b3bda7}.console-bottom button{font:9px monospace;color:#c5d79f;border:0;background:none;padding:8px 0}.section-dock{position:fixed;right:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;z-index:5;padding:10px 7px;background:#f1f0e9d9;border:1px solid #bdbfb148;backdrop-filter:blur(12px);border-radius:25px}.section-dock a{width:20px;height:20px;display:grid;place-items:center;font:8px monospace;border-radius:50%;color:#747c6a;transition:.2s}.section-dock a.active{background:var(--orange);color:#fff}.connect{position:relative;overflow:hidden}.connect:before{content:'∴';position:absolute;font-size:550px;line-height:1;right:-50px;top:-50px;color:#2c331015;pointer-events:none}.connect>*{position:relative}.about{background:radial-gradient(ellipse at 0 100%,#3b4630,#252820 65%)}.project-visual .art-top{position:relative;padding-bottom:10px;border-bottom:1px solid #77806930}.digit .art-top{border-color:#7e8b6c50}@media(min-width:1000px){.project-visual{height:460px}.project{gap:9%;margin-bottom:120px}.digit-art{gap:48px}.seven{font-size:190px}.ride svg{height:340px}.building-art{height:310px}.building-art i{width:66px}.building-art i:nth-child(4){height:240px}}@media(max-width:900px){.hero-stamp{display:none}.hero-side{display:none}.section-dock{display:none}.lab-layout{grid-template-columns:1fr;gap:40px}.lab-copy>p,.lab-copy .lab-disclaimer,.lab-copy label,input[type=range],.lab-explanation{max-width:none}.lab-console{transform:none}.work-note{grid-template-columns:1fr 2fr}.work-note a{grid-column:2;justify-self:start}}@media(max-width:600px){header nav a:last-child{display:none}header nav{gap:13px}.hero-kicker{font-size:13px;gap:15px}.hero-kicker span{font-size:6px;padding-left:12px}.hero-title{margin-top:30px}h1{font-size:10.6vw;letter-spacing:-.06em}.hero h1 .serif{font-size:1.08em}.neural-stage{height:310px}.hero-bottom{margin-top:15px}.field-controls{gap:0}.field-controls>span{font-size:6px;max-width:65px;line-height:1.6}.field-controls button{font-size:8px;padding:7px 10px}.hero-foot span:first-child{max-width:180px;line-height:1.6}.work-note{grid-template-columns:1fr;gap:20px}.work-note a{grid-column:auto}.lab-copy h2{font-size:37px}.lab-console{padding:17px}.model-readouts strong{font-size:21px}.console-top{font-size:6px}.model-readouts span{font-size:6px}.console-bottom{font-size:8px}.archive-filters button{font-size:9px;padding:8px 10px}.principles{grid-template-columns:1fr;gap:20px}.principles>div{display:grid;grid-template-columns:25px 1fr;align-items:baseline;gap:10px}.principles h3{margin:10px 0}.principles p{grid-column:2;margin:0;max-width:none}}
/* Volume 03 — larger type, stronger contrast, deliberate motion. */
body{font-size:17px}header{height:102px}nav{font-size:15px;font-weight:600;gap:30px}.contact-nav{font-size:15px;font-weight:600}.hero-kicker{font-size:28px;font-weight:700;letter-spacing:-1px}.hero-kicker span{font-size:10px;font-weight:500}.eyebrow{font-size:12px;font-weight:600}.hero-side{font-size:10px}h1{font-size:clamp(68px,8.4vw,136px);font-weight:700;letter-spacing:-.07em;line-height:1.03}.hero h1 .serif{font-weight:400}.hero-bottom{grid-template-columns:1.1fr .95fr .8fr .75fr;gap:20px;margin-top:35px}.hero-bottom p{font-size:17px;font-weight:500;line-height:1.7}.round-link{font-size:15px;font-weight:700;gap:17px}.circle{width:54px;height:54px}.hero-lab-link{font-size:14px;font-weight:700;justify-self:center;border-bottom:1px solid #9a9f90;padding:12px 0}.hero-lab-link span{margin-left:12px}.role{font-size:14px}.role strong{font-weight:700}.tiny{font-size:12px}.role .tiny{font-size:10px}.neural-stage{height:420px}.visual-label{font-size:12px}.visual-label small{font-size:10px}.visual-index{font-size:10px}.field-controls>span{font-size:10px}.field-controls button{font-size:12px;font-weight:600;padding:10px 18px}.hero-foot{font-size:10px}.section-head p{font-size:clamp(40px,4.6vw,72px);font-weight:600}.section-head em{font-weight:400}.project-info .tiny{font-size:11px;font-weight:600}.project-info h2{font-size:clamp(36px,4vw,62px);font-weight:700;line-height:1.05}.project-info p{font-size:17px;line-height:1.75;max-width:460px;color:#565c4f}.tags span{font-size:12px;padding:8px 13px;font-weight:500}.text-link{font-size:15px;font-weight:700;padding-bottom:12px}.art-top{font-size:10px;font-weight:600}.art-bottom{font-size:13px;font-weight:600}.archive-head h3{font-size:28px;font-weight:700}.archive-head a{font-size:14px;font-weight:600}.archive-row{padding:27px 0;grid-template-columns:50px 1fr 200px 30px}.archive-row strong{font-size:19px;font-weight:600}.archive-row small{font-size:12px}.archive-row>span:first-child{font-size:12px}.archive-filters button{font-size:13px;font-weight:600;padding:10px 18px}.work-note>span{font-size:11px}.work-note p{font-size:42px;font-weight:600}.work-note a{font-size:14px;font-weight:600}.about-top p{font-size:19px;line-height:1.85;color:#c9cfbf}.about h2{font-weight:700}.principles h3{font-size:27px;font-weight:600}.principles p{font-size:16px;max-width:310px}.toolkit p{font-size:24px;font-weight:500}.big-stat h3{font-size:27px;font-weight:600}.big-stat p{font-size:17px}.big-stat>strong{font-weight:700}.stat-row{font-size:17px;padding:18px 0}.stat-row strong{font-weight:700}.minor-stats strong{font-size:34px;font-weight:700}.minor-stats span,.snapshot{font-size:12px;line-height:1.6}.connect h2{font-weight:700}.connect-bottom p{font-size:17px;font-weight:500}.cta{font-size:15px;font-weight:700;padding:20px 27px;box-shadow:0 0 0 transparent;transition:transform .25s,box-shadow .25s,background .25s}.cta:hover{transform:translateY(-3px);box-shadow:0 10px 25px #1112}.cta:active{transform:translateY(0)}footer>span,footer>a:last-child{font-size:11px}dialog{max-width:760px;padding:65px}dialog h2{font-weight:700}dialog p,dialog li{font-size:17px;line-height:1.8}dialog h3{font-size:20px;font-weight:700}dialog .tiny{font-size:12px}dialog .dialog-note{font-size:12px}dialog[open]{animation:dialog-in .28s ease both}dialog::backdrop{animation:backdrop-in .25s ease both}@keyframes dialog-in{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}.project-visual{transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s}.project:hover .project-visual{transform:translateY(-7px);box-shadow:0 25px 55px #333412}.project-info{transition:transform .5s}.project:hover .project-info{transform:translateX(4px)}.hero-title{animation:hero-in .85s cubic-bezier(.22,1,.36,1) both}.hero-bottom{animation:hero-in .9s .1s both}.neural-stage{animation:hero-in 1s .18s both}@keyframes hero-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.reveal{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(40px)}.lab-tabs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:48px}.lab-tabs button{display:grid;grid-template-columns:30px 1fr;gap:8px 15px;text-align:left;background:transparent;padding:22px 24px;border:1px solid #b9c2ac;border-radius:5px;font:12px monospace;transition:.25s}.lab-tabs button strong{font:700 20px 'DM Sans',sans-serif}.lab-tabs button span{grid-column:2;font:13px 'DM Sans',sans-serif;color:#69715e}.lab-tabs button[aria-selected=true]{background:#252b22;color:#e9efdf;border-color:#252b22;box-shadow:0 12px 28px #27321c12}.lab-tabs button[aria-selected=true] span{color:#b7c4a7}.lab-tabs button:hover{transform:translateY(-2px)}[role=tabpanel][hidden]{display:none}[role=tabpanel]:not([hidden]){animation:panel-in .4s ease both}@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.lab-layout{grid-template-columns:.85fr 1.15fr;gap:6%;align-items:center}.lab-copy h2{font-size:45px;font-weight:700;letter-spacing:-2px}.lab-copy>p{font-size:17px;max-width:none}.lab-copy .lab-disclaimer{font-size:12px;max-width:none}.lab-badge{font-size:10px}.lab-copy label{font-size:14px;font-weight:600;max-width:none}.lab-copy input{max-width:none}.lab-copy select{display:block;width:100%;font:500 15px 'DM Sans',sans-serif;padding:12px 15px;border:1px solid #a9b59c;border-radius:3px;color:#263020;background:#edf0e6;margin:12px 0 25px}.lab-actions{gap:18px;flex-wrap:wrap}.reset{font-size:13px;font-weight:600}.lab-explanation{font-size:14px;max-width:none}.console-top{font-size:10px;line-height:1.5}.model-readouts span{font-size:9px;line-height:1.5}.model-readouts strong{font-size:28px}.console-bottom,.console-bottom button{font-size:11px}.lab-console{transform:none;box-shadow:0 25px 60px #26301a20;border:1px solid #4b5540;padding:28px}.loss-trace{display:flex;gap:15px;align-items:center;margin:0 0 20px}.loss-trace>span{font:8px monospace;color:#a6b198;max-width:55px;line-height:1.6}.loss-trace svg{width:calc(100% - 65px);height:55px;border-bottom:1px solid #4c5543}#loss-history{fill:none;stroke:#d0e6a4;stroke-width:2;vector-effect:non-scaling-stroke}#forward-network{width:100%;margin:35px 0 25px;overflow:visible}.nn-lines path{fill:none;stroke:#8ca36a;stroke-width:1.5;opacity:.65}.nn-node circle{fill:#2e3927;stroke:#a6c37d;stroke-width:1.5;transition:fill .3s,filter .3s}.nn-node text{fill:#e8f1da;font:14px monospace;text-anchor:middle}.output-node circle{fill:#643b25;stroke:#ff8c5f;stroke-width:2}.layer-label{fill:#a1b58c;font:9px monospace;text-anchor:middle;letter-spacing:1px}.activation-result{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;border-top:1px solid #4c5543;padding-top:24px}.activation-result>div:first-child{display:flex;flex-direction:column;gap:12px}.activation-result span{font:9px monospace;color:#b2c19f}.activation-result strong{font-size:38px;font-weight:700;letter-spacing:-1px}.activation-track{height:8px;background:#45513b;border-radius:5px;overflow:hidden}.activation-track i{display:block;height:100%;background:#ff8050;transition:width .2s}.weight-details{font-size:13px;margin-top:25px;color:#c5d5b3;line-height:1.8}.weight-details summary{cursor:pointer}.weight-details p{font-family:monospace;font-size:12px}.tracing .nn-lines path{stroke:#ff9469;stroke-dasharray:12 15;animation:signal-flow .7s linear 3}.tracing .hidden-node circle{animation:node-pulse .7s .2s 3}.tracing .output-node circle{animation:node-pulse .7s .45s 3}@keyframes signal-flow{to{stroke-dashoffset:-54}}@keyframes node-pulse{50%{fill:#62754c;filter:drop-shadow(0 0 7px #c4e794)}}select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.section-dock{right:10px}.section-dock a{width:24px;height:24px;font-size:10px}@media(max-width:1100px){.hero-bottom{grid-template-columns:1fr 1fr 1fr}.role{display:none}.lab-layout{grid-template-columns:1fr;gap:40px}.lab-console{max-width:800px;width:100%;margin:auto}}@media(max-width:800px){header{height:85px}nav{font-size:12px;gap:15px}.contact-nav{font-size:12px}.hero-kicker{font-size:23px}.eyebrow{font-size:9px}.hero-bottom p{font-size:15px}.hero-bottom{grid-template-columns:1fr 1fr;gap:14px}.hero-lab-link{justify-self:start}.round-link{font-size:13px}.neural-stage{height:340px}.section-head p{font-size:46px}.project-info p{font-size:17px}.project-info h2{font-size:43px}.archive-row{grid-template-columns:30px 1fr 20px}.archive-row strong{font-size:17px}.about-top p{font-size:18px}.work-note p{font-size:36px}.lab-tabs button{padding:18px 15px;gap:6px}.lab-tabs button strong{font-size:16px}.lab-tabs button span{font-size:11px}.connect-bottom p{font-size:16px}.visual-label small{font-size:8px}.visual-index{font-size:8px}.field-controls>span{font-size:8px}.field-controls button{font-size:11px;padding:9px 12px}.hero-foot{font-size:8px}.archive-filters button{font-size:12px;padding:10px 12px}.lab-copy h2{font-size:40px}.lab-console{padding:21px}.console-top{font-size:8px}.model-readouts span{font-size:8px}.model-readouts strong{font-size:24px}dialog{padding:45px 28px}}@media(max-width:480px){header nav{gap:12px}header nav a:first-child sup{display:none}.contact-nav{font-size:11px}.hero h1{font-size:10.7vw}.hero-kicker span{font-size:7px}.eyebrow{font-size:8px}.hero-bottom p{font-size:14px}.hero-bottom .round-link{gap:10px}.circle{width:42px;height:42px}.lab-tabs{gap:10px}.lab-tabs button{grid-template-columns:1fr;gap:7px}.lab-tabs button span{grid-column:1}.lab-tabs button strong{font-size:15px}.console-bottom{flex-wrap:wrap;gap:12px}.model-readouts{gap:10px}.archive-head{gap:15px}.archive-head h3{font-size:23px}.archive-head a{font-size:12px}.section-head p{font-size:40px}.hero-foot span:last-child{text-align:right}.connect h2{font-size:12vw}.field-controls>span{max-width:65px}.field-controls button{font-size:10px;padding:9px}.visual-label{font-size:10px}.art-top{font-size:8px}footer>span,footer>a:last-child{font-size:9px}.lab-actions{gap:14px}.lab-actions .cta{font-size:14px;padding:17px 20px}.reset{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
