/* Shared navigation gives the work a clear route through the film. */
.site-header nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,36px)}
.site-header nav a[href]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font:var(--weight-medium) var(--size-control)/var(--leading-label) var(--font-label);letter-spacing:var(--tracking-label);white-space:nowrap}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--cream)}
.site-header nav a:focus-visible,.footer-links a:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.site-footer .footer-main{grid-template-columns:auto minmax(0,1fr);gap:32px;padding:30px 0 22px}
.site-footer .footer-links{display:flex;justify-content:flex-end;gap:12px 32px;flex-wrap:wrap}
.site-footer .footer-links a{font-size:12px;letter-spacing:.03em}
.site-footer .footer-signature{margin:0;padding:20px 0 12px;border-top:1px solid var(--line);text-align:center;font:var(--weight-regular) 10px/1.8 var(--font-label);letter-spacing:.06em;color:var(--muted)}
@media(max-width:760px){
 .site-header{height:116px;padding:8px 5vw 0;align-items:flex-start;mix-blend-mode:normal;background:linear-gradient(var(--color-bg),transparent)}
 .site-header .wordmark{width:62px;height:52px;min-height:44px}
 .site-header>.sound-toggle{margin:4px 0 0 auto;min-width:44px;min-height:44px}
 .site-header nav{position:absolute;left:4vw;right:4vw;bottom:4px;transform:none;display:grid;grid-template-columns:1.2fr 1fr .85fr 1.15fr 1fr;gap:0;margin:0}
 .site-header nav a[href]{display:flex;padding:0 1px;font-size:clamp(9px,2.35vw,11px);letter-spacing:0;min-width:0}
 .room-topline{top:138px}
 #releases,#contact{scroll-margin-top:128px}
 .site-footer .footer-main{grid-template-columns:1fr;justify-items:center;gap:16px;padding:26px 0 18px}
 .site-footer .footer-mark{width:90px;justify-self:center}
 .site-footer .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px;width:min(100%,390px)}
 .site-footer .footer-links a{justify-content:center;font-size:12px}
 .site-footer .footer-signature{padding-top:18px}
}
@media(max-height:540px) and (min-width:600px){
 .site-header{height:72px;align-items:center;padding:0 5vw}
 .site-header .wordmark{width:62px}
 .site-header nav{position:static;display:flex;gap:18px;transform:none;margin:auto}
 .site-header nav a[href]{font-size:10px}
 .site-header>.sound-toggle{margin:0;min-width:44px}
 .room-topline{top:90px}
 #releases,#contact{scroll-margin-top:84px}
}