/* A compact, single-row version of the desktop navigation. */
@media(max-width:767px){
 body.commission>.header{position:sticky;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:76px;height:auto;padding:16px 16px;box-sizing:border-box}
 body.commission>.header .wordmark{flex:0 0 44px;align-self:center;line-height:0}
 body.commission>.header .official-logo{width:44px;height:44px}
 body.commission>.header nav{position:static;display:flex;flex:1;min-width:0;width:auto;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(5px,1.4vw,12px);font-size:clamp(9px,1.7vw,12px)}
 body.commission>.header nav>a{display:flex;align-items:center;justify-content:center;min-height:40px;white-space:nowrap;padding:0!important;margin:0;flex:0 0 auto;line-height:1.2}
 body.commission>.header nav>.theme-toggle,body.commission>.header nav>.open-search{position:relative;inset:auto;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:0;height:32px;min-height:32px;padding:6px 10px!important;font-size:11px!important;line-height:1;gap:6px;background:transparent;color:inherit;white-space:nowrap}
 body.commission>.header nav>.theme-toggle{border:1px solid #ffffff60!important;border-radius:24px}
 body.commission>.header nav>.open-search{border:1px solid #ffffff60!important;border-radius:0}
 body.commission>.header nav>.theme-toggle:before{content:'';position:static;display:block;flex:0 0 13px;width:13px;height:13px;border:1px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%);box-sizing:border-box;transform:none;margin:0}
 body.commission>.header nav>.theme-toggle:after{content:none!important}
 body.commission.theme-light>.header nav>.theme-toggle,body.commission.theme-light>.header nav>.open-search{border-color:#00000040!important}
 body.commission .opening-introduction{margin-bottom:8px;padding-bottom:8px}
 body.commission .opening-introduction .film-controls{margin-top:16px}
 body.commission .client-strip-track>.client-strip{padding:10px 6% 8px;column-gap:18px;row-gap:8px;justify-content:center}
 body.commission .client-strip>span{font-size:10px;margin-bottom:2px}
 body.commission .client-strip>b,body.commission .client-strip>b>a{height:26px;min-width:52px}
 body.commission .client-strip .client-brand-art{height:16px!important}
 body.commission .client-strip .client-brand-wordmark{font-size:14px!important;height:26px}
 body.commission .client-strip>.all-work-launch{padding:0;margin-top:2px}
 body.commission .client-strip #open-all-work{min-height:40px;padding:6px 18px;font-size:12px}
}
/* Keep the wordmark and every navigation label visible across homepage chapters. */
@media(max-width:767px){
 body.commission>.header{gap:clamp(4px,1vw,8px);padding-inline:1.6vw;min-height:clamp(48px,12vw,76px);padding-block:6px}
 body.commission>.header .wordmark{flex-basis:6.3vw}
 body.commission>.header .official-logo{width:6.3vw;height:6.3vw;transform:none}
 body.commission>.header nav{gap:clamp(3px,1vw,9px);font-size:clamp(8px,2.25vw,11px)}
 body.commission>.header nav>.theme-toggle,body.commission>.header nav>.open-search{font-size:inherit!important;padding:0 clamp(3px,1vw,10px)!important;height:clamp(25px,5.1vw,32px);min-height:0;gap:3px}
 body.commission>.header nav>.theme-toggle:before{width:1em;height:1em;flex-basis:1em}
 body.commission .client-dock.client-dock{left:.65vw;width:98.7vw;max-width:98.7vw;box-sizing:border-box;gap:clamp(6px,1.5vw,12px);padding-inline:clamp(7px,2.8vw,18px)}
 body.commission .client-dock .dock-picker-trigger{min-width:0;padding-right:clamp(6px,2vw,16px)}
 body.commission .client-dock .brand-rail{min-width:0;flex:1;white-space:nowrap}
}

@media(max-width:359px){
 body.commission>.header nav{gap:0}
 body.commission>.header nav>.theme-toggle,body.commission>.header nav>.open-search{padding-inline:2px!important;gap:2px}
 body.commission>.header nav>.open-search:before{margin-right:0}
}