.scroll-film-hero{background:var(--background);height:280svh;position:relative}.scroll-film-pin{background:var(--background);height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.scroll-film-media{position:absolute;inset:250px 0 160px}.scroll-film-media video,.scroll-film-media img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.scroll-film-media video{opacity:0}.scroll-film-hero[data-film=ready] video{opacity:1}.scroll-film-heading{z-index:1;pointer-events:none;padding-top:130px;position:relative}.scroll-film-heading h1{max-width:850px;font-size:54px;font-weight:600;line-height:1.1}.scroll-film-heading h1 span{margin-top:12px;font-size:32px;line-height:1.25;display:block}.scroll-film-heading>p:last-child{color:var(--muted-foreground);margin-top:18px;font-size:15px}.scroll-film-foot{z-index:1;justify-content:space-between;align-items:end;gap:24px;display:flex;position:absolute;bottom:35px;left:0;right:0}.scroll-film-caption{max-width:390px}.scroll-film-caption h2{margin:10px 0;font-size:24px;line-height:1.25}.scroll-film-caption p{color:var(--muted-foreground);font-size:13px;line-height:1.7}.scroll-film-foot .hero-actions{margin:0}.scroll-film-concept{color:var(--muted-foreground);z-index:1;font-size:10px;position:absolute;top:100px;right:30px}.scroll-film-static-actions{display:none}@media(min-width:900px)and (max-height:780px){.scroll-film-heading{padding-top:110px}.scroll-film-heading h1{font-size:42px}.scroll-film-heading h1 span{font-size:26px}.scroll-film-foot{bottom:24px}.scroll-film-caption h2{font-size:21px}}@media(max-width:899px),(prefers-reduced-motion:reduce){.scroll-film-hero{height:auto}.scroll-film-pin{flex-direction:column;height:auto;min-height:0;display:flex;position:relative;overflow:hidden}.scroll-film-heading{order:0;padding-top:120px}.scroll-film-heading h1{font-size:38px}.scroll-film-heading h1 span{font-size:28px}.scroll-film-static-actions{pointer-events:auto;flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.scroll-film-media{aspect-ratio:16/9;order:1;margin-top:30px;position:relative;inset:auto}.scroll-film-media img{object-fit:contain}.scroll-film-media video{display:none}.scroll-film-foot{order:2;margin-block:20px 35px;position:relative;inset:auto}.scroll-film-foot .hero-actions{display:none}.scroll-film-caption{max-width:100%}.scroll-film-concept{order:3;padding:0 20px 25px;position:static}}@media(max-width:360px){.scroll-film-heading h1{font-size:32px}.scroll-film-heading h1 span{font-size:24px}.scroll-film-static-actions>a{width:100%;min-height:44px}.scroll-film-caption h2{font-size:24px}}