/* Shared navigation for the entrance, studios, Peaches and legacy pages. */
.site-header{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:24px;height:100px;flex-shrink:0;padding:0 var(--gutter,5vw);border-bottom:1px solid currentColor;border-bottom-color:color-mix(in srgb,currentColor 18%,transparent)}
.site-brand{color:inherit;text-decoration:none;flex-shrink:0}
.site-wordmark{font:35px/1 "Instrument Serif",Georgia,serif;letter-spacing:-.04em;white-space:nowrap}
.site-wordmark sup{display:inline-block;vertical-align:top;font:12px/1 "Instrument Sans",Arial,sans-serif;margin:4px 0 0 4px;letter-spacing:0}
.site-gold{color:#b79b62}
.site-house{font:11px/1.5 "Instrument Sans",Arial,sans-serif;letter-spacing:.14em}
.site-header .site-links{display:flex;gap:34px;align-items:center;font:13px/1.5 "Instrument Sans",Arial,sans-serif}
.site-header .site-links a{display:flex;align-items:center;min-height:44px;padding:10px 0;color:inherit;text-decoration:none;max-width:none}
.site-links svg{display:none}
.site-links [aria-current]{border-bottom:1px solid currentColor}
.menu-toggle{display:none;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 12px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:10px;font:12px/1.5 "Instrument Sans",Arial,sans-serif;cursor:pointer}
.menu-toggle svg,.menu-close svg,.menu-links svg{width:22px;height:22px;flex-shrink:0}
.site-menu{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #53596a;border-radius:20px;background:#0d132d;color:#f4f1e7;overflow:auto}
.site-menu::backdrop{background:#060b20b8}
.menu-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;font:10px/1.5 "Instrument Sans",Arial,sans-serif;letter-spacing:.12em}
.menu-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;color:inherit;border:1px solid #ffffff60;background:#ffffff12;border-radius:50%;cursor:pointer}
.menu-links{display:flex;flex-direction:column;margin:28px 0}
.menu-links a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid #ffffff35;font:clamp(34px,8vw,48px)/1.2 "Instrument Serif",Georgia,serif;color:inherit;text-decoration:none}
.menu-links a[aria-current]{color:#e1c68e}
.menu-note{margin:0;font:12px/1.8 "Instrument Sans",Arial,sans-serif;color:#e0e0df}
.menu-note i{font:24px/1.8 "Instrument Serif",Georgia,serif}
.site-header a:focus-visible,.site-header button:focus-visible,.site-menu a:focus-visible,.site-menu button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.site-skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-skip:focus{position:fixed;top:12px;left:12px;z-index:200;width:auto;height:auto;clip-path:none;background:#f4f1e7;color:#0d132d;padding:12px}
body.menu-open{overflow:hidden}
@media(max-width:700px){
 .site-header{height:76px;gap:12px}
 .site-wordmark{font-size:30px}
 .site-header .site-links{gap:16px;font-size:12px;flex-wrap:wrap}
 .site-header{height:auto;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
 .site-header.menu-ready{height:76px;flex-wrap:nowrap;padding-top:0;padding-bottom:0}
 .menu-ready .site-links{display:none}
 .menu-ready .menu-toggle{display:flex}
 .site-house{font-size:10px}
}
@media(prefers-reduced-transparency:reduce){.site-menu::backdrop{background:#060b20}}

/* Rounded, solid controls in the house palette. */
:root{--button-ink:#f4f1e7;--button-fill:#182039;--button-edge:#737785;--button-hover:#27314a}
.paper{--button-ink:#0d132d;--button-fill:#ede9de;--button-edge:#92939b;--button-hover:#e1dccf}
.site-menu,.vov,.preel__frame{--button-ink:#f4f1e7;--button-fill:#182039;--button-edge:#737785;--button-hover:#27314a}
:is(button,.entry-link,.solid-link,.btn,#send-message){
 border-radius:999px;
 border:1px solid var(--button-edge);
 color:var(--button-ink);
 background:var(--button-fill);
 box-shadow:none;
}
@media(hover:hover){:is(button,.entry-link,.solid-link,.btn,#send-message):hover{background:var(--button-hover);color:var(--button-ink)}}
.solid-link,.btn{min-height:44px;padding:12px 20px}
.suggestions{gap:10px}
.suggestions button{padding:12px 16px;min-height:44px;align-items:center}
.sidebar-actions button{padding:8px 12px}
.site-header .menu-toggle,.site-menu .menu-close{background:transparent!important;color:inherit!important;border:1px solid currentColor!important;box-shadow:none}
@media(hover:hover) and (pointer:fine){.site-header .menu-toggle:hover,.site-menu .menu-close:hover{background:transparent;color:inherit;opacity:.75}}