@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400;500;600&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg:#000;--surface:#0d0e0f;--surface-control:#070707;--text:#f5f3ef;--text-soft:#dedbd5;--muted:#c7c3bb;--dim:#90928f;--line:#36393b;--line-control:#222;--line-soft:#1c1d1f;--scrollbar:#232527;--accent:#bd5331;--accent-mid:#d9794b;--accent-light:#f0c7a1;--status-development:#ff453a;--status-working:#ffb000;--status-complete:#00cd00;--radius-chip:5px;--radius-control:8px;--radius-code:8px;--radius-pill:999px;--max:1480px;--shell-gutter:clamp(16px, 2.5vw, 24px);--type-display:clamp(46px, 5.2vw, 80px);--type-case-title:clamp(44px, 5.4vw, 72px);--type-page:clamp(42px, 4.5vw, 64px);--type-lead:clamp(26px, 3.2vw, 48px);--type-content:clamp(28px, 2.8vw, 40px);--type-project:clamp(20px, 1.8vw, 26px);--type-body:16px;--type-label:11px;--type-meta:10px;--type-micro:9px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Space Grotesk,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--text)}.portfolioShell,.notFoundShell{width:min(calc(100% - var(--shell-gutter) - var(--shell-gutter)), var(--max));grid-template-rows:auto 1fr auto;min-height:100dvh;margin-inline:auto;display:grid}.viewportShell{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;overflow:hidden}.siteHeader,.caseStudyNav{justify-content:space-between;align-items:center;gap:32px;min-height:94px;display:flex}.headerLogo{flex:none;place-items:center;width:58px;height:46px;display:grid}.headerLogo img{width:54px;height:auto;display:block}.primaryNav{align-items:center;gap:8px;display:flex}.primaryNav a{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:11px 12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;transition:color .16s}.primaryNav a:hover{color:var(--text)}.primaryNav a[aria-current=page],.primaryNav a[aria-current=page]:hover{color:var(--accent)}.viewStack,.view{min-height:0}.viewportShell .viewStack{position:relative;overflow:hidden}.viewportShell .view{position:absolute;inset:0}.view[hidden]{display:none}@keyframes heroGradientRoll{0%{background-position:0%}to{background-position:200%}}.heroProjectLink{width:fit-content;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:11px;margin-top:clamp(30px,4vh,40px);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:inline-flex}.heroProjectArrow{color:var(--accent);font-size:15px;transition:transform .16s}.heroProjectLink:hover,.heroProjectLink:focus-visible{color:var(--text)}.heroProjectLink:hover .heroProjectArrow,.heroProjectLink:focus-visible .heroProjectArrow{transform:translate(3px)}.siteFooter{min-height:62px;color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-label);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:32px;font-weight:700;display:flex}.footerMeta{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:var(--type-label);letter-spacing:.12em;text-transform:uppercase;align-items:center;font-weight:700;line-height:normal;display:flex}.siteFooter a:hover,.siteFooter a:focus-visible{color:var(--text)}.projectsView,.studioView,.mediaPageView,.aboutView,.contactView{padding:clamp(26px,4vh,44px) 0 24px}.viewHeading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:32px;padding-bottom:clamp(20px,3vh,34px);display:flex}.detailLabel,.projectRowNumber,.projectRowYear,.projectRowMain small,.projectFacts dt,.technologyList,.caseStudyFooter,.contactForm label>span,.formStatus{font-family:JetBrains Mono,monospace}.detailLabel{color:var(--muted);font-size:var(--type-label);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:700}.viewHeading h2{font-size:var(--type-page);letter-spacing:-.06em;margin:0;padding-right:.08em;font-weight:500;line-height:.85}@media (width<=820px){.siteHeader,.caseStudyNav{min-height:76px}.headerLogo{width:48px;height:38px}.headerLogo img{width:45px}.primaryNav{gap:2px}.primaryNav a{padding:9px 8px;font-size:10px}.projectsView,.studioView,.mediaPageView,.aboutView,.contactView{padding:28px 0 20px}.viewHeading{padding-bottom:22px}}@media (width<=620px){.primaryNav a{padding-inline:6px;font-size:9px}.siteFooter{min-height:50px}}@media (height<=720px) and (width>=821px){.siteHeader{min-height:72px}.siteFooter{min-height:46px}.projectsView,.studioView,.mediaPageView,.aboutView,.contactView{padding:24px 0 18px}.viewHeading h2{font-size:min(var(--type-page), 60px)}.viewHeading{padding-bottom:18px}.projectColumns,.aboutLayout,.contactLayout{padding-top:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}