/* VILI 5.0 — intro scoped, no legacy intro stylesheet, no stacked glass cards. */
.vili-cinema{--film-width:56.25vh;--wing-width:calc((100vw - var(--film-width))/2);position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;overscroll-behavior:contain;isolation:isolate;color:#F8F6F2;opacity:1;transition:opacity 480ms ease;outline:0!important;font-family:Montserrat,system-ui,sans-serif}
@supports(height:100dvh){.vili-cinema{height:100dvh;--film-width:56.25dvh}}
.vili-cinema:not([open]){display:none}.vili-cinema[open]{display:block}.vili-cinema::backdrop{background:transparent;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.vili-cinema.is-leaving{opacity:0;pointer-events:none}.film-open{overflow:hidden}
.cinema-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.cinema-ambient>img,.cinema-ambient>canvas{position:absolute;inset:-5%;width:110%;height:110%;max-width:none;object-fit:cover;filter:blur(28px);transform:scale(1.03)}
.cinema-ambient>canvas{opacity:0;filter:none}.vili-cinema.has-ambient .cinema-ambient>canvas{opacity:1}
.cinema-glass{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.cinema-wing{position:absolute;top:0;bottom:0;width:calc(var(--wing-width) + 1px);background-size:100% 100%;background-repeat:no-repeat}
.cinema-wing-left{left:0;background-image:url('glass-left.webp')}.cinema-wing-right{right:0;background-image:url('glass-right.webp')}
.cinema-glass canvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;opacity:0}
.cinema-glass.is-live canvas{opacity:1}.cinema-glass.is-live .cinema-wing{visibility:hidden}
.cinema-film{position:absolute;top:0;bottom:0;left:50%;width:var(--film-width);height:100%;transform:translateX(-50%);z-index:2;margin:0;padding:0;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none}
.cinema-film video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;background:transparent;border:0;border-radius:0;outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* Dark/light bevels belong to the photographic wings, never to the film. */
.cinema-film:before,.cinema-film:after{content:none}
.cinema-motto{position:absolute;z-index:3;top:46%;right:calc(var(--wing-width)*.24);width:calc(var(--wing-width)*.55);max-width:250px;pointer-events:none;color:#F8F6F2;font-size:clamp(19px,2vw,30px);font-weight:500;line-height:1.4;letter-spacing:-.025em;transform:rotate(-4deg);text-align:center;text-shadow:0 2px 12px #081F33}
.cinema-motto:after{content:"";display:block;width:58px;height:1px;margin:18px auto 0;background:#A7DDE8;opacity:.65}
.cinema-next{position:absolute;z-index:5;right:max(28px,3.5vw,env(safe-area-inset-right,0px));bottom:max(32px,6.8vh,env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;justify-content:space-between;gap:28px;width:clamp(158px,17vw,250px);min-height:60px;padding:15px 27px;border:1px solid #A7DDE8;border-radius:99px;color:#F8F6F2;background:rgba(8,31,51,.73);font-size:clamp(15px,1.6vw,22px);font-weight:600;line-height:1.2;letter-spacing:-.025em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 7px rgba(167,221,232,.30),0 0 6px rgba(167,221,232,.5),0 0 24px rgba(23,131,198,.43);transition:background .22s ease,box-shadow .22s ease,transform .22s ease;cursor:pointer}
.cinema-next:hover{background:rgba(8,31,51,.9);box-shadow:inset 0 1px 8px rgba(167,221,232,.32),0 0 8px rgba(167,221,232,.5),0 0 36px rgba(23,131,198,.5);transform:translateY(-2px)}
.cinema-next:active{transform:translateY(1px)}.cinema-next:focus{outline:none}.vili-cinema.keyboard-input .cinema-next:focus{outline:2px solid #F8F6F2;outline-offset:6px}.vili-cinema.keyboard-input video:focus{outline:2px solid #A7DDE8;outline-offset:-4px}
.cinema-hint{position:absolute;z-index:4;bottom:max(28px,3.4vh,env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:calc(var(--film-width) - 32px);text-align:center;color:#F8F6F2;font-size:10px;font-weight:500;line-height:1.5;text-shadow:0 1px 4px #081F33,0 1px 10px #081F33;pointer-events:none;transition:opacity .55s ease;opacity:1}
.vili-cinema.hint-is-quiet .cinema-hint{opacity:0}
.cinema-end{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}
.cinema-end-scenery{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:51% center}
.cinema-end:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,246,242,.40),transparent 47%,transparent 68%,rgba(8,31,51,.52))}
.cinema-end-copy{position:absolute;z-index:2;top:7%;left:7%;right:7%;color:#081F33;text-align:center}
.cinema-end-copy img{width:75%;max-width:257px;height:auto;margin:0 auto 12px;filter:drop-shadow(0 1px 15px rgba(248,246,242,.7))}
.cinema-end-copy strong{font-weight:600;display:block;font-size:clamp(17px,2.2vh,25px);line-height:1.4;letter-spacing:.018em;text-shadow:0 1px 12px #F8F6F2,0 0 18px #F8F6F2}
.cinema-end-credit{position:absolute;z-index:2;left:10%;right:10%;bottom:11%;text-align:center;font-size:11px;line-height:1.7;color:#F8F6F2;text-shadow:0 1px 10px #081F33;font-weight:500}
@media(max-width:600px) and (orientation:portrait){.vili-cinema{--film-width:calc(100vw - 40px)}.cinema-film video{inset:auto 0 auto 0;top:var(--film-top,0px);height:var(--film-height);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(180deg,transparent,#000 18px,#000 calc(100% - 22px),transparent)}.cinema-motto{display:none}.cinema-next{left:50%;right:auto;bottom:max(22px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:180px;min-height:50px;font-size:15px;padding:13px 24px}.cinema-next:hover{transform:translateX(-50%)}.cinema-next:active{transform:translateX(-50%) translateY(1px)}.cinema-hint{bottom:calc(max(22px,env(safe-area-inset-bottom,0px)) + 65px);font-size:9px;max-width:260px}.cinema-end-copy{top:14%}.cinema-end-copy img{max-width:192px}.cinema-end-credit{bottom:18%;font-size:10px}}
@media(max-height:530px) and (orientation:landscape){.cinema-motto{font-size:17px;top:40%}.cinema-next{bottom:22px;min-height:44px;right:24px;width:148px;font-size:14px;padding:11px 19px}.cinema-hint{font-size:8px;bottom:16px}.cinema-end-copy img{max-width:130px;margin-bottom:6px}.cinema-end-copy strong{font-size:13px}.cinema-end-credit{font-size:8px;bottom:9%}}
@media(prefers-reduced-motion:reduce){.vili-cinema,.cinema-hint,.cinema-next{transition:none}.cinema-next:hover{transform:none}}

@media(max-width:600px) and (orientation:portrait){.cinema-wing{background-size:auto 100%}.cinema-wing-left{background-position:right center}.cinema-wing-right{background-position:left center}}