body .client-dock .field-select[hidden]{display:none!important}
body .client-dock .dock-picker-trigger{flex-shrink:0;background:transparent;border:0;border-right:1px solid #8886;padding:8px 20px 8px 0;color:inherit;font:inherit;cursor:pointer;text-align:left;min-width:125px}
.dock-field-menu{position:fixed;z-index:1500;width:min(280px,calc(100vw - 24px));overflow-y:auto;padding:8px;border:1px solid #ffffff38;border-radius:16px;background:linear-gradient(145deg,#3d4141dc,#252828d2);color:#f5f5f5;backdrop-filter:blur(32px) saturate(125%);-webkit-backdrop-filter:blur(32px) saturate(125%);box-shadow:0 18px 55px #0005,inset 0 1px #ffffff18}
.dock-field-menu[hidden]{display:none}
.dock-field-menu button{position:relative;display:block;width:100%;border:0;border-radius:10px;padding:12px 42px 12px 14px;text-align:left;background:transparent;color:inherit;font:15px/1.35 Arial,sans-serif;cursor:pointer}
.dock-field-menu button:hover,.dock-field-menu button:focus-visible{background:rgba(255,255,255,.14);outline:0}
.dock-field-menu button[aria-selected=true]{background:rgba(255,255,255,.18);box-shadow:none}
body.theme-light .dock-field-menu{background:linear-gradient(145deg,#ffffffea,#ffffffe0);color:#181818;border-color:#0002;box-shadow:0 18px 55px #0002,inset 0 1px #fff}
body.theme-light .dock-field-menu button:hover,body.theme-light .dock-field-menu button:focus-visible{background:#0000000b;outline:0}
body.theme-light .dock-field-menu button[aria-selected=true]{background:#00000012;box-shadow:none}

/* Cleaner dock picker selection: full-width highlight, no extra inset outlines. */
.dock-field-menu button{border-radius:12px}
.dock-field-menu button[aria-selected=true],
.dock-field-menu button:hover,
.dock-field-menu button:focus-visible{outline:0!important}
.dock-field-menu button[aria-selected=true]{background:rgba(255,255,255,.18)!important}
body.theme-light .dock-field-menu button[aria-selected=true]{background:rgba(0,0,0,.10)!important}

/* Keep the floating bottom nav closer to clean white in light sections. */
body.theme-light .client-dock{background:rgba(255,255,255,.96)!important}

/* Full-row menu highlight with no secondary focus ring. */
.dock-field-menu button{
  margin:0 -8px;
  width:calc(100% + 16px);
  border-radius:0;
  box-shadow:none!important;
}
.dock-field-menu button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}
.dock-field-menu button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.dock-field-menu button[aria-selected=true],
.dock-field-menu button:hover,
.dock-field-menu button:focus,
.dock-field-menu button:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}
.dock-field-menu button[aria-selected=true]{background:rgba(255,255,255,.16)!important}
body.theme-light .dock-field-menu button[aria-selected=true]{background:rgba(0,0,0,.08)!important}

body.theme-light .cinematic-content .client-dock,
body.theme-light .client-dock{
  background:linear-gradient(140deg,rgba(255,255,255,.985),rgba(255,255,255,.94))!important;
  border-color:rgba(0,0,0,.14)!important;
}

/* White editorial surfaces for brand experiences and hospitality. */
body #live-experiences,body #live-experiences [data-surface]{
 --sheet:#fff;--sheet-rgb:255,255,255;--type:#1a1b18;--quiet:#64685e;--rule:#1a1b182b;
 --chapter-paper:#fff;--chapter-ink:#1a1b18;
 background:#fff!important;color:#1a1b18!important;
}
body #live-experiences .live-experiences-heading,body #live-experiences .event-heading{background:#fff;color:#1a1b18}
body #live-experiences .live-experiences-heading>p:last-child{color:#64685e}
body #live-experiences .project-heading-logo{filter:brightness(0)}

/* Navigation appearance follows the chosen theme, independent of section anchors. */
body:not(.theme-light) .client-dock{
 background:linear-gradient(140deg,rgba(38,41,40,.92),rgba(17,18,16,.84))!important;
 border-color:rgba(255,255,255,.22)!important;color:#f5f5f5;
}
body:not(.theme-light) .client-dock a{color:#d8d8d8!important}
body:not(.theme-light) .client-dock a[aria-current="true"],body:not(.theme-light) .client-dock a:hover{color:#fff!important}
body:not(.theme-light) .client-dock .project-counter{color:#bdbdbd!important}
/* On narrow or portrait screens, utilities sit above the journey links. */
@media(max-width:767px){
 body.commission>.header nav{display:grid;grid-template-columns:repeat(6,max-content);justify-content:end;align-items:center;column-gap:clamp(8px,1.5vw,24px);row-gap:14px}
 body.commission>.header nav>.theme-toggle{grid-row:1;grid-column:1/4;justify-self:end}
 body.commission>.header nav>.open-search{grid-row:1;grid-column:4/7;justify-self:stretch}
 body.commission>.header nav>a{display:block;grid-row:2;white-space:nowrap}
}
@media(max-width:480px){
 body.commission>.header{gap:10px;padding-inline:12px;height:auto}
 body.commission>.header nav{column-gap:8px;row-gap:12px;font-size:10px}
}
@media(max-width:360px){
 body.commission>.header{gap:6px;padding-inline:8px}
 body.commission>.header nav{column-gap:4px}
}

@media(min-width:768px){
 body.commission>.header nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end}
 body.commission>.header{align-items:center}
}

@media(min-width:768px) and (max-width:1100px){
 body.commission>.header{gap:16px;padding-inline:20px}
 body.commission>.header nav{gap:12px;font-size:12px}
 body.commission>.header nav>a{display:block;white-space:nowrap}
 body.commission>.header nav>.theme-toggle,body.commission>.header nav>.open-search{min-width:0;width:auto;padding:8px 12px;white-space:nowrap;font-size:12px}
}

/* One consistent navigation mark at every breakpoint. */
body.commission>.header .official-logo{width:84px;height:84px;flex-shrink:0}
body.commission>.header .wordmark{flex-shrink:0}
@media(max-width:360px){body.commission>.header nav{column-gap:3px;font-size:9px}}

@media(max-width:480px){body.commission>.header{gap:8px;padding-inline:8px}body.commission>.header nav{column-gap:4px;font-size:9px}}
@media(max-width:360px){body.commission>.header nav{column-gap:3px;font-size:8px}body.commission>.header nav>.open-search{min-width:0;width:auto;padding-inline:8px}}
/* One evenly spaced row from iPad upward; phone layout stays separate. */
@media(min-width:768px){
 body.commission>.header nav{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(12px,2.2vw,40px);justify-content:flex-end}
 body.commission>.header nav>a,body.commission>.header nav>button{margin:0;flex-shrink:0}
}
@media(min-width:768px) and (max-width:1100px){
 body.commission>.header nav{gap:clamp(24px,2.2vw,40px)}
}

/* Active project cue for the bottom work rail. */
body .client-dock .brand-rail a[aria-current="true"]{
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:7px!important;
}

/* Bottom navigation follows the selected theme independently of the top nav. */
body.commission .client-dock{
  -webkit-backdrop-filter:blur(30px) saturate(100%)!important;
  backdrop-filter:blur(30px) saturate(100%)!important;
}
body.commission.theme-light .client-dock{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(0,0,0,.16)!important;
  color:#171817!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 12px 35px rgba(0,0,0,.12)!important;
}
body.commission.theme-light .client-dock a,
body.commission.theme-light .client-dock .dock-picker-trigger,
body.commission.theme-light .client-dock .project-counter{color:#4d534b!important}
body.commission.theme-light .client-dock a[aria-current="true"],
body.commission.theme-light .client-dock a:hover{color:#111!important}
body.commission:not(.theme-light) .client-dock{
  background:linear-gradient(140deg,rgba(38,41,40,.92),rgba(17,18,16,.84))!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#f5f5f5!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 35px rgba(0,0,0,.24)!important;
}
body.commission:not(.theme-light) .client-dock a,
body.commission:not(.theme-light) .client-dock .dock-picker-trigger{color:#d8d8d8!important}
body.commission:not(.theme-light) .client-dock .project-counter{color:#bdbdbd!important}
body.commission:not(.theme-light) .client-dock a[aria-current="true"],
body.commission:not(.theme-light) .client-dock a:hover{color:#fff!important}

/* Separated filter group inside the bottom work picker. */
.dock-field-menu .dock-menu-group{
  margin:10px -8px 6px;
  padding:10px 14px 7px;
  border-top:1px solid currentColor;
  opacity:.55;
  font:10px/1.2 Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  pointer-events:none;
}

/* Explain the editorial layers directly beneath their filter labels. */
.dock-field-menu .dock-option-description{display:block;margin-top:4px;font:11px/1.4 Arial,sans-serif;opacity:.72;letter-spacing:0;}
/* The first heading starts the menu; only subsequent groups need a divider. */
.dock-field-menu .dock-menu-group:first-child{border-top:0;margin-top:0}

/* Owner reference: equal control heights and generous tablet link spacing. */
@media(min-width:1001px) and (max-width:1100px){
 body.commission>.header{padding-inline:20px;gap:24px}
 body.commission>.header nav{font-size:14px;gap:24px;min-width:0}
 body.commission>.header nav>.theme-toggle,body.commission>.header nav>.open-search{height:40px;min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;padding:0 14px}
 body.commission>.header nav>.open-search{min-width:130px}
 body.commission>.header nav>a[aria-current=true]{text-decoration-thickness:1px;text-underline-offset:9px}
}

/* Tablet links use the available row instead of clustering at the right edge. */
@media(min-width:1001px) and (max-width:1366px){
 body.commission>.header{gap:40px;padding-inline:20px}
 body.commission>.header nav{flex:1;justify-content:space-between;gap:24px;min-width:0}
 body.commission>.header nav>.open-search{width:clamp(100px,10vw,150px);min-width:100px;flex-shrink:1}
 body.commission>.header nav>.theme-toggle,body.commission>.header nav>.open-search{height:40px;min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
}