.film{isolation:isolate;position:relative;overflow-x:clip}body:has(.film){overflow:visible}.film{--film-ground:color-mix(in srgb, var(--canvas-base) 72%, var(--canvas-ground));--film-glow-accent:color-mix(in srgb, var(--primary-solid) 16%, transparent);--film-glow-accent-strong:color-mix(in srgb, var(--primary-solid) 26%, transparent);--film-glow-warm:color-mix(in srgb, var(--canvas-border-hover) 52%, transparent);--film-glow-warm-deep:color-mix(in srgb, var(--canvas-bg-hover) 90%, transparent);background-color:var(--film-ground)}.film .film-glow{z-index:-1;pointer-events:none;background:radial-gradient(65% 55% at 50% -5%, var(--film-glow-accent), transparent 70%), radial-gradient(80% 60% at 10% 25%, var(--film-glow-warm), transparent 68%), radial-gradient(70% 60% at 92% 80%, var(--film-glow-warm-deep), transparent 70%);position:absolute;inset:0}.film .film-glow--opening{background:radial-gradient(55% 45% at 62% 12%, var(--film-glow-accent-strong), transparent 72%), radial-gradient(75% 60% at 18% 55%, var(--film-glow-warm), transparent 70%), radial-gradient(90% 70% at 50% 100%, var(--film-glow-warm-deep), transparent 65%)}.film .film-hairline{background:linear-gradient(90deg, transparent, var(--canvas-border-hover) 22%, var(--canvas-border-hover) 78%, transparent);block-size:1px}.film .film-nav-surface,.film [data-slot=input]{background:color-mix(in srgb, var(--canvas-base) 82%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.film [data-slot=input]{border-color:var(--canvas-border-hover)}.film [data-slot=input]:focus-visible{box-shadow:0 0 0 2px var(--primary-solid)}.film .film-nav-drop:not([open])>.film-nav-drop-panel{display:block}.film .film-nav-drop::details-content{content-visibility:visible;block-size:auto}.film .film-nav-drop-panel{opacity:0;visibility:hidden;pointer-events:none}.film .film-nav-drop:hover>.film-nav-drop-panel,.film .film-nav-drop:focus-within>.film-nav-drop-panel,.film .film-nav-drop[open]>.film-nav-drop-panel{opacity:1;visibility:visible;pointer-events:auto}@media (prefers-reduced-motion:no-preference){.film .film-nav-drop-panel{transition:opacity .14s,visibility 0s linear .14s}.film .film-nav-drop:hover>.film-nav-drop-panel,.film .film-nav-drop:focus-within>.film-nav-drop-panel,.film .film-nav-drop[open]>.film-nav-drop-panel{transition:opacity .14s,visibility linear}}.film .film-faq{border-color:var(--canvas-border)}.film .film-faq:hover{border-color:var(--canvas-border-hover)}.film .film-faq-summary{list-style:none}.film .film-faq-summary::-webkit-details-marker{display:none}.film .film-faq[open] .film-faq-marker{transform:rotate(180deg)}@media (prefers-reduced-motion:no-preference){.film .film-faq-marker{transition:transform .2s ease-out}@supports (interpolate-size:allow-keywords) and selector(::details-content){.film .film-faq{interpolate-size:allow-keywords}.film .film-faq::details-content{opacity:0;block-size:0;transition:block-size .24s ease-out, content-visibility .24s allow-discrete, opacity .2s ease-out;overflow:hidden}.film .film-faq[open]::details-content{opacity:1;block-size:auto}}}@keyframes film-rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes film-aurora{0%{transform:translate(-2%,-1%)scale(1.02)}to{transform:translate(2%,2%)scale(1.08)}}@keyframes film-reveal{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html:has(.film){scroll-behavior:smooth}.film .film-stage-1,.film .film-stage-2,.film .film-stage-3{animation:.7s cubic-bezier(.16,1,.3,1) both film-rise}.film .film-stage-2{animation-delay:.14s}.film .film-stage-3{animation-delay:.28s}.film .film-glow--opening{animation:26s ease-in-out infinite alternate film-aurora}.film .film-reveal{animation:linear both film-reveal;animation-timeline:view();animation-range:entry 8% cover 22%}.film .film-reveal--late{animation-range:entry 18% cover 38%}.film .film-final-scene .film-reveal{animation-range:entry}}}