.btn--film{color:var(--sc-ink);box-shadow:inset 0 0 0 1px var(--f-line-strong), var(--sc-e1);cursor:pointer;font:inherit;background:#ffffffbd;border:0;padding-left:.55rem;font-weight:600}.btn--film__play{background:var(--sc-accent);color:#fff;width:2.15rem;height:2.15rem;transition:transform .18s var(--sc-ease-out);border-radius:999px;place-items:center;display:grid;box-shadow:0 6px 14px -6px #1742cfb3}.btn--film__play svg{margin-left:2px}.btn--film__len{color:var(--sc-ink-soft);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:500}@media (hover:hover) and (pointer:fine){.btn--film:hover{background:#fff}.btn--film:hover .btn--film__play{transform:scale(1.08)}}.hero__grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;display:grid}.hero__film-col{width:100%;max-width:46rem;padding-bottom:4.5rem;position:relative}@media (min-width:1100px){.hero__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,4vw,4.5rem)}.hero__copy{padding-block:4rem}.hero__title{font-size:clamp(2.8rem,.9rem + 3.4vw,5rem)}.hero__film-col{max-width:none;padding-bottom:0}}@media (min-width:1400px){.hero__grid{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr)}}@media (max-width:1099px){.hero__copy{padding-bottom:0}}@media (min-width:861px){.hero__wash{background:linear-gradient(90deg,#f5f7fbf0 0%,#f5f7fbbd 34%,#f5f7fb38 70%,#f5f7fb14 100%)}}.hero-film{aspect-ratio:16/9;background:#0d1530;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0d15301a,0 2px 6px #0d153014,0 40px 90px -30px #0d15308c}.hero-film__video{background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-film__poster{cursor:pointer;color:#fff;font:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.hero-film__img{object-fit:cover;transition:transform .7s var(--sc-ease-out)}.hero-film__shade{background:radial-gradient(60% 60%,#0d15302e,#0d153000 70%),linear-gradient(#0d153000 48%,#0d15309e 100%);position:absolute;inset:0}.hero-film__play{z-index:1;aspect-ratio:1;background:var(--sc-accent);color:#fff;width:clamp(4.25rem,6.5vw,5.75rem);transition:transform .22s var(--sc-ease-out);border-radius:999px;place-items:center;display:grid;position:relative;box-shadow:0 0 0 10px #2f5bea33,0 18px 40px -12px #2f5bead9}.hero-film__play svg{margin-left:4px}.hero-film__label{z-index:1;text-align:left;color:#ffffffd9;text-shadow:0 1px 8px #0d153080;flex-direction:column;gap:.1rem;font-size:.92rem;display:flex;position:absolute;bottom:clamp(.9rem,2vw,1.3rem);left:clamp(1rem,2.2vw,1.5rem)}.hero-film__label strong{font-family:var(--sc-font-display);letter-spacing:-.01em;color:#fff;font-size:clamp(1.05rem,.9rem + .5vw,1.3rem);font-weight:700}@media (hover:hover) and (pointer:fine){.hero-film__poster:hover .hero-film__play{transform:scale(1.07)}.hero-film__poster:hover .hero-film__img{transform:scale(1.025)}}.hero-film__poster:focus-visible{outline:3px solid var(--sc-accent);outline-offset:-3px}@media (prefers-reduced-motion:no-preference){.hero-film__play:after{content:"";border-radius:inherit;animation:hero-film-ring 2.4s var(--sc-ease-out) infinite;border:2px solid #ffffff8c;position:absolute;inset:-10px}}@keyframes hero-film-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.hero-film__end{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1530d1;flex-wrap:wrap;place-content:center;gap:.75rem;padding:1.25rem;display:flex;position:absolute;inset:0}.hero-film__end-title{text-align:center;color:#fff;font-family:var(--sc-font-display);letter-spacing:-.02em;flex-basis:100%;margin:0 0 .5rem;font-size:clamp(1.4rem,1rem + 1.6vw,2.2rem);font-weight:700;line-height:1.1}.hero-film__end .btn--quiet{color:#fff;box-shadow:none;font:inherit;cursor:pointer;background:#ffffff24;border:0;font-weight:600}.hero-ticket--film{z-index:2;width:16rem;transition:opacity .26s var(--sc-ease-out), visibility 0s .26s;position:absolute;bottom:clamp(-2.75rem,-3vw,-1.25rem);right:clamp(-2.5rem,-2.5vw,-1rem);transform:rotate(2.5deg)}.hero-film:not([data-state=poster])+.hero-ticket--film{opacity:0;visibility:hidden}@media (max-width:1099px){.hero-ticket--film{transform-origin:100% 100%;bottom:1.25rem;left:auto;right:1rem;transform:rotate(-2deg)scale(.9)}}@media (max-width:860px){.hero-ticket--film{display:none}.hero__film-col{padding-bottom:2.5rem}.hero-film{border-radius:16px}}
