.cine-screen{z-index:0;position:absolute;inset:0}.cine-screen-media{object-fit:cover;width:100%;height:100%;display:block}.cine-screen:after{content:"";background:radial-gradient(ellipse 70% 60% at 50% 50%, #0c0a09c7, #0c0a098c 70%, #0c0a09b8), linear-gradient(180deg, transparent 55%, var(--cine-velvet) 100%);position:absolute;inset:0}.cine-screen-embers:after{background:linear-gradient(180deg, var(--cine-velvet), #0c0a099e 28%, #0c0a099e 72%, var(--cine-velvet))}@media (width<=767px){.cine-hero .cine-screen:after{background:linear-gradient(180deg, #0c0a0980, #0c0a09a8 40%, #0c0a0999 75%, var(--cine-velvet))}}.cine-hero .cine-screen{animation:1.8s ease-out 2.5s both cine-screen-on}@keyframes cine-screen-on{0%{opacity:0;filter:brightness(1.8)blur(8px)}to{opacity:1;filter:none}}.cine-credit{z-index:20;letter-spacing:.14em;text-transform:uppercase;color:#f2ead98c;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.6rem;position:absolute;bottom:1rem;right:1.25rem}.cine-hero .cine-credit{bottom:calc(var(--cine-bar-h) + .75rem)}.sb{padding-block:6rem}.sb-sticky{flex-direction:column;gap:3rem;display:flex}.sb-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#e3b06459 transparent;background-color:#050403;background-image:repeating-linear-gradient(90deg,#0000 0 10px,#2c241d 10px 22px,#0000 22px 32px),repeating-linear-gradient(90deg,#0000 0 10px,#2c241d 10px 22px,#0000 22px 32px),none;background-position:0 .6rem,0 calc(100% - .6rem),0 0;background-repeat:repeat-x,repeat-x,repeat;background-size:100% .5rem,100% .5rem,auto;background-attachment:local;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;gap:clamp(1rem,2vw,1.75rem);margin:0;padding:2rem max(1.5rem,50vw - 36rem);list-style:none;display:flex;overflow-x:auto}.sb-track:focus-visible{outline:2px solid var(--cine-screen);outline-offset:-2px}.sb-frame{scroll-snap-align:center;flex:0 0 clamp(250px,72vw,440px)}@media (width>=768px){.sb-frame{flex-basis:clamp(300px,34vw,460px)}}.sb-img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #f2ead914}@supports (animation-timeline:view()){@media (width>=1024px) and (prefers-reduced-motion:no-preference){.sb{padding-block:0}.sb-pin{view-timeline-name:--sb;height:360vh}.sb-sticky{justify-content:center;gap:2.25rem;height:100vh;position:sticky;top:0;overflow:hidden}.sb-track{scroll-snap-type:none;width:max-content;animation:linear both sb-pan;animation-timeline:--sb;animation-range:contain;overflow:visible}.sb-frame{flex-basis:clamp(280px,27vw,420px)}@keyframes sb-pan{0%{transform:translate(0)}to{transform:translate(calc(100vw - 100%))}}}}.cine-screen-frame{outline-offset:6px;background:#000;border:1px solid #e3b06459;outline:1px solid #e3b06426;position:relative;box-shadow:0 40px 120px -40px #e3b06459}.cine-slot{text-align:center;background:repeating-linear-gradient(135deg,#f2ead908 0 12px,#0000 12px 24px),#0a0807;border:1px dashed #e3b06466;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.ba{aspect-ratio:3/2;border:1px solid var(--line-strong);margin:0;position:relative;overflow:hidden}.ba:has(.ba-range:focus-visible){outline:2px solid var(--cine-screen);outline-offset:4px}.ba-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ba-before{clip-path:inset(0 calc(100% - var(--ba)) 0 0)}.ba-handle{pointer-events:none;top:0;bottom:0;left:var(--ba);background:var(--cine-tungsten);width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 18px #e3b064b3}.ba-handle:after{content:"";background:var(--cine-velvet);border:1px solid var(--cine-tungsten);border-radius:999px;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-tag{background:#0c0a09b8;padding:.35rem .6rem;font-size:.6rem;position:absolute;top:1rem}.ba-tag-before{left:1rem}.ba-tag-after{right:1rem}.ba-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cine-hero .cine-screen{animation:none}}
