.film{--film-hero-card:min(26rem, max(22rem, calc((100svh - 258px) / 1.25)));--film-hero-display:clamp(2.5rem, 6vw, 6rem);--film-form-measure:max(28rem, calc(7.31 * var(--film-hero-display)))}.film .film-hero-title{font-size:var(--film-hero-display)}.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--inset{z-index: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-frame:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%, transparent 45%, color-mix(in srgb, var(--canvas-ground) 68%, var(--canvas-base)) 100%);position:absolute;inset:0}.film .film-line-strong{color:var(--canvas-border-hover)}.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],.film .film-faq{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-hover)}.film .film-faq:hover{background:color-mix(in srgb, var(--canvas-bg-subtle) 88%, transparent)}.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}}}.film .film-reel-rail{display:none}.film .film-reel-rail-fill{transform-origin:0;background:linear-gradient(90deg, var(--primary-solid), var(--primary-solid-hover));block-size:100%;inline-size:100%;display:block}@keyframes film-rail-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.film .film-type{--film-dur:calc(var(--film-chars) * 55ms);white-space:nowrap;vertical-align:bottom;box-sizing:content-box;border-inline-end:2px solid #0000;display:inline-block;overflow:hidden}.film .film-type--caret{border-inline-end-color:var(--primary-solid)}@keyframes film-type-in{0%{inline-size:0}to{inline-size:calc(var(--film-chars) * 1ch)}}@keyframes film-caret-hold{0%,to{border-inline-end-color:var(--primary-solid)}}@keyframes film-caret-blink{0%,to{border-inline-end-color:var(--primary-solid)}50%{border-inline-end-color:#0000}}@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)}}@keyframes film-drift{0%{transform:translateY(-8%)}to{transform:translateY(8%)}}@keyframes film-push-in{0%{opacity:.15;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes film-reel-pan{0%{transform:translate(0,0)}to{transform:translate(calc(-100% + min(80rem,100vw - 3rem)))}}@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-type{inline-size:0;animation-name:film-type-in,film-caret-hold;animation-duration:var(--film-dur), var(--film-dur);animation-timing-function:steps(var(--film-chars), end), linear;animation-delay:var(--film-delay,0s), var(--film-delay,0s);animation-iteration-count:1,1;animation-fill-mode:forwards,none}.film .film-type--caret{animation-name:film-type-in,film-caret-hold,film-caret-blink;animation-duration:var(--film-dur), var(--film-dur), .9s;animation-timing-function:steps(var(--film-chars), end), linear, steps(2, jump-none);animation-delay:var(--film-delay,0s), var(--film-delay,0s), calc(var(--film-delay,0s) + var(--film-dur));border-inline-end-color:#0000;animation-iteration-count:1,1,infinite;animation-fill-mode:forwards,none,none}.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-parallax{animation:linear both film-drift;animation-timeline:view();animation-range:cover}.film .film-push-in{animation:linear both film-push-in;animation-timeline:view();animation-range:entry 15% cover 55%}.film .film-final-scene .film-reveal,.film .film-final-scene .film-push-in{animation-range:entry}@media (min-height:40rem){.film .film-reel{view-timeline-name:--film-reel;view-timeline-axis:block;block-size:370vh}.film .film-reel-stage{flex-direction:column;justify-content:center;block-size:100svh;display:flex;position:sticky;top:0;overflow:hidden}.film .film-reel-track{flex-wrap:nowrap;inline-size:max-content;animation:linear both film-reel-pan;animation-timeline:--film-reel;animation-range:contain contain 89%;display:flex}.film .film-reel-track>li{flex:none;inline-size:min(78vw,30rem)}.film .film-reel-rail{display:block}.film .film-reel-rail-fill{animation:linear both film-rail-fill;animation-timeline:--film-reel;animation-range:contain}}.film .film-doors-door{animation:linear both film-reveal;animation-timeline:view();animation-range:entry 5% cover 20%}.film .film-doors-arrow{transition:transform .18s ease-out}.film .film-doors-door:hover .film-doors-arrow,.film .film-doors-door:focus-visible .film-doors-arrow{transform:translate(2px)}}}
