.project-cinema{background:#171a18;color:#fff;padding:100px 0 82px;overflow:hidden}.cinema-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px}.cinema-heading .eyebrow{color:#ffc500}.cinema-heading h2{font-size:clamp(50px,5.7vw,90px);line-height:.98;margin:20px 0 0}.cinema-heading h2 em{color:#ffc500;font-style:normal}.cinema-heading>p{max-width:355px;color:#b6bcb5;line-height:1.8;margin-bottom:4px}.cinema-stage{position:relative;isolation:isolate;aspect-ratio:2.2;min-height:420px;background:#252c27;overflow:hidden}.cinema-poster,.cinema-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-preview{opacity:0;transition:opacity .7s}.cinema-stage.is-playing .cinema-preview{opacity:1}.cinema-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.23),transparent 35%,rgba(0,0,0,.8));z-index:1;pointer-events:none}.cinema-topline,.cinema-stage-bottom{position:absolute;inset-inline:36px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:28px}.cinema-topline{top:26px;font-size:10px;letter-spacing:.14em;font-weight:700}.cinema-topline>span{display:flex;align-items:center;gap:10px}.cinema-topline i{width:6px;height:6px;background:#ffc500;border-radius:50%}.cinema-motion{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff60;background:#15161655;color:white;font:inherit;cursor:pointer}.cinema-motion[hidden]{display:none}.cinema-stage-bottom{bottom:34px;align-items:flex-end}.cinema-category{color:#ffc500;font-size:10px;letter-spacing:.15em;font-weight:700;margin:0 0 9px}.cinema-title{font-size:clamp(32px,4vw,60px);line-height:1.05;margin:0 0 12px}.cinema-description{max-width:500px;color:#d0d3cf;font-size:13px;line-height:1.6;margin:0}.cinema-watch{display:flex;align-items:center;gap:17px;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;text-decoration:none}.cinema-watch small{display:block;font-size:9px;letter-spacing:.12em;color:#ccd0c9;margin-top:7px}.cinema-play{display:grid;place-items:center;width:68px;height:68px;border:1px solid #ffc500;border-radius:50%;color:#171a18;background:#ffc500;transition:transform .25s,box-shadow .25s}.cinema-play svg{width:21px;height:21px}.cinema-watch:hover .cinema-play{transform:scale(1.07);box-shadow:0 0 0 8px #ffc50020}.cinema-strip-heading{display:flex;justify-content:space-between;padding:26px 0 18px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#acb4aa}.cinema-position{color:#ffc500}.cinema-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:15px}.cinema-card{min-width:0;text-decoration:none;color:#aab0a9;transition:color .2s}.cinema-card-image{position:relative;aspect-ratio:1.6;overflow:hidden;background:#30362f;border-bottom:3px solid transparent}.cinema-card-image img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .3s,transform .5s}.cinema-card:hover img,.cinema-card.is-selected img{opacity:1}.cinema-card:hover img{transform:scale(1.045)}.cinema-card.is-selected{color:#fff}.cinema-card.is-selected .cinema-card-image{border-color:#ffc500}.cinema-card-number,.cinema-card-duration{position:absolute;z-index:1;background:#101612aa;color:#fff;font-size:9px;padding:3px 6px}.cinema-card-number{top:8px;inset-inline-start:8px}.cinema-card-duration{bottom:9px;inset-inline-end:7px}.cinema-card-title{display:block;font-size:11px;line-height:1.5;font-weight:600;padding-top:10px}.project-cinema :focus-visible{outline:2px solid #ffc500;outline-offset:5px}.cinema-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0 4vw;background:#0c0e0d;color:white;border:0;overflow:auto}.cinema-dialog::backdrop{background:#0c0e0d}.cinema-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.cinema-dialog-bar{display:flex;align-items:center;justify-content:space-between;min-height:78px;font-size:24px;letter-spacing:.07em;font-weight:800}.cinema-dialog-label{font-size:9px;margin-inline-start:15px;color:#b2b9b0;vertical-align:middle}.cinema-dialog button{background:transparent;border:1px solid #ffffff40;color:white;cursor:pointer;width:42px;height:42px;display:grid;place-items:center;font-size:28px}.cinema-dialog button:hover{color:#ffc500;border-color:#ffc500}.cinema-player{width:100%;height:100%;min-height:0;object-fit:contain;align-self:center;background:#000}.cinema-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0 28px}.cinema-dialog-category{font-size:9px;letter-spacing:.13em;color:#ffc500;margin:0 0 5px}.cinema-dialog-footer h3{font-size:26px;margin:0}.cinema-dialog-navigation{display:flex;gap:18px;align-items:center}.cinema-dialog-position{font-size:12px;color:#b2b9b0}.cinema-playback-error{margin:0 0 20px}.cinema-playback-error a{color:#ffc500;text-decoration:underline}.cinema-open{overflow:hidden}[dir=rtl] .cinema-heading h2{line-height:1.3;font-size:clamp(36px,4.5vw,65px)}[dir=rtl] .cinema-title{font-size:clamp(28px,3vw,46px);line-height:1.4}[dir=rtl] .cinema-dialog-navigation button{transform:scaleX(-1)}
@media(max-width:1000px){.project-cinema{padding:72px 0}.cinema-strip{grid-template-columns:repeat(7,170px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px;scrollbar-color:#ffc500 #30362f;scrollbar-width:thin}.cinema-card{scroll-snap-align:start}.cinema-heading>p{max-width:300px;font-size:14px}.cinema-stage{min-height:410px}.cinema-topline,.cinema-stage-bottom{inset-inline:26px}.cinema-description{max-width:350px}.cinema-watch{font-size:12px}.cinema-play{width:55px;height:55px}}
@media(max-width:600px){.project-cinema{padding:56px 0}.cinema-heading{display:block;margin-bottom:28px}.cinema-heading h2{font-size:56px}.cinema-heading>p{margin-top:22px;max-width:100%;font-size:13px}.cinema-stage{aspect-ratio:3/4;min-height:0}.cinema-topline{top:17px;font-size:8px;letter-spacing:.08em}.cinema-topline,.cinema-stage-bottom{inset-inline:19px}.cinema-stage-bottom{bottom:24px;display:block}.cinema-title{font-size:37px}.cinema-description{font-size:12px}.cinema-watch{margin-top:24px}.cinema-play{width:47px;height:47px}.cinema-strip{grid-template-columns:repeat(7,145px);gap:12px}.cinema-dialog{padding:0 16px}.cinema-dialog-bar{min-height:64px;font-size:21px}.cinema-dialog-label{font-size:8px;margin-inline-start:6px}.cinema-dialog-footer{padding-bottom:20px}.cinema-dialog-footer h3{font-size:21px}.cinema-dialog-navigation{gap:10px}.cinema-dialog button{width:35px;height:35px}.cinema-dialog-category{font-size:8px}[dir=rtl] .cinema-heading h2{font-size:39px}[dir=rtl] .cinema-title{font-size:30px}}
@media(prefers-reduced-motion:reduce){.project-cinema *{transition:none!important;scroll-behavior:auto!important}}

.project-cinema{scroll-margin-top:150px}.cinema-motion svg{width:16px;height:16px}.cinema-dialog button svg{width:20px;height:20px}
.cinema-dialog [data-cinema-close]{padding:0;line-height:1;box-sizing:border-box}.cinema-dialog [data-cinema-close]>span{display:grid;place-items:center;line-height:0}.cinema-dialog [data-cinema-close] svg{display:block;margin:0}
@media(max-width:600px){.project-cinema{scroll-margin-top:90px}}

.cinema-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(155px,1fr);overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory;scrollbar-color:#ffc500 #30362f;scrollbar-width:thin}.cinema-card{scroll-snap-align:start}
@media(max-width:1000px){.cinema-strip{grid-template-columns:none;grid-auto-columns:170px}}
@media(max-width:600px){.cinema-strip{grid-auto-columns:145px}}