@font-face{font-family:'IBM Plex Mono';src:url('/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/IBMPlexMono-Medium.woff2') format('woff2');font-style:normal;font-weight:500 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/IBMPlexMono-Italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/ManropeV5VF.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--portfolio-mono:'IBM Plex Mono',monospace;--portfolio-display:Manrope,Arial,sans-serif;--font-geist-mono:var(--portfolio-mono);--font-geist-sans:var(--portfolio-mono);--font-instrument-serif:var(--portfolio-display)}
body,.garage-body,.garage-shell,.personal-hero,.personal-about,.home-cases,.home-thoughts{font-family:var(--portfolio-mono)!important;font-synthesis:none}
button,input,textarea,select{font-family:var(--portfolio-mono)!important}
.personal-hero h1{font-family:var(--portfolio-mono)!important;font-size:clamp(23px,2.45vw,35px);line-height:1.55;letter-spacing:-.025em;font-weight:400;max-width:850px}
.case-main p,.work-main p,.personal-story>p,.home-cases .work-card p,.thought-card p,.thoughts-heading p{font-family:var(--portfolio-mono)!important;font-size:14px;line-height:1.85;letter-spacing:-.025em}
.personal-story>p{font-size:15px;max-width:58ch}.case-main .intro,.work-main .intro{font-size:16px;line-height:1.8;max-width:58ch}
.case-main h1,.case-main h2,.work-main h1,.work-main h2,.personal-about h2,.home-cases>h2,.home-cases .work-card h2,.thought-card h2,.thoughts-heading h2,.thought-art strong,.workflow-steps strong,.next-project strong,.scope-numbers strong{font-family:var(--portfolio-display)!important;font-weight:500;letter-spacing:-.045em}
.case-main h1 em,.case-main h2 em,.work-main h1 em,.personal-about h2 em,.home-cases h2 em,.thoughts-heading h2 em,.thought-art em{font-style:normal}
.personal-about h2{line-height:1.15}.home-cases .work-card h2{font-size:32px;line-height:1.15}.thought-card h2{font-size:28px;line-height:1.2}
.eyebrow,.personal-eyebrow,.personal-hero nav,.bell-button,.bell-response,.credits,.case-header,.sidebar,.card-meta,.thought-meta,.thought-read,.publication-link,.home-work-link,.photo-feature figcaption,.personal-photo figcaption,.site-footer-links,footer,.local-demo-note,.image-unavailable{font-family:var(--portfolio-mono)!important}
.garage-body [class*="terminal"],.garage-body [class*="readout"],.garage-body [class*="mono"],.gt-profile-monogram{font-family:var(--portfolio-mono)!important}
@media(max-width:700px){.personal-hero h1{font-size:23px;line-height:1.55}.case-main .intro,.work-main .intro{font-size:14px}.personal-story>p{font-size:14px}.case-header{height:auto;min-height:60px}.case-main,.work-main{padding-top:130px}.home-work-link{font-size:10px}}
/* Remap the authored-page aliases so small component-specific rules use the pair too. */
@font-face{font-family:CaseMono;src:url('/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:CaseSans;src:url('/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:CaseSerif;src:url('/fonts/ManropeV5VF.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:CaseSerif;src:url('/fonts/ManropeV5VF.woff2') format('woff2');font-weight:200 800;font-style:italic;font-display:swap}
h1,h2,h3,h4{font-family:var(--portfolio-display)!important;font-synthesis:none}p,figcaption{font-family:var(--portfolio-mono)!important}
:root{--font-serif:var(--portfolio-display);--font-mono:var(--portfolio-mono);--font-sans:var(--portfolio-mono)}