.v4-cinema{height:340svh;position:relative;background:#05090c;color:#f7faf9;--scene-search:1;--scene-file:0;--scene-detail:0;--cinema-progress:0}
.v4-cinema-sticky{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#05090c}
.v4-cinema-sticky:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,9,12,.77),transparent 56%),linear-gradient(0deg,rgba(5,9,12,.58),transparent 30%)}
#cinemaCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.v4-cinema-top,.v4-cinema-bottom{position:absolute;left:max(5%,calc((100% - 1180px)/2));right:max(5%,calc((100% - 1180px)/2));z-index:4;display:flex;align-items:center;justify-content:space-between;gap:22px;font:700 10px Consolas,monospace;letter-spacing:.12em;color:#9db9b8}
.v4-cinema-top{top:108px}.v4-cinema-bottom{bottom:28px}
.cinema-progress-track{height:2px;flex:1;max-width:280px;background:#3d5354;overflow:hidden}.cinema-progress-track i{display:block;width:100%;height:100%;background:#99e5ca;transform:scaleX(var(--cinema-progress));transform-origin:left}
.v4-cinema-chapter{position:absolute;z-index:3;left:max(5%,calc((100% - 1180px)/2));top:50%;width:min(42%,540px);opacity:0;pointer-events:none;transform:translateY(calc(-50% + 25px));transition:opacity .22s linear,transform .22s linear}
.v4-cinema-chapter p{color:#dcb988;font:700 11px Consolas,monospace;letter-spacing:.13em}.v4-cinema-chapter h2{font-size:clamp(38px,4.7vw,72px);font-weight:760;line-height:1.13;margin:20px 0 27px}.v4-cinema-chapter>span{display:block;color:#b1c2c1;font-size:16px;line-height:1.7;max-width:440px}
.cinema-chapter-search{opacity:1;transform:translateY(-50%)}
.v4-cinema.is-ready .cinema-chapter-search{opacity:var(--scene-search);transform:translateY(calc(-50% + var(--search-offset,0px)))}
.v4-cinema.is-ready .cinema-chapter-file{opacity:var(--scene-file);transform:translateY(calc(-50% + var(--file-offset,0px)))}
.v4-cinema.is-ready .cinema-chapter-detail{opacity:var(--scene-detail);transform:translateY(calc(-50% + var(--detail-offset,0px)))}
.v4-cinema-asset{position:absolute;z-index:2;right:max(5%,calc((100% - 1180px)/2));top:50%;width:min(43%,530px);border:1px solid rgba(146,208,198,.5);background:#101d22;box-shadow:0 35px 90px rgba(0,0,0,.35);opacity:0;transform:translateY(-43%) scale(.84);pointer-events:none}
.v4-cinema.is-ready .cinema-asset-file{opacity:var(--scene-file);transform:translateY(calc(-50% + var(--file-offset,0px))) scale(var(--file-scale,1))}
.v4-cinema.is-ready .cinema-asset-params{opacity:var(--scene-detail);transform:translateY(calc(-50% + var(--detail-offset,0px))) scale(var(--detail-scale,1))}
.cinema-asset-head{display:flex;justify-content:space-between;gap:12px;padding:17px 22px;border-bottom:1px solid #365358;background:#192d32;color:#b9d8d3;font:700 10px Consolas,monospace;letter-spacing:.08em}
.cinema-asset-core{display:flex;flex-direction:column;justify-content:center;height:250px;margin:27px 28px 18px;padding:28px 35px;border:1px solid rgba(145,218,203,.46);background:linear-gradient(130deg,#1a3b3b,#12262b);box-shadow:inset 0 0 50px rgba(91,183,164,.08)}
.cinema-asset-core>span,.cinema-asset-core i{color:#a4cbbf;font:700 11px Consolas,monospace;letter-spacing:.12em;font-style:normal}.cinema-asset-core strong{font-size:clamp(65px,7vw,110px);font-weight:740;line-height:1.15}.cinema-asset-core strong span{color:#81dcc0}.cinema-asset-strips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 28px 28px}.cinema-asset-strips span{padding:12px 13px;border:1px solid #456466;color:#d6e9e4;font:700 11px Consolas,monospace}
.cinema-asset-params{padding-bottom:18px}.cinema-param-row{display:flex;justify-content:space-between;gap:15px;padding:21px 28px;border-bottom:1px solid #355157;font:700 14px Consolas,monospace}.cinema-param-row span{color:#b2cdca}.cinema-param-row strong{color:#d8e9d8}.cinema-param-row:nth-child(3){background:#20393c}.cinema-param-foot{padding:17px 28px;color:#cda87b;font:700 10px Consolas,monospace;letter-spacing:.09em}
@media(max-width:760px){.v4-cinema{height:310svh}.v4-cinema-sticky:before{background:linear-gradient(0deg,#05090c 6%,transparent 57%)}.v4-cinema-top,.v4-cinema-bottom{left:18px;right:18px;font-size:9px}.v4-cinema-top{top:90px}.v4-cinema-top span:last-child{display:none}.v4-cinema-bottom{bottom:22px}.v4-cinema-chapter{left:20px;right:20px;top:auto;bottom:10%;width:auto;transform:translateY(20px)}.v4-cinema-chapter h2{font-size:clamp(31px,8vw,48px);margin:12px 0 15px}.v4-cinema-chapter>span{font-size:13px}.cinema-chapter-search{transform:none}.v4-cinema.is-ready .cinema-chapter-search{transform:translateY(var(--search-offset,0px))}.v4-cinema.is-ready .cinema-chapter-file{transform:translateY(var(--file-offset,0px))}.v4-cinema.is-ready .cinema-chapter-detail{transform:translateY(var(--detail-offset,0px))}.v4-cinema-asset{top:39%;right:6%;left:6%;width:auto;max-height:43vh}.cinema-asset-core{height:15vh;min-height:105px;margin:12px;padding:17px}.cinema-asset-core strong{font-size:52px}.cinema-asset-core>span,.cinema-asset-core i{font-size:8px}.cinema-asset-strips{margin:0 12px 12px;gap:5px}.cinema-asset-strips span{padding:8px;font-size:8px}.cinema-asset-head{padding:11px 12px;font-size:8px}.cinema-param-row{padding:10px 16px;font-size:10px}.cinema-param-foot{padding:10px 16px;font-size:8px}}
@media(max-width:420px){.v4-cinema-chapter{bottom:12%}.v4-cinema-chapter h2{font-size:29px}.v4-cinema-asset{top:38%}.cinema-asset-core{height:12vh;min-height:95px}.cinema-asset-core strong{font-size:44px}}
@media(prefers-reduced-motion:reduce){.v4-cinema{height:auto}.v4-cinema-sticky{position:relative;height:auto;min-height:610px;padding:110px 20px 70px}.v4-cinema-top,.v4-cinema-bottom,#cinemaCanvas,.v4-cinema-asset{display:none}.v4-cinema-chapter,.v4-cinema.is-ready .v4-cinema-chapter{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:700px;margin:0 auto 42px;opacity:1!important;transform:none!important;transition:none}.v4-cinema-chapter h2{font-size:clamp(32px,6vw,52px)}}
.v4-cinema.is-ready .cinema-chapter-search{transform:translateY(calc(-50% + var(--search-offset,0px)))}
.v4-cinema.is-ready .cinema-chapter-file{transform:translateY(calc(-50% + var(--file-offset,0px)))}
.v4-cinema.is-ready .cinema-chapter-detail{transform:translateY(calc(-50% + var(--detail-offset,0px)))}
.v4-cinema.is-ready .cinema-asset-file{transform:translateY(calc(-50% + var(--file-offset,0px))) scale(var(--file-scale,1))}
.v4-cinema.is-ready .cinema-asset-params{transform:translateY(calc(-50% + var(--detail-offset,0px))) scale(var(--detail-scale,1))}
@media(max-width:760px){.v4-cinema.is-ready .cinema-chapter-search{transform:translateY(var(--search-offset,0px))}.v4-cinema.is-ready .cinema-chapter-file{transform:translateY(var(--file-offset,0px))}.v4-cinema.is-ready .cinema-chapter-detail{transform:translateY(var(--detail-offset,0px))}}
@media(prefers-reduced-motion:reduce){.v4-cinema.is-ready .v4-cinema-chapter{transform:none!important}}
.v4-motion-ready .v4-detail-number,.v4-motion-ready .v4-detail-spec,.v4-motion-ready .v4-path-steps a{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.v4-motion-ready .v4-detail:not(.is-in-view) .v4-detail-number{opacity:0;transform:translateY(60px)}
.v4-motion-ready .v4-detail:not(.is-in-view) .v4-detail-spec{opacity:0;transform:translateY(35px)}
.v4-motion-ready .v4-path:not(.is-in-view) .v4-path-steps a{opacity:0;transform:translateY(35px)}
.v4-motion-ready .v4-path-steps a:nth-child(2){transition-delay:.1s}.v4-motion-ready .v4-path-steps a:nth-child(3){transition-delay:.2s}
@media(prefers-reduced-motion:reduce){.v4-motion-ready .v4-detail-number,.v4-motion-ready .v4-detail-spec,.v4-motion-ready .v4-path-steps a{opacity:1!important;transform:none!important;transition:none!important}}