.editorial-hero.cinema-hero{grid-template-columns:minmax(0, .8fr) minmax(0,1.2fr);min-height:510px;background:#f7f0e5;border:1px solid #cbbca8;border-radius:8px}
.cinema-hero>div.cinema-copy{padding:48px 34px;background:#f7f0e5;min-width:0}
.cinema-hero h1{font-size:clamp(30px,3vw,44px);line-height:1.5;letter-spacing:.025em}
.cinema-hero .cinema-intro{margin:20px 0 25px;max-width:33em;line-height:1.9}
.cinema-hero .cinema-visual{position:relative;min-width:0;align-self:stretch;margin:0;display:flex;flex-direction:column;background:#e8d8be}
.cinema-frame{position:relative;flex:1;min-height:400px;overflow:hidden;background:#e8d8be}
.cinema-hero .hero-art.cinema-poster,.cinema-loop{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 50%;border-radius:0}
.cinema-loop{opacity:0;transition:opacity .45s ease}.cinema-loop.is-ready{opacity:1}
.cinema-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:#efe5d5;font-size:12px;color:#4b574f;min-height:65px}
.cinema-caption p{font-size:12px;margin:0}.cinema-caption button{flex-shrink:0}
.cinema-text-link{display:inline-flex;align-items:center;min-height:44px;gap:8px;margin-top:14px;font-size:14px;font-weight:650;color:#77553c}
.cinema-text-link .play-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid #aa8860;border-radius:50%;font-size:10px;padding-left:2px}
.cinema-control{font:inherit;cursor:pointer;min-height:44px;padding:8px 13px;border:1px solid #a5957d;border-radius:4px;background:#fffaf2;color:#29464b}
button:focus-visible,video:focus-visible,dialog a:focus-visible{outline:3px solid #936335;outline-offset:4px}
.cinema-dialog{width:min(1000px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #cbbca8;border-radius:8px;background:#fffaf2;color:#29464b;overflow:auto}
.cinema-dialog::backdrop{background:#182b2be0}.cinema-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.cinema-dialog-head h2{font-size:21px;margin:0}.cinema-dialog video{display:block;width:100%;max-height:65dvh;aspect-ratio:16/9;background:#182b2b;object-fit:contain}
.cinema-dialog-note{font-size:13px;margin:12px 0}.cinema-editions{display:flex;gap:10px;flex-wrap:wrap}.cinema-editions button[aria-pressed="true"]{background:#284b49;color:#fff}.cinema-player-error{color:#8b4938;font-size:14px;margin:12px 0 0}
.cinema-footer-counter{border-top:1px solid var(--line);padding:18px 0;margin-top:32px}
html.cinema-modal-open{overflow:hidden}
@media(min-width:761px) and (max-width:1100px){.editorial-hero.cinema-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:460px}.cinema-hero>div.cinema-copy{padding:34px 25px}.cinema-hero h1{font-size:33px}.cinema-frame{min-height:360px}.cinema-caption{flex-wrap:wrap;gap:4px}}
@media(max-width:760px){.editorial-hero.cinema-hero{display:flex;min-height:0}.cinema-hero>div.cinema-copy{padding:28px 24px}.cinema-hero h1{font-size:clamp(27px,7.6vw,36px)}.cinema-hero .cinema-intro{margin:14px 0 20px}.cinema-hero .cinema-visual{width:100%}.cinema-frame{flex:auto;min-height:0;aspect-ratio:16/9}.cinema-caption{padding:10px 14px;gap:8px}.cinema-caption p{font-size:11px;max-width:24em}.cinema-dialog{padding:14px;max-height:calc(100dvh - 20px)}.cinema-dialog-head h2{font-size:18px}.cinema-control{font-size:13px}.cinema-dialog video{max-height:55dvh}}
@media(prefers-reduced-motion:reduce){.cinema-loop{transition:none}}
