/* Transparent navigation over the studio story. */
html { scroll-padding-top:0; }
.studio-menu-panel { display:flex; align-items:center; }
.studio-header { position:fixed; z-index:80; top:24px; left:32px; right:32px; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; pointer-events:none; color:var(--header-ink,#001842); }
.studio-header.is-enhanced { transition:transform .25s ease,opacity .18s ease; }
.studio-header.is-scroll-hidden { transform:translateY(calc(-100% - 40px)); opacity:0; }
.studio-header.is-scroll-hidden * { pointer-events:none; }
.studio-header:has(:focus-visible) { transition:none; }
.studio-signature { display:block; padding:11px 20px; background:transparent; pointer-events:auto; }
.studio-signature-art { display:block; position:relative; width:244px; }
.studio-logo-svg { display:block; width:100%; height:auto; overflow:visible; }
.studio-header-controls { display:flex; align-items:center; gap:0; background:transparent; padding:12px; pointer-events:auto; color:var(--header-ink,#001842); }
.studio-navigation { display:flex; align-items:center; gap:4px; }
.studio-navigation > a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; font-size:12px; font-weight:500; letter-spacing:0; position:relative; }
.studio-navigation > a:not(.studio-contact-link)::after { content:""; position:absolute; bottom:9px; left:18px; right:18px; height:2px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.studio-navigation > a:hover::after,.studio-navigation > a:focus-visible::after { transform:scaleX(1); }
.studio-navigation .studio-contact-link { gap:22px; color:inherit; background:transparent; margin-left:8px; border:1px solid currentColor; }
.studio-contact-link span { font-size:17px; }
.studio-menu-toggle { display:none; }
.studio-header a:focus-visible,.studio-header button:focus-visible { outline:2px solid currentColor; outline-offset:3px; }

.skip-link { z-index:100; }
@media(max-width:1050px) {
  .studio-header { left:24px; right:24px; gap:16px; }
  .studio-signature-art { width:210px; }
  .studio-signature { padding:14px 16px; }
  .studio-navigation > a { padding:0 12px; }
}
@media(max-width:800px) {
  .studio-header { top:16px; left:16px; right:16px; gap:10px; align-items:stretch; }
  .studio-signature { padding:14px; align-self:flex-start; }
  .studio-signature-art { width:clamp(150px,47vw,184px); }
  .studio-header-controls { padding:0; flex-direction:column; align-items:stretch; }
  .studio-header.is-enhanced .studio-menu-toggle { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:62px; padding:0 16px; border:0; background:transparent; font-size:12px; }
  .studio-menu-glyph { position:relative; width:14px; height:14px; }
  .studio-menu-glyph::before,.studio-menu-glyph::after { content:""; position:absolute; left:0; top:6px; width:14px; height:1px; background:currentColor; transition:transform .2s ease; }
  .studio-menu-glyph::after { transform:rotate(90deg); }
  [aria-expanded="true"] .studio-menu-glyph::after { transform:rotate(0); }
  .studio-navigation { flex-direction:column; align-items:stretch; }
  .studio-navigation > a { padding:0 20px; }
  .studio-navigation .studio-contact-link { margin:8px 0 0; }
  .studio-menu-panel { flex-direction:column; align-items:stretch; }
  .studio-header.is-enhanced .studio-menu-panel { display:none; }
  .studio-header.is-menu-open .studio-menu-panel { display:flex; position:absolute; top:calc(100% + 8px); left:0; right:0; padding:18px; background:transparent; border-top:1px solid currentColor; max-height:calc(100dvh - 106px); overflow-y:auto; }
  .studio-header.is-menu-open .studio-navigation > a { justify-content:space-between; min-height:56px; font-size:18px; }
  .studio-header.is-menu-open .studio-navigation > a:not(.studio-contact-link) { border-bottom:1px solid currentColor; }
  html { scroll-padding-top:0; }

}
@media(prefers-reduced-motion:reduce) {
  .studio-header,.studio-header *,.studio-header *::before,.studio-header *::after { transition:none!important; }
}
@media(max-width:800px) {
  .studio-header:not(.is-enhanced) { position:relative; inset:auto; margin:16px; flex-wrap:wrap; }
  .studio-header:not(.is-enhanced) .studio-header-controls,.studio-header:not(.is-enhanced) .studio-menu-panel { width:100%; }
  .studio-header:not(.is-enhanced) .studio-navigation { flex-direction:row; flex-wrap:wrap; }
}

/* Only the lettering changes contrast; the symbol keeps its brand colors. */
.studio-signature { color:var(--header-ink,#001842); }
.studio-logo-svg [fill="#1e1e1e"] { fill:currentColor; }

.studio-navigation > a { color:var(--header-ink,inherit); }
.studio-header:not(.is-enhanced) { position:relative; inset:auto; margin:24px 32px; }
@media(max-width:800px) {
  .studio-header.is-menu-open .studio-menu-panel { backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
  .studio-header:not(.is-enhanced) { margin:16px; }
}