@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-2:#151617;--text:#f5f3ef;--muted:#c7c3bb;--dim:#90928f;--line:#36393b;--accent:#bd5331;--accent-soft:#5a2d20;--status-development:#ff453a;--status-working:#ffb000;--status-complete:#00cd00;--max:1480px;--type-hero:clamp(56px, 7.2vw, 96px);--type-page:clamp(48px, 5.2vw, 76px);--type-content:clamp(34px, 3.6vw, 50px);--type-section:clamp(26px, 2.25vw, 34px);--type-item:clamp(22px, 2.15vw, 30px);--type-subsection:clamp(18px, 1.45vw, 22px)}*{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)}.skipLink{z-index:100;border:1px solid var(--line);background:var(--surface);color:var(--text);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:11px;position:fixed;top:14px;left:14px;transform:translateY(-180%)}.skipLink:focus{transform:none}.portfolioShell,.notFoundShell{width:min(calc(100% - 48px), var(--max));grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;margin-inline:auto;display:grid;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{min-height:0;position:relative;overflow:hidden}.view{min-height:0;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);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:32px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex}.footerMeta{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;line-height:normal;display:flex}.siteFooter a:hover,.siteFooter a:focus-visible{color:var(--text)}.projectsView,.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,.projectGroupHeader span,.projectRowNumber,.projectRowYear,.projectRowMain small,.projectFacts dt,.technologyList,.caseStudyFooter,.contactForm label>span,.formStatus{font-family:JetBrains Mono,monospace}.detailLabel{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.viewHeading h2{font-size:var(--type-page);letter-spacing:-.06em;margin:0;padding-right:.08em;font-weight:500;line-height:.85}.projectRowStatus[data-status=in-development],.projectFactStatus[data-status=in-development]{color:var(--status-development)}.projectRowStatus[data-status=working-prototype],.projectFactStatus[data-status=working-prototype]{color:var(--status-working)}.projectRowStatus[data-status=complete],.projectFactStatus[data-status=complete]{color:var(--status-complete)}.caseStudyNav{min-height:94px}@media (width<=820px){.portfolioShell,.caseStudyShell,.notFoundShell{width:min(calc(100% - 28px), var(--max))}.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}.projectColumns,.aboutLayout,.contactLayout{grid-template-columns:1fr;gap:28px}.projectsView,.aboutView,.contactView,.studioView{padding:28px 0 20px}.viewHeading{padding-bottom:22px}}@media (width<=560px){.portfolioShell{width:calc(100% - 22px)}.primaryNav a{padding-inline:6px;font-size:9px}.siteFooter{min-height:50px}.siteFooter a{visibility:visible;opacity:1;display:inline-flex}}@media (height<=720px) and (width>=821px){.siteHeader{min-height:72px}.siteFooter{min-height:46px}.projectsView,.aboutView,.contactView,.studioView{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}}