/* Homepage header composition on the case studies' white opening surface. */
.case-header.site-header {
 position:relative; display:flex; align-items:start; justify-content:space-between;
 min-height:100px; padding:clamp(24px,3.1svh,40px) clamp(20px,1.9vw,40px) 24px;
 border:0; color:var(--ink); z-index:4;
}
.case-header .studio-logo { font-family:'DM Sans',Arial,sans-serif; font-size:clamp(23px,1.75vw,32px); letter-spacing:.045em; font-weight:600; line-height:1; }
.case-header .architecture-hero__discipline {
 position:absolute; left:50%; translate:-50% 0; font-family:'DM Sans',Arial,sans-serif;
 font-size:clamp(10px,.86vw,15px); font-weight:600; letter-spacing:.28em; line-height:1.4; white-space:nowrap;
}
.menu-toggle.architecture-menu { z-index:30; cursor:pointer; }
.navigation.architectural-nav { max-width:none; color:#fff; }
@media(max-width:900px) { .case-header .architecture-hero__discipline { font-size:9px; letter-spacing:.2em; } }
@media(max-width:600px) {
 .case-header.site-header { min-height:110px; padding:26px 20px 58px; }
 .case-header .architecture-hero__discipline { top:74px; left:20px; translate:none; font-size:9px; }
}