:root{--studio-gold:#d99a3d;--studio-ink:#070707;--studio-line:rgba(217,154,61,.28)}
body.studio-room{background:#050505}
body.studio-room #site-header,body.studio-room #site-footer{display:none!important}
.studio-nav{position:sticky;top:0;z-index:80;background:rgba(3,3,3,.96);border-bottom:1px solid var(--studio-line);box-shadow:0 12px 30px rgba(0,0,0,.42);font-family:var(--font-mono,"Space Mono",monospace)}
.studio-nav__scroll{display:flex;align-items:stretch;gap:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--studio-gold) #111;padding-inline:max(12px,calc((100vw - 1680px)/2))}
.studio-nav a{color:#d8d5cf;text-decoration:none;min-height:74px;display:flex;align-items:center;padding:11px 19px;border-right:1px solid rgba(255,255,255,.08);white-space:nowrap;position:relative}
.studio-nav a:first-child{color:#f0b65c;font-weight:700}
.studio-nav a[aria-current="page"]{color:#ffc56b;background:linear-gradient(180deg,rgba(217,154,61,.12),transparent)}
.studio-nav a[aria-current="page"]::after{content:"";position:absolute;inset:auto 10px 0;height:2px;background:#f0ad4e;box-shadow:0 0 13px #df8d27}
.studio-nav__copy{display:grid;gap:3px}
.studio-nav__title{font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.studio-nav__meta{font-size:9px;color:#89847d;letter-spacing:.035em;text-transform:uppercase}
.studio-nav a[aria-current="page"] .studio-nav__meta{color:#c49352}
@media(max-width:700px){.studio-nav a{min-height:64px;padding:9px 14px}.studio-nav__title{font-size:11px}.studio-nav__meta{font-size:8px}}
@media(prefers-reduced-motion:reduce){.studio-nav *{scroll-behavior:auto!important}}