/* Approved Temida hero. All visual rules are scoped to the hero. */
:root{--temida-font-sans:Mulish,sans-serif;--hero-ink:var(--temida-navy);--hero-gutter:clamp(24px,4.45vw,80px);--hero-header-height:97px}
.film-hero{display:flex;flex-direction:column;gap:0;margin:0;padding:0 0 68px;width:100%;color:var(--hero-ink);font-family:Mulish,sans-serif}
.film-hero__media{position:relative;width:100%;height:calc(100vh - var(--hero-header-height));height:calc(100svh - var(--hero-header-height));background:#dfe3e8}
.film-hero__loop{display:block;width:100%;height:100%;object-fit:cover;object-position:center 49%;max-width:none}
.film-hero__copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,29%);gap:48px;align-items:end;width:100%;max-width:1920px;margin:0 auto;padding:48px var(--hero-gutter) 0}
.film-hero__eyebrow{font-size:11px;letter-spacing:.12em;font-weight:650;line-height:1.6;color:var(--temida-muted);margin:0 0 16px}
.film-hero h1{font-family:Mulish,sans-serif;color:#151c31;font-size:clamp(58px,6.35vw,110px);font-weight:500;letter-spacing:-.065em;line-height:1.015;text-wrap:initial;margin:0;max-width:none}
.film-hero__aside{padding-bottom:6px;max-width:370px}
.film-hero__aside>p{font-size:clamp(16px,1.3vw,19px);line-height:1.6;letter-spacing:-.015em;max-width:340px;margin:0 0 23px;color:var(--temida-muted)}
.film-hero__contact{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:11px 0;border-bottom:1px solid #151c31;color:#151c31;text-decoration:none;font-size:15px;font-weight:750;max-width:245px}
.film-hero__contact svg{width:22px;height:22px;transition:transform 180ms ease;flex-shrink:0}
.film-hero__contact:hover svg{transform:translate(2px,-2px)}
.film-hero__contact:hover{color:var(--temida-blue);border-color:var(--temida-blue)}
.film-hero__media:focus-visible,.film-hero a:focus-visible{outline:2px solid #395caa;outline-offset:4px}
.film-hero__media:focus-visible{outline-offset:-4px}
@media(min-width:1700px){.film-hero__copy{grid-template-columns:minmax(0,1fr) 340px}}
@media(min-width:761px) and (max-height:820px){.film-hero{padding-bottom:42px}.film-hero h1{font-size:clamp(58px,5.7vw,85px)}}
@media(max-width:1100px){:root{--hero-header-height:73px}.film-hero__copy{grid-template-columns:minmax(0,1fr) 280px;gap:32px}.film-hero h1{font-size:clamp(58px,7.5vw,82px)}}
@media(max-width:760px){
 :root{--hero-gutter:22px}
 .film-hero{padding-bottom:42px}
 .film-hero__media{height:auto;aspect-ratio:16/9}
 .film-hero__copy{grid-template-columns:1fr;gap:21px;padding-top:32px}
 .film-hero__eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:12px}
 .film-hero h1{font-size:clamp(47px,13.4vw,86px);letter-spacing:-.055em;line-height:1.045}
 .film-hero__aside{max-width:none;padding-bottom:0;display:grid;grid-template-columns:1fr;gap:13px}
 .film-hero__aside>p{font-size:15px;line-height:1.6;max-width:330px;margin:0}
 .film-hero__contact{font-size:14px;max-width:205px;min-height:46px;padding:10px 0}
}
@media(max-width:359px){:root{--hero-gutter:18px}.film-hero h1{font-size:46px}.film-hero__eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.film-hero *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
