.arc-film{color:#eef4fc;background:#050a11;height:1400svh;position:relative}@supports not (height:1svh){.arc-film{height:1400vh}}.arc-film__stage{isolation:isolate;height:calc(100svh - 64px);min-height:360px;position:sticky;top:64px;overflow:hidden}@supports not (height:1svh){.arc-film__stage{height:calc(100vh - 64px)}}.arc-film__visual{z-index:-2;position:absolute;inset:0}.arc-film__canvas,.arc-film__poster{object-fit:cover;width:100%;height:100%;position:absolute}.arc-film__canvas{opacity:0;transition:opacity .6s}.arc-film__canvas.is-ready{opacity:1}.arc-film__poster--hidden{opacity:0}.arc-film__vignette{pointer-events:none;background:linear-gradient(#0000 76%,#050a11bf);position:absolute;inset:0}.arc-film__caption{color:#edf2f8;text-shadow:0 1px 8px #000;width:70%;max-width:350px;font-size:12px;line-height:1.65;animation:.35s ease-out both arc-caption-in;position:absolute;bottom:7%;left:6%}.arc-film[data-ready=true][data-title=true] .arc-film__caption{opacity:0;animation:none}.arc-film[data-ready=true][data-title=true] .arc-film__vignette{opacity:0}.arc-film--still{height:calc(100svh - 64px)}@supports not (height:1svh){.arc-film--still{height:calc(100vh - 64px)}}.arc-film__nojs{color:#bac9da;max-width:780px;padding:3rem 6%}.arc-film:has(.arc-film__nojs){height:auto}.arc-film:has(.arc-film__nojs) .arc-film__stage{position:relative;top:0}.arc-after{background:#eef1f5;grid-template-columns:1fr 1fr;gap:50px;padding:100px max(6%,50vw - 640px);display:grid}.arc-after h2{letter-spacing:-.04em;max-width:500px;font-size:clamp(26px,3vw,42px);font-weight:500;line-height:1.2}.arc-after p{color:var(--muted);max-width:470px;margin-bottom:24px}@keyframes arc-caption-in{0%{opacity:0}to{opacity:1}}@media (max-width:760px){.arc-film{height:1250svh}@supports not (height:1svh){.arc-film{height:1250vh}}.arc-film__stage{height:calc(100svh - 60px);top:60px}@supports not (height:1svh){.arc-film__stage{height:calc(100vh - 60px)}}.arc-film__caption{width:80%;max-width:300px;font-size:11px;bottom:8%;left:7%}.arc-film--still{height:calc(100svh - 60px)}@supports not (height:1svh){.arc-film--still{height:calc(100vh - 60px)}}.arc-after{grid-template-columns:1fr;gap:25px;padding:60px 7%}}@media (prefers-reduced-motion:reduce){.arc-film{height:calc(100svh - 64px)}@supports not (height:1svh){.arc-film{height:calc(100vh - 64px)}}.arc-film__caption{animation:none}.arc-film__canvas{transition:none}}
