.film-list{counter-reset:film;position:relative}.film-list:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#8af3c5b3 50%,#0000);height:1px;position:absolute;top:-18px;left:0;right:0;box-shadow:0 0 14px #8af3c573}.film-list .film-card{counter-increment:film;isolation:isolate;background:linear-gradient(160deg,#131a1ee6,#0a0d0fd9 70%);border:1px solid #ffffff1a;transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.2,.7,.2,1);position:relative;box-shadow:0 22px 50px #05070a88,inset 0 1px #ffffff12}.film-list .film-card:hover,.film-list .film-card:focus-within{border-color:#8af3c573;box-shadow:0 28px 60px #05070aaa,0 0 40px #8af3c524,inset 0 1px #ffffff1a}.film-list .film-card .film-frame{transition:box-shadow .35s;box-shadow:0 18px 40px #05070a99,0 0 0 1px #ffffff14}.film-list .film-card:hover .film-frame{box-shadow:0 22px 50px #05070aaa,0 0 34px #8af3c533,0 0 0 1px #8af3c566}.film-list .film-card .film-frame:before{content:"FILM " counter(film,decimal-leading-zero);z-index:3;pointer-events:none;font-family:var(--font-geist-mono),monospace;letter-spacing:1.4px;color:#8af3c5;background:#080a0ccc;border:1px solid #8af3c559;border-radius:20px;padding:5px 10px;font-size:11px;position:absolute;top:12px;left:12px}.film-list .film-card .film-play>span{transition:transform .2s,box-shadow .35s;box-shadow:0 10px 40px #05070a77,0 0 #8af3c566}.film-list .film-card:hover .film-play>span{box-shadow:0 10px 40px #05070a77,0 0 0 10px #8af3c51f}.film-list .film-chip{box-shadow:0 0 14px #8af3c526}.film-list .film-chip:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:6px;height:6px;margin:0 7px 1px 0;display:inline-block;box-shadow:0 0 8px}.films-about{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:10px 0 40px;display:grid}.films-about .films-about-card{background:linear-gradient(160deg,#131a1ecc,#0a0d0fb8 70%);border:1px solid #ffffff1a;border-radius:18px;max-width:none;padding:30px 32px 12px;font-size:16px;box-shadow:0 18px 40px #05070a77,inset 0 1px #ffffff12}.films-about .films-about-card h2{margin-top:0}@media (max-width:900px){.films-about{grid-template-columns:1fr}}@media (max-width:700px){.films-about .films-about-card{padding:24px 22px 8px}}@media (prefers-reduced-motion:reduce){.film-list .film-card,.film-list .film-card .film-frame{transition:none}}.film-list .film-card .film-frame.is-docked:before{display:none}.info-page .films-hero.has-tunnel{flex-direction:column;justify-content:center;min-height:min(78vh,700px);display:flex}.info-page .films-hero.has-tunnel>.poster-tunnel{z-index:0;perspective:900px;pointer-events:none;max-width:none;position:absolute;inset:0 -6vw -30px;overflow:hidden}.films-hero .tunnel-world{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:64%}.films-hero .tunnel-tile{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity;background:#080b0c;border:1px solid #8af3c533;border-radius:10px;width:300px;height:169px;margin:-84px 0 0 -150px;position:absolute;overflow:hidden;box-shadow:0 0 30px #8af3c51a}.films-hero .tunnel-tile>img{object-fit:cover;width:100%;height:100%;display:block}.films-hero .tunnel-fog{background:radial-gradient(circle at 64%,#05070a 0%,#05070a00 20% 58%,#05070acc 100%),linear-gradient(90deg,#05070afa 0%,#05070aeb 30%,#05070aa6 50%,#05070a33 66%,#05070a00 80%),linear-gradient(#05070a00 78%,#05070a 100%),linear-gradient(#05070a 0%,#05070a00 16%);position:absolute;inset:0}.info-page .films-hero.has-tunnel>.tunnel-toggle{z-index:2;max-width:none;position:absolute;bottom:0;right:0}.films-hero.has-tunnel h1,.films-hero.has-tunnel .info-lead{text-shadow:0 2px 24px #000}.films-hero.has-tunnel h1 em{white-space:nowrap}@media (max-width:700px){.info-page .films-hero.has-tunnel{min-height:auto;padding-top:320px}.info-page .films-hero.has-tunnel>.poster-tunnel{height:340px;inset:0 -20px auto}.films-hero .tunnel-world{left:50%}.films-hero .tunnel-tile{width:180px;height:101px;margin:-50px 0 0 -90px}.films-hero .tunnel-fog{background:radial-gradient(circle,#05070a 0%,#05070a00 22% 55%,#05070aaa 100%),linear-gradient(#05070a00 65%,#05070a 100%),linear-gradient(#05070a 0%,#05070a00 20%)}.info-page .films-hero.has-tunnel>.tunnel-toggle{top:272px;bottom:auto}}