/* A complete portrait film, projected inside the illustrated screen. */
.projector-video-surface{position:absolute;left:0;top:0;width:320px;height:256px;transform-origin:0 0;background:#142415;overflow:hidden;z-index:1;pointer-events:none;backface-visibility:hidden;box-shadow:inset 0 0 12px #0009}
.projector-video-surface video{display:block;width:100%;height:100%;object-fit:contain;background:linear-gradient(90deg,#122417,#30442a 48%,#122417);filter:sepia(.12) saturate(.92)}
.projector-video-surface::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#e5d3a00b 3px 4px);box-shadow:inset 0 0 16px #1d261d77}
.art-wrap .hot-screen{left:67.5%;top:52.5%;width:18%;height:28%;border-radius:0;z-index:3}
.art-wrap .hot-screen::after{content:none;display:none}

.holee-cinema{--cinema-gold:#f2d29a;color:#fff1d4;width:min(1000px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #cfbc8c88;border-radius:5px 32px 5px 32px;background:linear-gradient(130deg,#20391de8,#142912ef),url('assets/palette/moss.webp') center/650px;box-shadow:0 24px 100px #000a,0 4px 0 #6c794b;overflow:auto;overscroll-behavior:contain}
.holee-cinema::backdrop{background:#051009df;backdrop-filter:blur(10px)}
.holee-cinema[open]{animation:cinema-open .35s ease-out both}
.cinema-close{position:absolute;right:15px;top:14px;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:1px solid #f3d8a68c;border-radius:50%;background:#243d22;color:#fff0ce;font-size:29px;line-height:1;cursor:pointer}
.cinema-layout{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:32px;padding:52px 42px 32px}
.cinema-kicker{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:1.8px;color:#f2d29a;margin:0 0 23px}.cinema-kicker::before{content:'▶';display:grid;place-items:center;background:#ecd5a5;color:#253c22;width:27px;height:27px;border-radius:50%;font-size:10px}
.cinema-copy h2{font:italic 800 clamp(40px,4.5vw,63px)/.98 'Barlow Condensed',sans-serif;letter-spacing:-.5px;margin:0 0 21px;text-transform:uppercase}.cinema-copy h2 em{display:block;color:#f2cd8b;font-style:inherit}
.cinema-description{max-width:310px;font-size:14px;line-height:1.8;color:#e8dcc1;margin:0 0 23px}
.cinema-stamps{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.cinema-stamps span{font-size:10px;letter-spacing:1px;font-weight:800;padding:7px 10px;background:#8b4c31;transform:rotate(-3deg)}.cinema-stamps span+span{background:#eed8b0;color:#263d21;transform:rotate(3deg)}
.cinema-menu{display:inline-flex;gap:25px;align-items:center;padding:13px 18px;background:#f0d4a2;color:#24391d;font-size:12px;font-weight:900;text-decoration:none;box-shadow:3px 4px 0 #87593a;border-radius:2px 12px 2px 12px}.cinema-menu:hover{background:#ffe5b4}
.cinema-signature{font-style:italic;font-size:12px;color:#d5b787;margin-top:22px}
.cinema-player-column{position:relative;min-width:0;align-self:center}
.cinema-film{position:relative;margin:0 auto;width:min(100%,340px);padding:10px 24px;background:#0b170e;border:1px solid #69805a77;box-shadow:7px 9px 0 #6a452b80;transform:rotate(.8deg)}
.cinema-film::before,.cinema-film::after{content:'';position:absolute;top:9px;bottom:9px;width:9px;background:repeating-linear-gradient(0deg,#a3ad7e88 0 8px,transparent 8px 18px)}.cinema-film::before{left:6px}.cinema-film::after{right:6px}
.cinema-film video{display:block;width:100%;height:min(64dvh,590px);object-fit:contain;background:#050b07;aspect-ratio:9/16}
.cinema-player-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px auto 0;max-width:340px;font-size:10px;color:#d6c7a5}
.cinema-player-tools button{border:0;border-bottom:1px solid #d7be8a;background:none;color:#f2d29a;font-size:10px;font-weight:800;padding:5px 0;cursor:pointer}.cinema-error{font-size:12px;line-height:1.7;color:#ffe3a6;margin:12px 0 0}.cinema-error[hidden]{display:none}
.holee-cinema button:focus-visible,.holee-cinema a:focus-visible,.holee-cinema video:focus-visible{outline:3px solid #ffd58a;outline-offset:4px}
@keyframes cinema-open{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:640px){.holee-cinema{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:4px 22px 4px 22px}.cinema-layout{display:flex;flex-direction:column;gap:19px;padding:26px 23px 23px}.cinema-copy{width:100%;padding-right:27px}.cinema-kicker{font-size:8px;letter-spacing:1.3px;margin-bottom:12px}.cinema-kicker::before{width:22px;height:22px}.cinema-copy h2{font-size:38px;line-height:.96;margin-bottom:11px}.cinema-copy h2 em{display:inline}.cinema-description{font-size:12px;line-height:1.65;margin:0;max-width:260px}.cinema-stamps,.cinema-signature{display:none}.cinema-menu{margin-top:14px;font-size:10px;padding:9px 12px;gap:13px}.cinema-player-column{width:100%}.cinema-film{width:min(100%,270px);padding:8px 20px;box-sizing:border-box}.cinema-film video{height:min(52dvh,480px)}.cinema-player-tools{max-width:270px;margin-top:10px}.cinema-close{width:34px;height:34px;right:10px;top:10px;font-size:24px}}
@media(prefers-reduced-motion:reduce){.holee-cinema[open]{animation:none}}