/* Scoped cinema: the main navigation and the existing catalogue remain intact. */
.eg-cinema{--eg-head:100px;position:relative;height:740svh;color:#fff8e9;background:#15251e;isolation:isolate}
.eg-stage{position:sticky;top:var(--eg-head);height:calc(100svh - var(--eg-head));min-height:350px;overflow:hidden;background:#15251e}
.eg-canvas,.eg-poster,.eg-shade{position:absolute;inset:0;width:100%;height:100%;display:block}.eg-poster{object-fit:cover}.eg-canvas{opacity:0}.eg-cinema[data-ready] .eg-canvas{opacity:1}.eg-shade{pointer-events:none;background:linear-gradient(180deg,#10211975 0%,transparent 28%,transparent 46%,#0a1b158a 78%,#091812e8 100%)}
.eg-topline{position:absolute;top:27px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font:12px/1.5 Arial,sans-serif;letter-spacing:.19em}.eg-caption{position:absolute;bottom:104px;left:5%;right:5%;max-width:760px;text-shadow:0 2px 20px #0004;will-change:opacity,transform}.eg-caption .eg-kicker{font:12px/1.5 Arial,sans-serif;letter-spacing:.2em;margin:0 0 14px}.eg-caption h1{font:normal clamp(40px,4.8vw,76px)/1.03 Georgia,serif;letter-spacing:-.025em;margin:0;color:inherit}.eg-detail{margin:18px 0 0!important;font:16px/1.6 Arial,sans-serif;max-width:540px;color:#f0eadb}.eg-controls{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:5%;right:5%;display:flex;align-items:center;gap:26px;font:14px/1.3 Arial,sans-serif}.eg-play,.eg-replay{min-height:44px;padding:10px 18px;border:1px solid #fff7dc70;border-radius:28px;background:#18302455;color:inherit;backdrop-filter:blur(10px);white-space:nowrap}.eg-play span{margin-left:14px}.eg-hint{font-size:12px;letter-spacing:.07em}.eg-skip{margin-left:auto;min-height:44px;display:flex;align-items:center}.eg-rail{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff30}.eg-rail span{display:block;background:#ecd2a1;height:100%;transform-origin:left;transform:scaleX(0)}.eg-load{position:absolute;top:60px;right:5%;font:12px/1.5 Arial,sans-serif;color:#fff8e9}.eg-handoff{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 5%;background:#1d3227;color:#fff8e9;scroll-margin-top:100px}.eg-handoff p{font:24px/1.2 Georgia,serif}.eg-handoff a{font-size:14px;border-bottom:1px solid #ffffff70;padding:10px 0}.eg-handoff a span{margin-left:24px}.eg-replay{background:transparent;font-size:14px}.eg-cinema button:focus-visible,.eg-handoff button:focus-visible,.eg-cinema a:focus-visible{outline:3px solid #f4d79c;outline-offset:4px}
@media(max-width:1280px){.eg-cinema{--eg-head:84px}}
@media(max-width:700px){.eg-cinema{height:680svh}.eg-stage{min-height:340px}.eg-topline{top:22px;left:6%;right:6%;font-size:12px;letter-spacing:.13em}.eg-edition{display:none}.eg-caption{left:6%;right:6%;bottom:118px}.eg-caption h1{font-size:clamp(34px,9vw,46px);line-height:1.07;max-width:340px}.eg-caption .eg-kicker{letter-spacing:.13em;font-size:12px;margin-bottom:12px}.eg-detail{font-size:14px;max-width:300px;margin-top:12px!important}.eg-controls{left:6%;right:6%;bottom:max(24px,env(safe-area-inset-bottom));gap:12px;flex-wrap:wrap}.eg-play{font-size:14px;padding:10px 15px}.eg-hint{position:absolute;bottom:58px;font-size:12px}.eg-skip{font-size:14px}.eg-shade{background:linear-gradient(180deg,#0b201b55,transparent 24%,transparent 44%,#0c211bbc 77%,#0c211bf5)}.eg-handoff{padding:28px 6%;display:grid;grid-template-columns:1fr auto;gap:20px 12px}.eg-handoff p{grid-column:1/-1;font-size:25px}.eg-handoff a{font-size:14px}.eg-handoff a span{margin-left:8px}.eg-replay{padding:10px 13px}.eg-load{top:48px;left:6%;right:auto}.eg-poster{object-position:50% 50%}}
@media(max-height:500px) and (orientation:landscape){.eg-stage{min-height:260px}.eg-caption{bottom:76px}.eg-caption h1{font-size:32px}.eg-detail{display:none}.eg-topline{top:12px}.eg-controls{bottom:15px}.eg-hint{position:static}.eg-caption .eg-kicker{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.eg-cinema{height:calc(100svh - 84px);min-height:460px}.eg-stage{position:relative;top:0;height:100%}.eg-caption{will-change:auto}}
body:has(.eg-cinema[data-active]) .back-to-top{visibility:hidden;pointer-events:none}