/* Cool graphite, paper-white type and signal blue. */
:root{--bg:#101318;--fg:#edf0f4;--muted:#9aa5b5;--line:#303742;--amber:#70bfff;--accent:#70bfff;--pad:clamp(22px,4.8vw,84px)}
html{scroll-padding-top:85px}body{overflow-x:hidden}em{font-family:inherit;font-style:normal}.header{height:86px;position:relative;z-index:5}.wordmark{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-2px}.header nav{gap:28px}.hero{height:calc(100svh - 86px);min-height:650px;max-height:1080px}.hero-field{inset:0 -7% 0 35%;opacity:1;z-index:-1;pointer-events:auto}.hero-field:after{background:linear-gradient(90deg,var(--bg),transparent 30%),linear-gradient(0deg,var(--bg),transparent 30%)}.field-fallback{filter:grayscale(1);opacity:.13}.hero h1{bottom:190px;font-size:clamp(95px,14vw,225px);line-height:.84;font-weight:500;letter-spacing:-.09em}.name-line{display:block}.name-last{padding-top:.06em}.name-dot{color:var(--accent)}.hero-top{position:relative;z-index:2}.hero-bottom p{font-size:19px;line-height:1.45}.hero-bottom .field-caption{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.field-caption span{color:#8c99a8}.text-button{border-color:var(--line)}.down-link{border-color:#536172}.work-intro{padding-top:80px;padding-bottom:55px;gap:14%}.work-intro h2{font-weight:400;line-height:1.04;font-size:clamp(46px,5.2vw,83px)}
.focus-pair{padding:0 var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:75px}.focus-card{display:block;border:1px solid var(--line);padding:24px;position:relative;background:#131820;overflow:hidden;transition:border-color .3s,background .3s}.focus-card:hover{color:var(--fg);border-color:#708398;background:#17202a}.focus-top{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:32px}.focus-top .eyebrow{font-size:10px;letter-spacing:.09em}.status{font-size:10px;border-color:#4b5d71;color:#b8c8da;white-space:nowrap}.focus-visual{height:clamp(200px,24vw,370px);margin:26px -24px 28px;position:relative;background:#0d1118;overflow:hidden}.focus-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.focus-card:hover .focus-visual img{transform:scale(1.035)}.eye-field canvas{position:relative;z-index:1}.visual-fallback{position:absolute;inset:0;display:grid;place-content:center;color:#36495e;font-size:90px;letter-spacing:-.07em}.focus-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.focus-title h2{font-size:clamp(32px,3.9vw,64px);letter-spacing:-.06em}.focus-arrow{font-size:28px;color:var(--accent);transition:transform .3s}.focus-card:hover .focus-arrow{transform:translate(4px,-4px)}.focus-card p{margin-top:20px;font-size:17px;color:#c3cbd5;line-height:1.5}.focus-bottom{display:block;border-top:1px solid var(--line);padding-top:17px;margin-top:25px;font-size:11px;line-height:1.5;color:var(--muted)}.focus-own{border-top:2px solid var(--accent)}.focus-own .focus-title h2{color:#c3e3ff}.project-index{grid-template-columns:1fr 1fr;margin-bottom:90px}.project-index a{font-size:21px}.project-index span{font-size:11px}.project-heading h2{letter-spacing:-.06em;font-weight:400}.project-notes{gap:12%}.large-copy{font-weight:400}.wintermute{color:var(--fg);border:1px solid #3a5067;background:linear-gradient(130deg,#152332,#111923 60%);padding:45px 4.5vw 55px;margin-bottom:100px}.wintermute .eyebrow{color:var(--accent)}.wintermute h2{font-size:clamp(64px,12vw,180px);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.07em}.wintermute-body>div>p{color:#b9c5d3}.wintermute-question{font-size:clamp(29px,3.4vw,52px)}.outline-link{border-color:#43556a}.dooms{padding-top:65px;border-top:1px solid var(--line)}.dooms-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}.dooms-grid .media{aspect-ratio:1.4}.dooms .wide{aspect-ratio:1.78}.process-fold{margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-fold summary{cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.process-fold summary span{font-size:20px;color:var(--accent)}.process-fold[open] .media{margin-bottom:18px}.model-study{margin-top:55px;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);background:#0c1118;padding:35px;align-items:center;gap:30px}.model-study h3{font-size:clamp(36px,4vw,65px);margin:25px 0}.model-study p{font-size:14px;max-width:280px;color:var(--muted)}.model-study canvas{height:430px;touch-action:pan-y}.about{background:#171e28;color:var(--fg)}.about>.eyebrow{color:var(--accent)}.about-copy p{color:#b2bece}.about a{color:var(--accent)}.garden-number{color:#202b39}.media{background:#0c1016}.media figcaption{color:#f0f3f6}.garden .status{color:var(--muted)}.detail-header{background:#101318ed}.detail-page dialog{background:#131b26;border-color:#405269}.detail-header button,.detail-menu-head button{border-color:#46586c}.detail-page .wintermute h1{font-family:Arial,sans-serif;letter-spacing:-.07em}.detail-page .model-study{display:none}.detail-page .outline-link[href="projects/dooms/"]{display:none}
.signal-intro{display:none;position:fixed;inset:0;z-index:100;background:#101318;overflow:hidden;pointer-events:none}.intro-active .signal-intro{display:block}.signal-label{position:absolute;top:15%;left:5vw;font-size:clamp(34px,7vw,100px);line-height:.9;letter-spacing:-.065em;color:#edf0f4;z-index:2;font-weight:500}.signal-label>span{display:block;font-size:clamp(11px,1.4vw,20px);letter-spacing:.08em;margin-top:22px;color:#70bfff}.signal-bands{position:absolute;inset:0}.signal-band{position:absolute;left:0;background:#263447;transform-origin:left center;will-change:transform,opacity}.signal-band:nth-child(3n){background:repeating-linear-gradient(0deg,transparent 0 2px,#a1b8d0 2px 3px)}.signal-band:nth-child(5n){background:repeating-linear-gradient(0deg,#142232 0 2px,#6bbbff 2px 3px)}.signal-band:nth-child(7n){background:#e3e8ef}.signal-count{position:absolute;bottom:6vh;left:5vw;font-size:11px;letter-spacing:.14em;color:#9aaec5;z-index:2}.signal-count b{color:#f0f3f7;font-weight:400}.intro-active .hero h1{opacity:0}.hero h1{transition:opacity .55s,transform .55s}.reveal-ready{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal-ready.is-visible{opacity:1;transform:none}
@media(max-width:800px){.header{height:72px}.hero{height:calc(94svh - 72px);min-height:570px}.hero-field{inset:30px -25% 30px 6%;opacity:.75}.hero h1{font-size:clamp(85px,19vw,145px);bottom:170px}.hero-bottom p{font-size:16px}.hero-top .eyebrow{font-size:10px}.focus-pair{grid-template-columns:1fr;gap:20px}.focus-visual{height:290px}.focus-title h2{font-size:52px}.focus-top .eyebrow{font-size:10px}.focus-card{padding:20px}.focus-visual{margin-left:-20px;margin-right:-20px}.focus-top{flex-wrap:wrap}.project-index{grid-template-columns:1fr}.project-index span{font-size:10px;max-width:130px;text-align:right}.work-intro{padding-top:55px;gap:24px}.work-intro h2{font-size:46px}.wintermute{padding:28px 22px 36px}.wintermute h2{font-size:clamp(50px,11.4vw,90px)}.wintermute-question{font-size:31px}.dooms-grid{grid-template-columns:1fr}.model-study{grid-template-columns:1fr;padding:24px;gap:0}.model-study canvas{height:340px}.model-study h3{font-size:42px}.model-study p{max-width:100%}.header nav{gap:20px}.signal-label{top:22%;font-size:14vw}.signal-label>span{font-size:10px;letter-spacing:.04em}.signal-band{min-height:8px}}
.detail-page .model-study{display:grid}
.down-link{width:auto;height:auto;border-radius:0;font-size:13px;padding:12px 18px}
.work-intro{display:block;padding:45px var(--pad) 30px;border-top:1px solid var(--line)}.work-intro h2{font-size:18px;letter-spacing:0;color:var(--muted);margin:0;line-height:1.5}.focus-top{min-height:0;justify-content:flex-end}.focus-card{border:0;border-top:1px solid var(--line);padding:16px 0 25px;background:none}.focus-own{border-top:1px solid #6b89a8}.focus-card:hover{background:none}.focus-visual{margin:18px 0 25px}.focus-title h2{font-size:clamp(35px,4vw,64px)}.focus-bottom{font-size:12px}.focus-card .status{border:0;padding:0;color:var(--muted);font-size:11px}.sun-field{background:#0b1019;isolation:isolate}.sun-field canvas{position:absolute;inset:-8% 0 12%;width:100%;height:96%}.sun-subtitle{position:absolute;bottom:12px;left:18px;right:18px;margin:0!important;min-height:2.8em;color:#e0e6ef!important;text-align:center;font:14px/1.4 Arial!important;z-index:2;text-wrap:balance}.focus-card p{font-size:16px}.dooms-film{margin-top:55px}.dooms-grid{grid-template-columns:.75fr 1.25fr;align-items:start}.dooms-grid .dooms-rig{aspect-ratio:3/4}.dooms-grid .media:not(.dooms-rig){aspect-ratio:1.2}.dooms-rig img{object-fit:contain}.process-portrait{aspect-ratio:9/16;max-width:420px;margin:0 auto 24px;background:#090c12}.process-portrait video{object-fit:contain}.project-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:14px}.project-links a{border-bottom:1px solid #617b94;padding-bottom:5px}.newman-layout{display:block}.newman-layout .installation{margin:0;aspect-ratio:1.7}.contact-link{font-size:clamp(28px,5vw,76px);letter-spacing:-.04em;margin:20px 0 45px}.detail-page .video-toggle{display:block}.project-index a{gap:0}.project-index{margin-bottom:65px}.hero-bottom>p{max-width:400px}.hero-bottom .down-link{margin-left:auto}
@media(max-width:800px){.focus-pair{gap:32px}.dooms-grid{grid-template-columns:1fr}.dooms-grid .dooms-rig{max-width:420px;width:100%;justify-self:center}.sun-subtitle{font-size:13px!important}.process-portrait{width:min(100%,360px)}.newman-layout .installation{aspect-ratio:1.4}}
/* Mobile NewMan filmstrip: native horizontal swipe, one viewport-sized film. */
.filmstrip-controls{display:none}
@media(max-width:800px){
 .filmstrip-shell{position:relative;width:100vw;margin:35px 0 0 calc(-1 * var(--pad));overflow:hidden}
 .filmstrip{display:flex;width:100%;max-width:none;height:100svh;margin:0;gap:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#080b10}
 .filmstrip::-webkit-scrollbar{display:none}
 .filmstrip .media,.filmstrip .media:last-child{flex:0 0 100%;width:100%;height:100%;aspect-ratio:auto;scroll-snap-align:center;scroll-snap-stop:always;grid-column:auto}
 .filmstrip .media video,.filmstrip .media:last-child video{width:100%;height:100%;object-fit:contain;background:#080b10}
 .filmstrip .video-toggle{top:14px;right:14px;bottom:auto;padding:8px 10px;background:#101318bd;font-size:11px}
 .filmstrip-controls{display:flex;position:absolute;z-index:3;bottom:max(18px,env(safe-area-inset-bottom));left:16px;right:16px;justify-content:space-between;align-items:center;gap:8px;color:#edf0f4}
 .filmstrip-controls button,.filmstrip-controls span{background:#101318cf;border:1px solid #ffffff50;padding:9px 12px;font-size:12px;line-height:1.3}
 .filmstrip-controls button:disabled{opacity:.4;cursor:default}.filmstrip-controls span{text-align:center;min-width:100px}
}
@media(prefers-reduced-motion:reduce){.signal-intro{display:none!important}.intro-active .hero h1{opacity:1}.reveal-ready{opacity:1;transform:none}.focus-card:hover .focus-visual img{transform:none}}