:root{--orange:#ff5a00;--black:#000;--white:#fff;--sans:'Space Grotesk',sans-serif;--display:'Barlow Condensed',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:#000;color:#fff;font-family:var(--sans);font-size:15px}::selection{background:var(--orange);color:#000}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.mono{font-family:var(--mono);font-size:10px;letter-spacing:.045em;line-height:1.6}header{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;background:#000;position:relative;z-index:20}.brand{display:flex;gap:18px;align-items:center}.logo{font-family:var(--sans);font-size:52px;font-weight:700;letter-spacing:-.04em;line-height:1}.logo-dot{color:var(--orange)}.brand-full{font:9px/1.4 var(--mono);letter-spacing:.04em}nav{display:flex;gap:30px}header nav a{font-size:12px;color:#c4c4c4;transition:color .2s}nav a:hover{color:var(--orange)}.button{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;padding:18px 23px;background:var(--orange);color:#000;border:1px solid var(--orange);font-size:12px;font-weight:600;transition:background .2s,color .2s}.button:hover{background:#fff;color:#000}.button span{font-size:20px;line-height:1}.menu-toggle{display:none}.hero{padding:30px 4% 0;overflow:hidden}.hero-top,.hero-foot{display:flex;justify-content:space-between;color:#aaa}.status{display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:9px;vertical-align:middle}.hero-content{display:grid;grid-template-columns:1.2fr 1fr;position:relative;padding:40px 0 42px}.hero-copy{position:relative;z-index:2}h1,h2,h3,p{margin:0}h1{font-family:var(--display);font-size:clamp(66px,6.8vw,112px);font-weight:700;line-height:.91;letter-spacing:-.025em}h1 .outline{-webkit-text-stroke:1px #aaa;color:transparent;}h1 em{font-style:normal;color:var(--orange);white-space:nowrap}.hero-bottom{display:flex;align-items:end;gap:35px;margin-top:32px}.hero-bottom p{font-size:12px;line-height:1.8;color:#aaa;max-width:290px}.text-link{display:inline-flex;justify-content:space-between;gap:28px;align-items:center;font:10px var(--mono);border-bottom:1px solid currentColor;padding:12px 0;white-space:nowrap}.text-link span{font-size:20px}.text-link:hover{color:var(--orange)}.hero-art{position:relative;align-self:center;margin-left:-10%;height:490px;border:1px solid #272727;background:#080808}.art-meta,.art-bottom{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;color:#888;font-size:8px;z-index:1}.art-meta{top:15px}.art-bottom{bottom:15px}.processor{width:100%;height:100%;}.hero-foot{border-top:1px solid #333;padding:19px 0 35px;font-size:9px}.hero-foot a{color:#fff}.hero-foot a span{margin-left:28px;color:var(--orange)}.section{padding:75px 6% 90px}.light{background:#fff;color:#000}.dark{background:#000;color:#fff}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;padding-bottom:18px;margin-bottom:50px}.dark .section-label{border-color:#333;color:#aaa}h2{font-family:var(--display);font-size:clamp(48px,5.9vw,88px);line-height:.98;font-weight:600;letter-spacing:-.02em}h2 span{color:var(--orange)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-copy{padding-top:0}.cross-symbol{color:var(--orange);font-size:65px;line-height:1;margin-bottom:25px}.about-copy .lead{font-size:24px;line-height:1.35;color:#000;margin-bottom:22px}.about-copy p{color:#555;line-height:1.8;margin-bottom:20px;max-width:450px;font-size:14px}.about-copy .text-link{margin-top:6px}.principles{display:flex;justify-content:space-between;border-top:1px solid #ccc;margin-top:55px;padding-top:22px}.principles span:before{content:'+';color:var(--orange);margin-right:12px}.services{padding-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}.section-heading p{font-size:12px;line-height:1.7;color:#666;padding-bottom:4px}.dark .section-heading p{color:#aaa}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bbb;border-left:1px solid #bbb}.service{border-right:1px solid #bbb;border-bottom:1px solid #bbb;padding:28px;min-height:270px;transition:background .25s;position:relative}.service:hover{background:#f4f4f4}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.service-number{font:42px var(--display);color:#aaa;transition:color .2s}.service:hover .service-number{color:var(--orange)}.service svg{width:34px;height:34px;stroke:var(--orange);fill:none;stroke-width:1.5}.service h3{font-size:20px;font-weight:500;margin-bottom:16px;max-width:230px}.service p{font-size:12px;line-height:1.8;color:#555;max-width:290px}.pixel-transition{background:#fff;position:relative;overflow:hidden;line-height:0}.pixel-transition svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}.pixel-static{animation:pixel-static var(--static-duration) steps(1,end) infinite;animation-delay:var(--static-delay);animation-play-state:paused}.pixel-transition.is-active .pixel-static{animation-play-state:running}.pixels-paused .pixel-static,.page-hidden .pixel-static{animation-play-state:paused!important}@keyframes pixel-static{0%,100%{fill:var(--static-0)}25%{fill:var(--static-1)}50%{fill:var(--static-2)}75%{fill:var(--static-3)}}#pixel-motion{background:none;color:#aaa;border:0;border-bottom:1px solid #555;padding:8px 0;font:8px var(--mono);letter-spacing:.04em}#pixel-motion:hover{color:var(--orange)}.projects{padding-top:55px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project{color:inherit;text-align:left;background:none;border:0;padding:0}.project-visual{height:310px;position:relative;overflow:hidden;transition:transform .3s}.project:hover .project-visual{transform:translateY(-5px)}.terminal-visual{background:#161616;border:1px solid #444}.window-bar{border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:16px 20px;color:#aaa}.terminal-text{padding:28px;color:#a5a5a5;font-size:11px;line-height:1.9}.terminal-text>span,.terminal-text b{color:var(--orange)}.terminal-text b{font-weight:400}.terminal-text i{font-style:normal;animation:blink 1.4s step-end infinite}.visual-stamp{position:absolute;right:15px;bottom:-20px;font:150px var(--display);color:#292929}.board-visual{background:var(--orange);display:flex;align-items:center;justify-content:center}.board-visual svg{width:95%;height:95%}.board-caption{position:absolute;bottom:15px;left:20px;color:#000;font-size:9px}.project-meta{display:flex;justify-content:space-between;color:#aaa;font-size:8px;margin-top:22px}.project h3{font-size:26px;font-weight:500;margin:12px 0}.project p{font-size:12px;color:#aaa;line-height:1.8;max-width:400px}.philosophy{background:var(--orange);color:#000;padding-top:40px}.philosophy .section-label{border-color:#ad3c00}.philosophy h2{font-size:clamp(58px,8.7vw,132px);line-height:.95}.philosophy h2 span{color:#fff}.philosophy-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:40px}.asterisk{font-size:120px;line-height:1}.philosophy-bottom p{font-size:14px;line-height:1.8;max-width:410px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact h2{font-size:clamp(48px,5vw,76px)}.contact-intro{max-width:330px;font-size:14px;line-height:1.8;margin-top:28px}.contact-note{margin-top:45px;color:#666;font-size:8px;line-height:2}.contact-note span{font-size:14px;color:#000}.socials{display:flex;gap:25px;margin-top:23px}label{display:block;font-size:12px;margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}input,textarea,select{border:0;border-bottom:1px solid #aaa;border-radius:0;background:none;color:#000;width:100%;padding:15px 0;resize:vertical;font-size:13px;outline-offset:3px}input::placeholder,textarea::placeholder{color:#777}select{height:48px}.submit{width:100%;margin-top:2px}.form-note{font-size:10px;color:#666;line-height:1.6;margin-top:14px}#form-result{background:#f2f2f2;padding:20px;margin-top:20px;font-size:12px;line-height:1.6}#message-output{height:180px}.contact .text-link{background:none;border:0;border-bottom:1px solid #000}#copy-status{font-size:10px;display:block;margin-top:10px}footer{padding:48px 4% 20px}.footer-top{display:flex;align-items:center;gap:35px;padding-bottom:40px}.footer-top .logo{font-size:80px}.footer-top p{font:10px/1.8 var(--mono)}.footer-top p span{color:#888}.footer-top .text-link{margin-left:auto}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #333;padding-top:22px;color:#999;font-size:8px}.footer-bottom nav{gap:20px}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--orange);color:#000;z-index:100}.skip:focus{top:10px}dialog{background:#fff;color:#000;border:0;padding:45px;max-width:580px;width:90%}dialog::backdrop{background:#000b}dialog h2{font-size:55px;margin:25px 0}dialog p{line-height:1.8;margin-bottom:30px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px}dialog .mono{font-size:9px;color:#666}@keyframes blink{50%{opacity:0}}@media(min-width:1500px){body{max-width:1800px;margin:auto}.hero-content{padding-top:60px}.hero-art{height:590px}}@media(max-width:1000px){header nav{gap:18px}.brand-full{display:none}.hero-content{grid-template-columns:1.15fr 1fr}h1{font-size:8vw}.hero-art{height:410px;margin-left:-25%}.hero-bottom{display:block}.hero-bottom .text-link{margin-top:10px}.hero-top>span:last-child{display:none}.service{padding:22px}.service h3{font-size:18px}.section-heading p{max-width:190px}.footer-bottom{flex-wrap:wrap}.project-visual{height:270px}.terminal-text{font-size:9px;padding:22px 16px}}@media(max-width:700px){html{scroll-padding-top:20px}header{height:78px;padding:0 6%}.logo{font-size:43px}.nav-cta{padding:12px 14px;gap:20px;font-size:11px}.menu-toggle{display:flex;align-items:center;gap:16px;color:#fff;border:0;background:none;font-size:12px;margin-left:auto;margin-right:23px}.menu-toggle span{font-size:22px}header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#000;padding:25px 6%;border-bottom:1px solid #555;gap:20px}header nav.open{display:flex;flex-direction:column}header nav a{font-size:20px}.hero{padding:25px 6% 0}.hero-top{font-size:8px}.hero-content{display:block;padding-top:35px}h1{font-size:14.4vw;line-height:.94}.hero-bottom{display:flex;gap:20px;align-items:end;margin-top:25px}.hero-bottom p{font-size:11px;max-width:220px}.hero-bottom .text-link{font-size:8px;gap:10px}.hero-art{margin:35px 0 0;height:340px}.hero-foot{font-size:7px;gap:20px;line-height:1.8}.hero-foot a span{margin-left:10px}.section{padding:45px 6% 55px}.section-label{font-size:8px;margin-bottom:32px;gap:20px}.section-label>span:last-child{max-width:140px;text-align:right}.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}h2{font-size:54px}.about-copy{display:block}.cross-symbol{font-size:50px}.about-copy .lead{font-size:23px}.principles{gap:15px;font-size:7px;line-height:1.8}.principles span:before{display:block}.section-heading{display:block}.section-heading p{margin-top:22px;max-width:none}.service-grid{grid-template-columns:1fr 1fr}.service{min-height:280px;padding:20px 16px}.service h3{font-size:18px}.service p{font-size:11px}.service-top{margin-bottom:24px}.service-number{font-size:36px}.service svg{width:28px}.project-grid{grid-template-columns:1fr;gap:40px}.project-visual{height:280px}.terminal-text{font-size:10px}.philosophy h2{font-size:12vw}.philosophy-bottom{gap:30px;align-items:start}.asterisk{font-size:75px}.philosophy-bottom p{font-size:12px;max-width:260px}.contact h2{font-size:14vw}.contact-note{margin-top:25px}.contact form{margin-top:10px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top .logo{font-size:65px}.footer-top p{font-size:8px}.footer-top .text-link{margin-left:0}.footer-bottom{display:flex;flex-direction:column;gap:20px;font-size:8px}.footer-bottom nav{flex-wrap:wrap}.form-row{gap:18px}dialog{padding:35px 25px}dialog h2{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Supporting motion uses a shared, quick deceleration; the scroll diagram leads. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
header nav a{position:relative;padding-block:8px}
header nav a::after{content:'';height:1px;background:var(--orange);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--motion-ease)}
header nav a:hover::after,header nav a:focus-visible::after{transform:scaleX(1)}
.button span,.text-link span{display:inline-block;transition:transform 220ms var(--motion-ease)}
.button:hover span,.button:focus-visible span,.text-link:hover span,.text-link:focus-visible span{transform:translate(3px,-3px)}
.button:active{transform:translateY(1px)}
.service{isolation:isolate;overflow:hidden;transition:background 250ms var(--motion-ease)}
.service::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform 350ms var(--motion-ease)}
.service:hover::after,.service:focus-visible::after{transform:scaleX(1)}
.service:focus-visible{outline:2px solid var(--orange);outline-offset:-3px;background:#f4f4f4}
.service h3{transition:transform 300ms var(--motion-ease)}
.service:hover h3,.service:focus-visible h3{transform:translateX(4px)}
.project-visual svg{transition:transform 550ms var(--motion-ease)}
.project:hover .board-visual svg,.project:focus-visible .board-visual svg{transform:scale(1.055)}
.project h3{transition:color 200ms}
.project:hover h3,.project:focus-visible h3{color:var(--orange)}
.project:focus-visible .project-visual{transform:translateY(-5px)}
label{position:relative}
label::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform 250ms var(--motion-ease);pointer-events:none}
label:focus-within::after{transform:scaleX(1)}
dialog[open]{animation:dialog-arrive 280ms var(--motion-ease)}
dialog[open]::backdrop{animation:backdrop-arrive 200ms ease-out}
#form-result:not([hidden]){animation:result-arrive 300ms var(--motion-ease)}
@keyframes dialog-arrive{from{opacity:.35;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
@keyframes result-arrive{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@media(max-width:700px){header nav.open{animation:menu-arrive 250ms var(--motion-ease)}@keyframes menu-arrive{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}}
.pixels-paused *, .page-hidden *{animation-play-state:paused!important}
.pixels-paused .button span,.pixels-paused .text-link span,.pixels-paused .service h3,.pixels-paused .project-visual,.pixels-paused .project-visual svg{transform:none!important}
.pixels-paused *, .pixels-paused *::before,.pixels-paused *::after{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.button:hover span,.text-link:hover span,.service:hover h3,.service:focus-visible h3,.project:hover .project-visual,.project:focus-visible .project-visual,.project:hover .board-visual svg,.project:focus-visible .board-visual svg{transform:none}header nav a,.button,.project h3{transition:color 120ms,background-color 120ms!important}}

/* Mathematical field studies, adapted to UHC's three-color visual system. */
.lab-figure{margin:0;position:relative;background:#000;overflow:hidden;line-height:0}
.lab-figure img{display:block;width:100%;height:auto}
.lab-torus{margin-top:38px;max-width:510px}
.lab-torus figcaption{display:flex;justify-content:space-between;gap:15px;color:#aaa;border-top:1px solid #333;padding:13px 17px;font-size:8px;line-height:1.6}
.scope-signal{position:absolute;left:50%;top:43%;width:8px;height:8px;background:var(--orange);transform:translate(-50%,-50%) rotate(45deg)}
.scope-aside{flex:0 0 235px}
.scope-aside p{padding-top:15px}
.lab-small{width:235px}
.services .lab-small{background:#000}
.lab-sphere{width:260px;flex-shrink:0;background:transparent}
.lab-sphere img{filter:brightness(0)}
@media(max-width:1000px){.scope-aside{flex-basis:185px}.lab-small{width:185px}.lab-torus figcaption{font-size:7px}.lab-sphere{width:210px}}
@media(max-width:700px){.lab-torus{margin-top:28px;max-width:440px}.scope-aside{display:flex;align-items:center;gap:20px;margin-top:22px}.lab-small{width:145px;flex-shrink:0}.scope-aside p{margin:0;padding:0;font-size:11px}.lab-sphere{width:135px;margin-left:-16px}.philosophy-bottom{gap:15px}.lab-torus figcaption{font-size:7px}}

/* Wireframe studies inherit their host surface; ink follows section contrast. */
.lab-figure,.services .lab-small{background:transparent}
.lab-torus figcaption{color:#555;border-color:#ccc}
.lab-sphere img{filter:none}

/* Workbench heading: aligned top edges, with context attached to its title. */
.projects .project-heading{display:grid;grid-template-columns:minmax(0,1fr) 235px;align-items:start;gap:36px;margin-bottom:42px}
.project-intro h2{font-size:clamp(48px,6vw,88px)}
.projects .project-intro p{max-width:46ch;margin-top:22px;padding:0;line-height:1.8}
.projects .project-heading .lab-small{width:100%;margin-top:0}
@media(max-width:1000px) and (min-width:701px){.projects .project-heading{grid-template-columns:minmax(0,1fr) 185px;gap:26px}}
@media(max-width:700px){.projects .project-heading{grid-template-columns:minmax(0,1fr) 120px;gap:22px 20px}.project-intro{display:contents}.project-intro h2{grid-column:1/-1;font-size:clamp(38px,11.5vw,64px)}.projects .project-intro p{grid-column:1;margin:0;max-width:none;font-size:11px}.projects .project-heading .lab-small{grid-column:2;align-self:start}}

/* Research extends the homepage's editorial lab language. */
header nav a[aria-current="page"]{color:var(--orange)}
.research-hero{padding:30px 4% 0;overflow:hidden}
.research-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:5%;align-items:center;padding:70px 0 60px}
.research-hero h1{font-size:clamp(64px,8vw,120px)}
.research-deck{font-size:25px;line-height:1.4;margin-top:30px}
.research-summary{max-width:47ch;color:#aaa;line-height:1.8;margin:20px 0}
.research-diagram{margin:0;border-top:1px solid #333;border-bottom:1px solid #333}
.research-diagram svg{display:block;width:100%;height:auto}
.research-diagram figcaption{padding:18px 0;color:#aaa;font-size:9px}
.research-archive-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end}
.research-archive-heading p{max-width:43ch;line-height:1.8;color:#555}
.research-empty{border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:40px 0;margin-top:48px}
.research-empty>.mono{color:#555}
.research-empty h3{font-size:26px;font-weight:500;margin:20px 0 12px}
.research-empty p{color:#555;line-height:1.8;max-width:60ch;margin-bottom:14px}
.research-fields{padding-top:0}
.research-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;border-top:1px solid #bbb}
.research-topics article{padding:26px 28px 0 0}
.research-topics article+article{border-left:1px solid #bbb;padding-left:28px}
.research-topics .mono{color:#555}
.research-topics h3{font-size:22px;font-weight:500;margin:20px 0 14px}
.research-topics p{font-size:14px;line-height:1.8;color:#555;max-width:35ch}
.research-contact{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end}
.research-contact p{line-height:1.8;color:#aaa;max-width:37ch;margin-bottom:24px}
@media(max-width:1000px){header nav{gap:18px}.research-hero h1{font-size:clamp(60px,8.4vw,90px)}}
@media(max-width:700px){.research-hero-grid{grid-template-columns:1fr;padding:40px 0 30px;gap:35px}.research-hero h1{font-size:clamp(55px,13vw,90px)}.research-deck{font-size:22px}.research-diagram{max-width:440px;width:100%}.research-archive-heading,.research-contact{grid-template-columns:1fr;gap:25px}.research-archive-heading h2,.research-fields h2,.research-contact h2{font-size:clamp(42px,10.7vw,64px)}.research-topics{grid-template-columns:1fr}.research-topics article,.research-topics article+article{padding:26px 0;border-left:0;border-bottom:1px solid #bbb}.research-empty h3{font-size:23px}.research-hero .hero-foot{gap:20px;flex-wrap:wrap}}

.research-page .mono,.research-page .text-link,.research-page .hero-foot,.research-page .research-diagram figcaption,.research-page .footer-bottom,.research-page #pixel-motion{font-size:11px}
.research-page .brand-full{font-size:10px}

/* Finishing pass: legible lab notes, deliberate feedback, and useful navigation. */
:root{--ink-muted:#595959;--ink-dark-muted:#b3b3b3;--motion-fast:180ms}
html{scroll-padding-top:112px;scrollbar-color:#777 #141414}
header{position:sticky;top:0}
header nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
header nav a[aria-current]{color:#fff}
header nav a[aria-current]::after{transform:scaleX(1)}
.menu-toggle{min-height:44px}
.menu-toggle span{transition:transform 220ms var(--motion-ease)}
.menu-toggle[aria-expanded="true"] span{transform:rotate(45deg)}
.mono,.section-label,.hero-foot,.project-meta,.footer-bottom,#pixel-motion{font-size:11px}
.hero-top{font-size:10px}
.hero-bottom p,.project p,.service p,.section-heading p{font-size:14px;line-height:1.8}
.hero-bottom{flex-wrap:wrap;gap:12px 30px}
.hero-bottom p{max-width:34ch}
.hero-bottom .text-link{font-size:11px}
.hero-art{border-color:#444}
.art-meta,.art-bottom{font-size:10px;color:var(--ink-dark-muted);gap:12px}
.art-bottom{align-items:center}
.art-meta>span:last-child{flex-shrink:0}
.assembly-track{flex:1;height:2px;background:#444;max-width:100px}
.assembly-track>span{display:block;height:100%;background:var(--orange);transform:scaleX(var(--assembly-progress,0));transform-origin:left}
#assembly-value{font-variant-numeric:tabular-nums}
.about-copy p,.contact-intro,.philosophy-bottom p{font-size:16px}
.about-copy .lead{font-size:clamp(24px,2.2vw,32px);max-width:25ch}
.lab-torus figcaption{font-size:10px;padding-inline:0}
.service{display:flex;flex-direction:column;min-height:320px}
.service p{max-width:34ch}
.service h3{max-width:100%;line-height:1.3}
.service:focus-within{background:#f4f4f4}
.service:focus-within::after{transform:scaleX(1)}
.service:focus-within .service-number{color:var(--orange)}
.service-link{display:flex;justify-content:space-between;align-items:center;gap:16px;font:11px var(--mono);margin-top:auto;padding-top:24px;min-height:44px}
.service-link span{font-size:22px;transition:transform 220ms var(--motion-ease)}
.service-link:hover span,.service-link:focus-visible span{transform:translate(3px,-3px)}
.service-link:hover{text-decoration:underline;text-underline-offset:5px}
.service-number{color:#767676}
.project-meta{gap:16px;line-height:1.6}
.project-meta>span:last-child{text-align:right;color:#fff}
.project h3{font-size:clamp(24px,2.3vw,32px)}
.project p{max-width:42ch}
.project-visual{transition:transform 300ms var(--motion-ease),border-color 180ms}
.project:hover .project-visual,.project:focus-visible .project-visual{transform:none}
.project:hover .terminal-visual,.project:focus-visible .terminal-visual{border-color:var(--orange)}
.terminal-text{font-size:12px}
.terminal-text i{animation-play-state:paused}
.terminal-visual.is-active .terminal-text i{animation-play-state:running}
.contact-note{font-size:11px}
.contact-note a{display:inline-block;max-width:100%;padding-block:8px;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:5px}
.contact-note span{font-size:14px}
.socials a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid #aaa}
.socials a:hover{border-color:#000}
label{font-size:14px;line-height:1.6}
input,textarea,select{font-size:16px;min-height:48px;caret-color:var(--orange)}
input::placeholder,textarea::placeholder{color:var(--ink-muted)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #000;outline-offset:4px}
input:user-invalid,textarea:user-invalid,select:user-invalid{border-bottom-color:#b23400}
.form-note{font-size:12px;color:var(--ink-muted);max-width:58ch}
#form-result{border-top:2px solid var(--orange);background:#f4f4f4;padding:24px;font-size:14px;scroll-margin-top:120px}
#form-result .result-heading{font-size:22px;font-weight:600;line-height:1.3;margin-bottom:8px}
#message-output{font:13px/1.7 var(--mono);min-height:200px;margin-top:14px}
.message-actions{display:flex;gap:14px 26px;flex-wrap:wrap;margin-top:14px}
.message-actions .text-link{font-size:11px;min-height:44px}
#copy-status{font-size:12px;line-height:1.6}
.footer-bottom{align-items:center;flex-wrap:wrap;line-height:1.8}
.footer-bottom nav{gap:20px;flex-wrap:wrap}
.footer-bottom nav a,#pixel-motion{display:inline-flex;align-items:center;min-height:44px}
.footer-top p{font-size:11px}
.dialog-close{min-width:44px;min-height:44px;right:10px;top:10px}
dialog{max-height:calc(100dvh - 48px);overflow-y:auto}
dialog h2{padding-right:15px}
dialog .mono{font-size:11px}
body:has(dialog[open]){overflow:hidden}
.philosophy ::selection{background:#000;color:#fff}
.light .text-link:hover{color:#a83b00}
.light a:focus-visible,.light button:focus-visible{outline-color:#000}
.pixels-paused{scroll-behavior:auto}
html:has(.pixels-paused){scroll-behavior:auto}
@media(min-width:701px) and (max-width:1000px){
  header{padding-inline:3%;gap:20px}
  header nav{gap:14px}
  .nav-cta{gap:15px;padding-inline:16px}
  .hero-art{margin-left:-15%}
  .project-meta{font-size:10px;flex-direction:column;gap:4px}
  .project-meta>span:last-child{text-align:left}
  .terminal-text{font-size:10px}
}
@media(max-width:700px){
  html{scroll-padding-top:96px}
  header{gap:12px}
  .menu-toggle{margin-right:0;gap:10px}
  .nav-cta{margin-left:4px;padding:12px;gap:14px}
  header nav{max-height:calc(100dvh - 78px);overflow-y:auto;padding:16px 6%;gap:0}
  header nav a{font-family:var(--display);font-size:30px;padding-block:12px;border-bottom:1px solid #292929}
  .hero-top{font-size:9px}
  .hero-bottom{display:block;margin-top:26px}
  .hero-bottom p{font-size:14px;max-width:36ch}
  .hero-bottom .text-link{font-size:11px;margin-top:14px;gap:28px}
  .hero-art{height:330px;margin-top:30px}
  .art-meta,.art-bottom{font-size:8px;left:12px;right:12px;gap:8px}
  .hero-foot{font-size:9px;flex-wrap:wrap;gap:14px}
  .section-label{font-size:10px;gap:20px}
  .section-label>span:last-child{max-width:45%}
  .about-copy .lead{font-size:26px}
  .principles{font-size:9px;gap:18px}
  .lab-torus figcaption{font-size:8px}
  .section-heading p,.scope-aside p,.projects .project-intro p{font-size:13px}
  .service{padding:24px 20px;min-height:330px}
  .service p{font-size:14px}
  .project-meta{font-size:10px}
  .terminal-text{font-size:11px;padding:24px 18px}
  .philosophy-bottom{align-items:center}
  .philosophy-bottom p{font-size:14px}
  .contact-note{font-size:10px}
  .contact-note span{font-size:13px}
  .form-row{grid-template-columns:1fr;gap:0}
  .footer-top p{font-size:10px}
  .footer-bottom{align-items:flex-start;gap:12px;font-size:10px}
  #pixel-motion{font-size:11px}
  .research-hero{padding-inline:6%}
  #form-result{padding:20px}
}
@media(max-width:480px){
  .service-grid{grid-template-columns:1fr}
  .service{min-height:0;padding:24px}
  .service-top{margin-bottom:18px}
  .service h3{font-size:23px;max-width:25ch}
  .service p{max-width:38ch}
  .service-link{padding-top:20px}
  .philosophy-bottom{display:block}
  .lab-sphere{width:160px;margin:0 0 20px}
  .philosophy-bottom p{max-width:38ch}
  .about h2,.services h2{font-size:clamp(42px,12.5vw,58px)}
  .project-meta{flex-direction:column;gap:4px}
  .project-meta>span:last-child{text-align:left}
}
@media(prefers-reduced-motion:reduce){.service-link:hover span,.service-link:focus-visible span{transform:none}}
.pixels-paused .service-link span{transform:none!important}

/* Small labels remain readable; display scale and specimen crops are intentional. */
.text-link,.art-meta,.art-bottom,.hero-top,.hero-foot,.section-label,.principles,.lab-torus figcaption,.project-meta,.contact-note,.footer-bottom,.footer-top p,.brand-full{font-size:11px}
.art-meta,.art-bottom{flex-wrap:nowrap}
.art-bottom>span:not(.assembly-track){white-space:nowrap}
.art-meta>span:first-child{min-width:0}
.assembly-track{min-width:16px}
.nav-cta{white-space:nowrap;flex-shrink:0}
@media(max-width:700px){
  .hero-top{font-size:11px}
  .hero-foot{flex-direction:column;align-items:flex-start}
  .hero-foot a{min-height:44px;display:flex;align-items:center}
  .lab-torus figcaption{flex-wrap:wrap;gap:5px 16px}
  .principles{flex-wrap:wrap;gap:16px 24px}
  .principles span:before{display:inline}
  .art-meta,.art-bottom{font-size:11px}
}
@media(max-width:360px){
  header{gap:8px}
  header .logo{font-size:38px}
  .menu-toggle{font-size:11px;gap:8px}
  .nav-cta{padding-inline:10px;gap:8px}
}