/* Upright architectural typography: condensed headings, measured spacing. */
@font-face{font-family:StudioDisplay;src:url('assets/lmsansdemicond10-regular.otf') format('opentype');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:StudioText;src:url('assets/lmsans10-regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:StudioText;src:url('assets/lmsans10-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
body{font-family:StudioText,Arial,sans-serif}
.logo,.hero .hero-brand h1{font-family:Nimbus,Arial,sans-serif;font-weight:700;letter-spacing:-.072em}
.brand-wordmark{display:inline;font-family:Nimbus,Arial,sans-serif;font-size:1em;font-weight:700;font-style:normal;letter-spacing:-.072em;text-transform:uppercase;white-space:nowrap}
.view-mode main>section[id] :is(h2,h3,h4){font-family:StudioDisplay,Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:.035em;text-transform:uppercase;line-height:1.2}

.view-mode header nav{font-family:StudioDisplay,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}
.view-mode .section-tabs button,.view-mode .lighting-studies>.section-tabs button,.view-mode .scenic-panel>.section-tabs button{font-family:StudioDisplay,Arial,sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;line-height:1.5}
.view-mode .project-picker select{font-family:StudioDisplay,Arial,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.viewer-controls .viewer-compare{font-family:StudioDisplay,Arial,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:.07em}
.viewer-caption,.viewer-scope,.project-caption,.arch-image-caption,.archive-link-copy,.arch-intro,.studio-story-columns,.studio-rd{font-family:StudioText,Arial,sans-serif}
.archive-link-title{font-family:StudioDisplay,Arial,sans-serif;letter-spacing:.035em}
@media(max-width:650px){.view-mode header nav{letter-spacing:.06em}.view-mode .section-tabs button,.view-mode .lighting-studies>.section-tabs button,.view-mode .scenic-panel>.section-tabs button{font-size:12px}}

/* Matching monospaced corner notes on the opening board. */
.hero .hero-note,.hero .hero-intro{font-family:'Courier New',monospace;font-size:10px;font-weight:400;font-style:normal;line-height:1.9;letter-spacing:1.5px;text-transform:uppercase;color:#c4c8be}
@media(max-width:800px){.hero .hero-note,.hero .hero-intro{font-size:8px}}
@media(max-width:460px){.hero .hero-note,.hero .hero-intro{font-size:7px;letter-spacing:1px}}
/* A quieter introduction to the studio. */
.view-mode main>section#about .studio-headline{font-size:clamp(26px,2.6vw,38px);line-height:1.25;letter-spacing:.005em;text-transform:none;max-width:720px;margin-bottom:24px}
/* Compact project navigation: show every project without a sideways scroll. */
.view-mode .section-tabs{flex-wrap:wrap;overflow:visible;gap:3px 18px;margin:15px 0 17px;padding:0 0 8px}
.view-mode .section-tabs button{font-size:11px;letter-spacing:.045em;line-height:1.35;padding:6px 0}
.view-mode #work>.section-tabs{margin-bottom:16px}
.view-mode .portfolio-project .process-heading h3,.view-mode .portfolio-project .arch-subheading h3,.view-mode .drawing-study h4{font-size:17px;line-height:1.2}
.view-mode .portfolio-project .process-heading,.view-mode .portfolio-project .arch-subheading{margin-bottom:12px}
@media(max-width:650px){.view-mode .section-tabs button{font-size:11px}.view-mode .project-picker{margin:12px 0;padding:9px 0}.view-mode .project-picker select{font-size:12px}.view-mode .portfolio-project .process-heading h3,.view-mode .portfolio-project .arch-subheading h3,.view-mode .drawing-study h4{font-size:16px}}