.type-case .video-embed:has([data-cinema]){border:0;border-radius:0;background:#061724}
.video-load[data-cinema]{position:relative;isolation:isolate;align-items:flex-start;justify-content:flex-end;padding:clamp(20px,4vw,56px);gap:12px;text-align:left;overflow:hidden;background:#061724}
.video-load[data-cinema]::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,12,20,.02) 20%,rgba(2,12,20,.86) 100%)}
.cinema-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.video-load[data-cinema]:hover .cinema-cover{transform:scale(1.025)}
.video-load[data-cinema] .video-play{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:64px;height:64px;border-color:#e6f3f9;background:#06172455;color:white}
.video-load[data-cinema] strong{font-size:clamp(18px,2.5vw,34px);line-height:1.15;max-width:85%;text-wrap:balance}
.video-load[data-cinema]>span:last-child{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e6f3f9}
.project-cinema{box-sizing:border-box;width:min(1440px,96vw);max-width:96vw;max-height:96dvh;padding:20px;border:1px solid #426071;background:#04131f;color:#f0f7fa;overflow:auto}
.project-cinema::backdrop{background:rgba(0,7,12,.94)}
.cinema-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.cinema-bar h2{font:500 clamp(14px,1.6vw,22px)/1.3 Arial,sans-serif;margin:0;max-width:85%}
.cinema-close{min-width:80px;min-height:44px;border:1px solid #7895a2;color:inherit;background:transparent;cursor:pointer}
.cinema-screen{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(96dvh - 135px);background:black}
.cinema-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cinema-external{display:inline-block;padding:14px 0 0;color:#91dbea;font-size:13px}
.project-cinema :focus-visible{outline:2px solid #91dbea;outline-offset:3px}
@media(max-width:700px){.project-cinema{padding:12px;width:100vw;max-width:100vw}.cinema-bar{gap:12px}.cinema-bar h2{max-width:70%}.video-load[data-cinema] .video-play{width:44px;height:44px;top:28%;font-size:18px}.video-load[data-cinema] strong{max-width:100%;font-size:16px}.video-load[data-cinema]{padding:16px;gap:6px}.video-load[data-cinema]>span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cinema-cover{transition:none}.video-load[data-cinema]:hover .cinema-cover{transform:none}}