.mobile-menu-toggle{display:none}.mobile-menu-panel{display:contents}.mobile-menu-panel>.install-app{display:none}.install-app{font:inherit;font-size:12px;cursor:pointer;background:transparent;color:var(--ink);border:1px solid var(--gold);border-radius:4px;padding:10px 14px}.install-app[hidden]{display:none!important}.install-dialog{width:min(520px,92vw);padding:40px 28px;border:1px solid var(--line)}.install-dialog h2{font-size:32px;line-height:1.2;margin:20px 0}.install-dialog p{font-size:14px;line-height:1.7;margin-top:18px}.install-dialog .install-note{font-size:12px;color:var(--muted)}
@media(max-width:750px){
  .header,.studio-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:72px;height:auto;padding:12px 5%;background:var(--paper);box-shadow:0 2px 12px #25212108}
  .header .brand{font-size:10px;letter-spacing:1px;gap:10px;line-height:1.5;min-width:0}.header .mark{font-size:34px;letter-spacing:-9px;padding-right:10px}.header .mark span{font-size:27px}.header .brand-caption{display:none}
  .studio-header .footer-brand{font-size:11px;letter-spacing:1px}.studio-header .mobile-menu-toggle{grid-column:3}
  .header .bag{grid-column:2;grid-row:1;font-size:0;gap:7px;padding:4px;min-width:42px;min-height:44px}.header .bag span{font-size:11px}.header .bag svg{width:20px;height:23px}
  .mobile-menu-toggle{display:flex;grid-column:3;grid-row:1;align-items:center;justify-content:center;gap:9px;min-width:48px;min-height:44px;padding:8px 10px;background:transparent;border:1px solid var(--line);border-radius:4px;font-size:12px}
  .menu-lines{display:block;width:18px;height:12px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}.menu-lines:after{content:'';position:absolute;top:4px;left:0;right:0;border-top:1.5px solid currentColor}
  .menu-is-open .menu-lines{border:0}.menu-is-open .menu-lines:before,.menu-is-open .menu-lines:after{content:'';position:absolute;top:5px;left:0;right:0;border-top:1.5px solid currentColor;transform:rotate(45deg)}.menu-is-open .menu-lines:after{transform:rotate(-45deg)}
  .mobile-menu-panel{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 6% 26px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 16px 24px #25212115;max-height:calc(100svh - 80px);overflow-y:auto;overscroll-behavior:contain}
  .menu-is-open .mobile-menu-panel{display:block}.mobile-menu-panel .language-switch{position:static;justify-content:flex-start;flex-wrap:wrap;gap:5px;margin-bottom:18px}.mobile-menu-panel .language-switch button{min-height:40px;min-width:40px}
  .header .mobile-menu-panel nav,.studio-header .mobile-menu-panel nav{display:flex;flex-direction:column;align-items:stretch;gap:0;font-size:15px;margin:0;flex-wrap:nowrap}
  .header .mobile-menu-panel nav>a,.header .mobile-menu-panel nav>.nav-button,.studio-header .mobile-menu-panel nav>a,.studio-header .mobile-menu-panel nav form{display:flex;align-items:center;justify-content:flex-start;min-height:46px;white-space:normal;padding:12px 0;border:0;border-bottom:1px solid var(--line);text-align:left;font-size:15px;line-height:1.4}
  .mobile-menu-panel>.install-app:not([hidden]){display:block;margin-top:22px;min-height:44px;width:100%;font-size:14px}
}
@media(max-width:350px){.mobile-menu-toggle>span:last-child{display:none}.header,.studio-header{gap:7px;padding-left:4%;padding-right:4%}.header .brand{font-size:9px}}
@media(display-mode:standalone){.header,.studio-header{padding-top:max(12px,env(safe-area-inset-top))}body{padding-bottom:env(safe-area-inset-bottom)}}
.hands-mark{display:block;width:70px;height:52px;object-fit:contain;flex-shrink:0}.studio-brand{display:flex;align-items:center;gap:14px}
@media(max-width:750px){.header .hands-mark,.studio-header .hands-mark{width:44px;height:38px}.studio-brand{gap:8px}}
@media(min-width:1101px){.header .brand{grid-column:1;grid-row:1}.header .bag{grid-column:3;grid-row:1}.header .mobile-menu-panel nav{grid-column:2;grid-row:1}}
@media(min-width:751px) and (max-width:1100px){.header .brand{grid-column:1;grid-row:1}.header .bag{grid-column:2;grid-row:1}.header .mobile-menu-panel nav{grid-column:1/-1;grid-row:2}}

/* A sculptural gold signature and restrained editorial wordmark. */
.header .brand{gap:19px;font-size:14px;font-weight:500;letter-spacing:2.3px;line-height:1.6}
.header .hands-mark{width:76px;height:60px}
.header .brand-caption{font-size:8px;font-weight:400;letter-spacing:1.8px;margin-top:7px;color:#81776a}
.studio-brand{gap:18px;font-weight:500;letter-spacing:2px;line-height:1.6}
@media(max-width:1100px) and (min-width:751px){.header .brand{font-size:13px}.header .hands-mark{width:65px;height:52px}}
@media(max-width:750px){.header .brand{gap:10px;font-size:10px;letter-spacing:1.2px;line-height:1.5}.header .hands-mark,.studio-header .hands-mark{width:48px;height:39px}.studio-brand{gap:10px;font-size:10px;letter-spacing:1.2px}}
@media(max-width:350px){.header .brand{font-size:9px;letter-spacing:1px}.header .hands-mark{width:42px}}

/* Approved D: three-dimensional gold hands beside the wordmark. */
.header .hands-mark,.studio-header .hands-mark{width:76px;height:76px;object-fit:contain}
@media(max-width:1100px) and (min-width:751px){.header .hands-mark,.studio-header .hands-mark{width:62px;height:62px}}
@media(max-width:750px){.header .hands-mark,.studio-header .hands-mark{width:46px;height:46px}}
@media(max-width:350px){.header .hands-mark,.studio-header .hands-mark{width:40px;height:40px}}
