.space-cinema{border:1px solid #ffffff14;border-radius:24px;overflow:hidden;background:#18181a;isolation:isolate}
.space-cinema-screen{height:430px;position:relative;overflow:hidden;background:#111}
.space-cinema-camera{position:absolute;top:0;left:0;width:2310px;height:745px;transform-origin:0 0;will-change:transform}
.space-cinema-camera img{display:block;width:2310px;height:745px;max-width:none;user-select:none}
.space-cinema-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080809 0%,#080809db 15%,transparent 67%),linear-gradient(180deg,#080809bb,transparent 25%);pointer-events:none}
.space-cinema-label{position:absolute;top:24px;left:24px;right:24px;font-size:12px;font-weight:600;color:#fff;letter-spacing:.04em}.space-cinema-label>span{font-size:9px;letter-spacing:.12em;color:#bfc0c5;margin-left:8px}
.space-cinema-caption{position:absolute;bottom:24px;left:24px;right:24px;color:#f5f5f7}.space-cinema-caption>span{font-size:10px;letter-spacing:.12em;color:#f5f5f7;font-variant-numeric:tabular-nums}.space-cinema-caption h4{font-size:clamp(28px,4vw,48px);letter-spacing:-.04em;font-weight:500;line-height:1.1;margin:12px 0}.space-cinema-caption p{font-size:14px;line-height:1.6;color:#c7c7cd;max-width:50ch;margin:0}
@media(min-width:768px){.space-cinema-screen{height:auto;aspect-ratio:16/8}.space-cinema-caption{bottom:40px;left:40px;right:40px}.space-cinema-label{top:28px;left:40px}}
@media(max-width:600px){.space-cinema-screen{height:400px}}
@media(prefers-reduced-motion:reduce){.space-cinema-camera{will-change:auto}}