#kino-entry.entry-paused .entry-art,#kino-entry.entry-paused .entry-art g{animation-play-state:paused!important}
html[data-kino-entry]{background:#090d0f}
html[data-kino-entry] body{overflow:hidden!important}
html[data-kino-entry]:not([data-kino-entry="revealing"]) body>:not(#kino-entry){visibility:hidden!important;pointer-events:none!important}
#kino-entry{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;background:#090d0f;color:#eafaff;overflow:hidden;contain:layout paint}
#kino-entry>.entry-art{display:block;width:100%;height:100%;border:0;pointer-events:none;shape-rendering:geometricPrecision}
#kino-entry .entry-ring-fade{animation:entry-fade .4s .05s cubic-bezier(.22,.7,.2,1) both}
#kino-entry .entry-ring-move{animation:entry-slide 1.05s .35s cubic-bezier(.22,.7,.2,1) both}
#kino-entry .entry-play-fade{animation:entry-fade .4s .18s cubic-bezier(.22,.7,.2,1) both}
#kino-entry .entry-play-turn{transform-origin:1316px 443px;animation:entry-turn .95s 2.2s cubic-bezier(.45,0,.15,1) both}
#kino-entry .entry-letter{animation:entry-letter .9s .5s cubic-bezier(.2,0,.2,1) both}
#kino-entry .entry-letter-i{animation-delay:.6s}#kino-entry .entry-letter-n{animation-delay:.7s}
#kino-entry .entry-tag-letter{animation:entry-tag .42s 1.42s cubic-bezier(.2,0,.2,1) both}
#kino-entry .entry-tag-1{animation-delay:1.455s}#kino-entry .entry-tag-2{animation-delay:1.49s}#kino-entry .entry-tag-3{animation-delay:1.525s}#kino-entry .entry-tag-4{animation-delay:1.56s}#kino-entry .entry-tag-5{animation-delay:1.595s}#kino-entry .entry-tag-6{animation-delay:1.63s}#kino-entry .entry-tag-7{animation-delay:1.665s}#kino-entry .entry-tag-8{animation-delay:1.7s}#kino-entry .entry-tag-9{animation-delay:1.735s}#kino-entry .entry-tag-10{animation-delay:1.77s}
@keyframes entry-fade{from{opacity:0}to{opacity:1}}
@keyframes entry-slide{from{transform:translateX(-485px)}to{transform:translateX(0)}}
@keyframes entry-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes entry-letter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes entry-tag{0%{opacity:0;transform:translateY(6px)}70%{transform:translateY(-1px)}100%{opacity:1;transform:translateY(0)}}
#kino-entry.entry-light .entry-art g,#kino-entry.entry-settled .entry-art g{animation:none}
#kino-entry.entry-light .entry-art{animation:entry-fade .3s ease-out both}
#kino-entry .entry-shutter{position:absolute;left:0;right:0;height:calc(50% + 1px);background:#030607;transform:scaleY(0);transition:transform .6s cubic-bezier(.65,0,.2,1);pointer-events:none}
#kino-entry .entry-shutter-top{top:0;transform-origin:top}#kino-entry .entry-shutter-bottom{bottom:0;transform-origin:bottom}
#kino-entry.entry-closing:not(.entry-light) .entry-shutter{transform:scaleY(1);will-change:transform}
#kino-entry.entry-revealing{opacity:0;transition:opacity .34s ease}
#kino-entry.entry-light.entry-revealing{transition-duration:.18s}
@media(prefers-reduced-motion:reduce){#kino-entry .entry-art,#kino-entry .entry-art g{animation:none!important}#kino-entry .entry-shutter,#kino-entry.entry-revealing{transition:none}}

#kino-entry.entry-light-motion .entry-art{animation:entry-lite-arrive 1.1s cubic-bezier(.2,.7,.2,1) both;transform-origin:center}
@keyframes entry-lite-arrive{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

/* Low-cost projector sequence: only a handful of SVG opacity/transforms, no filters. */
@media(prefers-reduced-motion:no-preference){
 #kino-entry.entry-light-motion .entry-art{animation:entry-fade .25s both}
 #kino-entry.entry-light-motion:not(.entry-settled) .entry-ring-move{animation:entry-slide .8s .15s cubic-bezier(.22,.7,.2,1) both}
 #kino-entry.entry-light-motion:not(.entry-settled) .entry-letter{animation:entry-letter .65s .3s both}
 #kino-entry.entry-light-motion:not(.entry-settled) .entry-letter-i{animation-delay:.4s}
 #kino-entry.entry-light-motion:not(.entry-settled) .entry-letter-n{animation-delay:.5s}
 #kino-entry.entry-light-motion:not(.entry-settled) .entry-tag{animation:entry-fade .55s .9s both}
 #kino-entry.entry-light-motion:not(.entry-settled) .entry-play-turn{animation:entry-turn .65s 1.1s both}
}

/* Low-power sequence composites HTML layers; no animated SVG subtrees. */
.entry-lite-scene{position:relative;width:42.425vw;max-width:75.423vh;height:12.487vw;max-height:22.199vh;contain:layout;isolation:isolate}
.entry-lite-piece{position:absolute;display:block;will-change:transform,opacity;backface-visibility:hidden}
.entry-lite-piece svg{display:block;width:100%;height:100%;overflow:visible}
.entry-lite-k{left:0;width:24.185%;top:0;height:66.22%;animation:entry-piece-arrive .6s .35s both}
.entry-lite-i{left:26.25%;width:21.56%;top:0;height:66.22%;animation:entry-piece-arrive .6s .45s both}
.entry-lite-n{left:51.39%;width:22.36%;top:0;height:66.22%;animation:entry-piece-arrive .6s .55s both}
.entry-lite-ring{left:77.17%;width:22.83%;top:0;height:66.22%;animation:entry-icon-arrive .8s .05s both}
.entry-lite-play{left:84.81%;width:8.75%;top:15.68%;height:34.86%;animation:entry-icon-arrive .8s .05s both;transform-origin:center}
.entry-lite-tag{left:19.25%;width:61.5%;top:86%;height:14%;animation:entry-piece-arrive .55s 1.05s both}
@keyframes entry-piece-arrive{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes entry-icon-arrive{from{opacity:0;transform:translate3d(-70%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes entry-play-arrive{0%{opacity:0;transform:translate3d(-180%,0,0) rotate(-90deg)}50%{opacity:1;transform:translate3d(0,0,0) rotate(0)}75%{transform:translate3d(0,0,0) rotate(0)}100%{opacity:1;transform:translate3d(0,0,0) rotate(360deg)}}
#kino-entry.entry-paused .entry-lite-piece{animation-play-state:paused!important}
#kino-entry.entry-settled .entry-lite-piece{animation:none;will-change:auto;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.entry-lite-piece{animation:none!important;will-change:auto}}

/* Hide the scrollbar itself while preserving the same layout width. */
html[data-kino-entry]{overflow:hidden!important;scrollbar-gutter:stable}
html[data-kino-entry]::-webkit-scrollbar-thumb{background:transparent!important}
html[data-kino-entry]::-webkit-scrollbar-track{background:#090d0f!important}
#kino-entry .entry-progress{position:absolute;left:calc(50% - 60px);top:70%;width:120px;height:3px;background:#17343d;overflow:hidden;border-radius:2px;visibility:hidden}
#kino-entry.entry-waiting .entry-progress{visibility:visible}
#kino-entry .entry-progress-fill{display:block;width:100%;height:100%;background:#00dbe3;transform:scaleX(var(--entry-progress,.04));transform-origin:left center;transition:transform 160ms linear}
@media(prefers-reduced-motion:reduce){#kino-entry .entry-progress-fill{transition:none}}

.entry-lite-play svg{transform-origin:center;will-change:transform;animation:entry-turn .95s .8s cubic-bezier(.45,0,.15,1) both}
#kino-entry.entry-paused .entry-lite-play svg{animation-play-state:paused!important}
#kino-entry.entry-settled .entry-lite-play svg{animation:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.entry-lite-play svg{animation:none!important;will-change:auto}}


@media(max-width:600px) and (orientation:portrait){.entry-lite-scene{width:70vw;max-width:90vw;height:20.6vw;max-height:none}}