.eo-cinema{--eo-cinema-ground:var(--eo-gray-6-dark);--eo-cinema-glow-rest:0.55;--eo-cinema-dim:0.55;--eo-cinema-screen-vw:100vw;position:relative;margin-top:0;padding-block:24px;background:var(--eo-cinema-ground);contain:paint;view-timeline:--eo-cinema block;display:grid;grid-template-columns:minmax(0,1fr);touch-action:pan-y}.eo-cinema__screen-wrap{grid-row:1;grid-column:1/-1;position:relative;justify-self:center;width:min(var(--eo-cinema-screen-vw),100%);container-type:inline-size}.eo-cinema__screen{--eo-cut-x:clamp(var(--eo-cut-min),100cqw * var(--eo-cut-k),var(--eo-cut-max));--eo-cut-y:calc(var(--eo-cut-x) * 7 / 9);position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--eo-black);clip-path:polygon(var(--eo-cut-x) 0,calc(100% - var(--eo-cut-x)) 0,100% var(--eo-cut-y),100% calc(100% - var(--eo-cut-y)),calc(100% - var(--eo-cut-x)) 100%,var(--eo-cut-x) 100%,0 calc(100% - var(--eo-cut-y)),0 var(--eo-cut-y))}.eo-cinema{--eo-cinema-edge:color-mix(in srgb,var(--eo-cinema-ground) 100%,transparent) 0%,color-mix(in srgb,var(--eo-cinema-ground) 88%,transparent) 12%,color-mix(in srgb,var(--eo-cinema-ground) 70%,transparent) 25%,color-mix(in srgb,var(--eo-cinema-ground) 48%,transparent) 40%,color-mix(in srgb,var(--eo-cinema-ground) 28%,transparent) 55%,color-mix(in srgb,var(--eo-cinema-ground) 12%,transparent) 70%,color-mix(in srgb,var(--eo-cinema-ground) 3%,transparent) 85%,transparent 100%;--eo-cinema-pad:24px;--eo-cinema-side:max(0px,calc((100% - min(var(--eo-cinema-screen-vw), 100%)) / 2))}@media (min-width:1080px){.eo-cinema{--eo-cinema-pad:72px}}.eo-cinema:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--eo-cinema-edge)) top /100% var(--eo-cinema-pad) no-repeat,linear-gradient(to top,var(--eo-cinema-edge)) bottom /100% var(--eo-cinema-pad) no-repeat,linear-gradient(to right,var(--eo-cinema-edge)) 0 /var(--eo-cinema-side) 100% no-repeat,linear-gradient(to left,var(--eo-cinema-edge)) 100% /var(--eo-cinema-side) 100% no-repeat}@media (min-width:641px){.eo-cinema{--eo-cinema-screen-vw:70vw}}@media (min-width:1080px){.eo-cinema{padding-block:72px}}.eo-cinema__house{position:absolute;inset:0;pointer-events:none}.eo-cinema__dim{position:absolute;inset:0;background:var(--eo-black);opacity:0}.eo-cinema__level{position:absolute;inset:0;transition:opacity var(--eo-dur-slow) var(--eo-ease-out)}.eo-cinema__plate{position:absolute;left:0;top:0;width:calc(100cqw / 9);height:calc(100cqh / 9);transform:scale(9);transform-origin:0 0;filter:blur(2px);will-change:transform}.eo-cinema__light{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0}.eo-cinema__light[data-i="0"]{opacity:1}.eo-cinema__glow{position:absolute;inset:-10% -5% -40% -5%;container-type:size;pointer-events:none;mix-blend-mode:plus-lighter;-webkit-mask-image:radial-gradient(farthest-side at 50% 40%,var(--eo-black) 35%,transparent 100%);mask-image:radial-gradient(farthest-side at 50% 40%,var(--eo-black) 35%,transparent 100%)}@media (min-width:641px){.eo-cinema__glow{inset:-10% -14% -40% -14%}}.eo-cinema__glow>.eo-cinema__level{opacity:var(--eo-cinema-glow-rest)}@supports not (mix-blend-mode:plus-lighter){.eo-cinema__glow{mix-blend-mode:screen}}.eo-cinema__frame{object-fit:cover;opacity:0}.eo-cinema__frame[data-i="0"]{opacity:1}.eo-cinema__shade,.eo-cinema__veil{position:absolute;inset:0;background:var(--eo-black);opacity:0;pointer-events:none}.eo-cinema__screws,.eo-cinema__shade{transition:opacity var(--eo-dur-fast) var(--eo-ease-out)}.eo-cinema__screws{position:absolute;inset:0;color:var(--eo-neon);font-size:12px;opacity:0;pointer-events:none}.eo-cinema .eo-cinema__screw{position:absolute;animation-play-state:paused}.eo-cinema__screw--tl{top:18px;left:18px}.eo-cinema__screw--tr{top:18px;right:18px}.eo-cinema__screw--bl{bottom:18px;left:18px}.eo-cinema__screw--br{bottom:18px;right:18px}@media (min-width:1080px){.eo-cinema__screws{font-size:14px}.eo-cinema__screw--tl{top:30px;left:30px}.eo-cinema__screw--tr{top:30px;right:30px}.eo-cinema__screw--bl{bottom:30px;left:30px}.eo-cinema__screw--br{bottom:30px;right:30px}}.eo-cinema__hit{position:absolute;inset:0}.eo-cinema__play{position:absolute;left:12px;bottom:12px}@media (min-width:1080px){.eo-cinema__play{left:24px;bottom:24px}}.eo-cinema__player{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity var(--eo-dur-base) var(--eo-ease-out)}.eo-cinema[data-playing] .eo-cinema__player{opacity:1}.eo-cinema__swipe{display:none;position:absolute;inset:0;touch-action:pan-y}@media (pointer:coarse){.eo-cinema__swipe{display:block}}@media (hover:hover){.eo-cinema__screen-wrap:hover .eo-cinema__shade{opacity:.2}.eo-cinema__screen-wrap:hover .eo-cinema__screws{opacity:1}.eo-cinema__screen-wrap:hover .eo-cinema__screw{animation-play-state:running}}.eo-cinema__screen-wrap:has(.eo-cinema__play:focus-visible) .eo-cinema__shade{opacity:.2}.eo-cinema__screen-wrap:has(.eo-cinema__play:focus-visible) .eo-cinema__screws{opacity:1}.eo-cinema__screen-wrap:has(.eo-cinema__play:focus-visible) .eo-cinema__screw{animation-play-state:running}.eo-cinema[data-frames="3"] .eo-cinema__frame{animation:eo-cinema-cut-3 12s step-end infinite both}.eo-cinema[data-frames="2"] .eo-cinema__frame{animation:eo-cinema-cut-2 8s step-end infinite both}@keyframes eo-cinema-cut-3{0%{opacity:1}33.333%{opacity:0}to{opacity:0}}@keyframes eo-cinema-cut-2{0%{opacity:1}50%{opacity:0}to{opacity:0}}.eo-cinema[data-frames="3"] .eo-cinema__light{animation:eo-cinema-light-3 12s linear infinite both}.eo-cinema[data-frames="2"] .eo-cinema__light{animation:eo-cinema-light-2 8s linear infinite both}@keyframes eo-cinema-light-3{0%{opacity:0;animation-timing-function:var(--eo-ease-out)}1.833%{opacity:1}33.333%{opacity:1;animation-timing-function:var(--eo-ease-out)}35.167%{opacity:0}to{opacity:0}}@keyframes eo-cinema-light-2{0%{opacity:0;animation-timing-function:var(--eo-ease-out)}2.75%{opacity:1}50%{opacity:1;animation-timing-function:var(--eo-ease-out)}52.75%{opacity:0}to{opacity:0}}.eo-cinema:not([data-running]) :is(.eo-cinema__frame,.eo-cinema__light){animation-play-state:paused}.eo-cinema[data-playing] .eo-cinema__frame{animation-play-state:paused}.eo-cinema[data-playing] .eo-cinema__glow>.eo-cinema__level{opacity:calc(var(--eo-cinema-glow-rest) * .8)}.eo-cinema[data-playing] :is(.eo-cinema__shade,.eo-cinema__screws){display:none}@supports (animation-timeline:view()){.eo-cinema__dim{animation:eo-cinema-dim linear both;animation-timeline:--eo-cinema;animation-range:cover 10% cover 38%}.eo-cinema__house{animation:eo-cinema-house linear both;animation-timeline:--eo-cinema;animation-range:cover 75% cover 95%}.eo-cinema__veil{animation:eo-cinema-veil linear both;animation-timeline:--eo-cinema;animation-range:cover 15% cover 38%}.eo-cinema__glow{animation:eo-cinema-lamp linear both;animation-timeline:--eo-cinema;animation-range:cover 15% cover 38%}}@keyframes eo-cinema-dim{0%{opacity:0}to{opacity:var(--eo-cinema-dim)}}@keyframes eo-cinema-house{0%{opacity:1}to{opacity:0}}@keyframes eo-cinema-veil{0%{opacity:1}to{opacity:0}}@keyframes eo-cinema-lamp{0%{opacity:0}to{opacity:1}}@supports not (animation-timeline:view()){.eo-cinema__dim,.eo-cinema__glow,.eo-cinema__veil{transition:opacity var(--eo-dur-slow) var(--eo-ease-out)}.eo-cinema[data-enhanced]:not([data-lit]) .eo-cinema__veil{opacity:1}.eo-cinema[data-enhanced]:not([data-lit]) .eo-cinema__glow{opacity:0}.eo-cinema[data-lit] .eo-cinema__dim{opacity:var(--eo-cinema-dim)}}@media (prefers-reduced-motion:reduce){.eo-cinema :is(.eo-cinema__frame,.eo-cinema__light,.eo-cinema__dim,.eo-cinema__house,.eo-cinema__veil,.eo-cinema__glow){animation:none!important;transition:none!important}.eo-cinema .eo-cinema__dim,.eo-cinema .eo-cinema__veil{opacity:0!important}.eo-cinema .eo-cinema__glow,.eo-cinema .eo-cinema__house{opacity:1!important}.eo-cinema .eo-cinema__screw{animation:none}.eo-cinema .eo-cinema__player{transition:none}}.eo-cinema-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding-block:var(--eo-inset-y)}