/* Header navigation uses the shared Arch-iD glass button finish. */
.brand .brand-title {align-items:center;flex-wrap:wrap;}
.brand .brand-title > a {color:inherit;text-decoration:none;}
.design-studio-menu {position:relative;letter-spacing:normal;}
.design-studio-menu > summary {display:flex;align-items:center;gap:8px;list-style:none;}
.design-studio-menu > summary::-webkit-details-marker {display:none;}
.design-studio-menu > summary svg {flex:none;transition:transform .18s ease;}
.design-studio-menu[open] > summary svg {transform:rotate(180deg);}
.design-studio-options {
  position:absolute;
  inset-block-start:calc(100% + 9px);
  inset-inline-start:0;
  z-index:70;
  display:grid;
  gap:6px;
  width:195px;
  max-width:calc(100vw - 36px);
  padding:10px;
  border:1px solid rgba(255,255,255,.85);
  border-radius:12px;
  background:rgba(240,250,247,.97);
  box-shadow:0 14px 32px rgba(28,66,60,.2),inset 0 1px 0 white;
  white-space:normal;
}
.design-studio-options a {display:block;text-align:start;}
.design-studio-menu :focus-visible {outline:2px solid #286559;outline-offset:3px;}
.nav-studio-menu {flex:0 0 auto;scroll-snap-align:start;}
.nav-studio-menu > summary {cursor:pointer;white-space:nowrap;}
.nav-studio-menu > summary[data-current="page"] {font-weight:600;}
.nav-studio-menu .design-studio-options {position:fixed;inset:auto;z-index:90;}
.nav-studio-menu .design-studio-options a {width:100%;box-sizing:border-box;}
@media(max-width:480px) {
  .design-studio-menu:not(.nav-studio-menu) {position:static;}
  .brand-copy {position:relative;}
}
@media(prefers-reduced-motion:reduce) {
  .design-studio-menu > summary svg {transition:none;}
}