/* Two clear choices: watch here, or explore the project. */
.film-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}.film-actions .cta{margin-top:22px}.film-actions .cinema-explore{color:var(--accent)}.cinema-play{color:var(--red);font:inherit;font-size:12px;font-weight:600;letter-spacing:1.2px;cursor:pointer}.cinema-play>span[aria-hidden]{font-size:13px;margin-right:4px}.screening-launch{position:absolute;left:23%;top:48%;transform:translate(-50%,-50%);width:86px;height:86px;display:grid;place-items:center;border:1px solid #f1f0e970;border-radius:50%;color:var(--paper);background:#0003;backdrop-filter:blur(5px);transition:background .3s,border-color .3s,transform .3s;z-index:3}.screening-launch svg{width:40px;height:40px;margin-left:3px}.screening-launch:hover{border-color:var(--red);background:#0007;transform:translate(-50%,-50%) scale(1.06)}.screening-launch:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.hero-headline{font-size:clamp(20px,2vw,30px);line-height:1.35;margin-top:22px;max-width:650px;color:var(--paper)}.hero-services{font-size:11px;letter-spacing:.7px;line-height:1.8;color:var(--accent);margin-top:20px}.scene-intro .hero-statement{font-size:clamp(15px,1.25vw,19px);line-height:1.55;max-width:650px}.scene-fana .subtitle{font-size:clamp(16px,1.4vw,22px);line-height:1.5;letter-spacing:0}.scene-fana .fana-origins{font-size:14px;line-height:1.6}.scene-contact .contact-heading h2{font-size:clamp(42px,4.5vw,76px);line-height:1.05;max-width:650px;text-wrap:balance}.scene-contact .contact-intro{font-size:clamp(17px,1.5vw,24px);line-height:1.55}.scene-contact .contact-heading .eyebrow{color:var(--accent)}
.cinema-room{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;padding:60px 0 30px;border:0;background:transparent;color:var(--paper);overflow:hidden;opacity:0;transition:opacity .18s ease}.cinema-room[open]{display:grid;place-items:center}.cinema-room.is-visible{opacity:1}.cinema-room::backdrop{background:transparent}.cinema-screen{position:relative;width:min(84vw,calc((100dvh - 130px)*16/9));aspect-ratio:16/9;background:#000;transform:scale(.94);transition:transform .45s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 100px #0009}.is-visible .cinema-screen{transform:scale(1)}.cinema-player-host,.cinema-player-host>div,.cinema-player-host iframe{width:100%;height:100%;border:0;display:block}.cinema-player-host[hidden]{display:none}.cinema-close{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;background:none;color:var(--paper);border:0;font:inherit;font-size:11px;letter-spacing:1.5px;padding:12px;z-index:2}.cinema-close>span[aria-hidden]{font-size:28px;line-height:1}.cinema-close:hover{color:var(--accent)}.cinema-loading{position:absolute;bottom:-32px;left:0;font-size:12px;color:#c5cac0;line-height:1.5;pointer-events:none}.cinema-error{position:absolute;bottom:20px;left:20px;right:20px;background:#000d;padding:18px;font-size:14px;line-height:1.6}.cinema-youtube{display:inline-block;color:var(--accent);margin-top:12px;font-size:11px;letter-spacing:1px}.cinema-ending{position:absolute;inset:0;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;text-align:center;padding:25px}.cinema-ending[hidden],.cinema-error[hidden],.cinema-loading[hidden]{display:none}.cinema-work{font:inherit;font-size:clamp(28px,4.6vw,72px);font-weight:600;letter-spacing:-.04em;line-height:1.15;background:none;color:var(--paper);border:0;padding:10px}.cinema-end-project{color:var(--accent);font-size:12px;letter-spacing:1px;padding:12px}.cinema-room button:focus-visible,.cinema-room a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
body.screening-open #scenes{overflow:hidden;scroll-snap-type:none!important}body.screening-open .site-header,body.screening-open .scene-index,body.screening-open .scene-footer,body.screening-open .film-card .content,body.screening-open .screening-launch{opacity:0;pointer-events:none}.site-header,.scene-index,.scene-footer,.film-card .content{transition:opacity .3s ease}
html.compact-layout .screening-launch{left:50%;top:30%;width:66px;height:66px}html.compact-layout .screening-launch svg{width:32px;height:32px}html.compact-layout .hero-headline{font-size:20px;margin-top:16px}html.compact-layout .hero-services{font-size:9px;margin-top:15px;letter-spacing:.3px}html.compact-layout .film-actions{gap:0 22px}html.compact-layout .film-actions .cta{margin-top:16px}html.compact-layout .cinema-play{font-size:10px}html.compact-layout .scene-contact .contact-heading h2{font-size:clamp(38px,9vw,58px)}html.compact-layout .scene-contact .contact-intro{font-size:16px;max-width:500px}html.compact-layout .scene-fana .subtitle{font-size:15px}html.compact-layout .scene-fana .fana-origins{font-size:12px}
@media(max-width:760px){.cinema-screen{width:min(98vw,calc((100dvh - 100px)*16/9))}.cinema-room{padding:55px 0 25px}.cinema-close{right:10px;top:max(10px,env(safe-area-inset-top))}.cinema-ending{gap:12px;padding:15px}.cinema-work{font-size:clamp(22px,7vw,42px)}.cinema-end-project{font-size:10px}.cinema-error{font-size:12px;left:8px;right:8px;bottom:8px;padding:10px}}
@media(max-height:740px){html.compact-layout .scene-intro .hero-headline{font-size:18px}html.compact-layout .scene-intro .hero-statement{font-size:12px;margin-top:10px}html.compact-layout .hero-services{margin-top:10px}html.compact-layout .film-actions .cta{font-size:9px;margin-top:10px}.screening-launch{top:28%}.cinema-loading{bottom:-28px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.cinema-room,.cinema-screen,.screening-launch,.site-header,.scene-index,.scene-footer,.film-card .content{transition:none!important}.cinema-screen{transform:none}}
.cinema-work .cta-icon{display:inline-flex;margin-left:18px;vertical-align:middle}.cinema-work .cta-icon svg{width:clamp(24px,3vw,42px);height:clamp(24px,3vw,42px)}.cinema-end-project .cta-icon{display:inline-flex;margin-left:14px;vertical-align:middle}
/* Compact label spacing, independent of the project-link underline width. */
.film-actions .cta.cinema-play,html:lang(hy) .film-actions .cta.cinema-play{width:max-content;min-width:0;flex:0 0 auto;gap:5px;justify-content:flex-start}.film-actions .cinema-play>span[aria-hidden]{margin-right:0;font-size:13px}.film-actions .cinema-play:hover>span[aria-hidden]{transform:none}
/* A real copy of this slide's image makes dimming/blur consistent across browsers. */
.cinema-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#000;filter:blur(0px) brightness(1);transform:scale(1.02);transition:filter 1.45s ease-in-out,transform 1.45s ease-in-out}.cinema-background picture,.cinema-background img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;animation:none!important}.cinema-screen{z-index:1}.cinema-room::backdrop{background:transparent}.cinema-player-host video{display:block;width:100%;height:100%;object-fit:contain;background:#000}

/* Reveal the blur gradually, with brightness matched to the FANA reference. */
.cinema-room.is-visible .cinema-background{filter:blur(26px) brightness(.59);transform:scale(1.06)}
/* Apply spacing to the group once, so wrapped CTAs do not double their margins. */
.film-actions{margin-top:22px;gap:8px 24px}.film-actions .cta{margin-top:0!important}
html.compact-layout .film-actions{margin-top:16px;gap:6px 22px}
@media(max-height:740px){html.compact-layout .film-actions{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.cinema-background{transition:none!important}}

/* Keep mobile screening controls clear of the characters' faces. */
html.compact-layout .film-dissipate .screening-launch{top:38%}
html.compact-layout .film-fairy .screening-launch{left:66%}
@media(max-width:760px){.film-dissipate .screening-launch{top:38%}.film-fairy .screening-launch{left:66%}}