/* Cinematic identity: shared vector master, live accessible slogan text. */
.site-header .logo { display: flex; align-items: center; min-height: 48px; line-height: 1; }
.site-header .logo img { display: block; width: 90px; height: auto; }
.hero__tagline { gap: .8rem; font-size: clamp(1.1rem, 1.4vw, 1.4rem); letter-spacing: .035em; }
.hero__tagline .grade-line { background: var(--charcoal); }
.site-footer { background: #171917; color: #edece5; padding: clamp(4rem,8vw,8rem) 3.5vw 2rem; }
.footer-brand { width: min(100%, 680px); margin: 0 auto clamp(4rem,7vw,7rem); text-align: center; }
.site-footer .footer-wordmark { display: block; font-size: inherit; line-height: 1; }
.footer-wordmark img { display: block; width: 100%; height: auto; }
.footer-slogan { margin: 1.6rem 0 .7rem; color: #d9ed50; font-size: clamp(1.35rem,3vw,2.5rem); letter-spacing: .13em; font-weight: 400; }
.footer-descriptor { margin: 0; color: #d9ed50; font-size: clamp(.65rem,1vw,.9rem); letter-spacing: .23em; text-transform: uppercase; }
.site-footer .footer-bottom { border-color: #56594f; color: #b7bab0; font-size: .8rem; }
.site-footer .footer-bottom a { color: #edece5; }
@media(max-width:900px) {
 .site-header .logo img { width: 78px; }
 .site-footer { padding: 4rem 6vw 2rem; }
 .footer-brand { max-width: 540px; }
 .footer-slogan { letter-spacing: .08em; }
}

/* Give the studio name its own presence in the existing hero. */
.hero__brand { display: flex; align-items: center; gap: 1.5rem; }
.hero__brand img { display: block; width: clamp(130px, 11vw, 170px); height: auto; }
.hero__brand .eyebrow { margin: 0; line-height: 1.65; }
@media(max-width:600px) {
 .hero__brand { gap: 1.15rem; }
 .hero__brand img { width: 120px; }
}