.hero-sequence{--hero-logo-end-scale:1.35;isolation:isolate;background:var(--background);position:relative;overflow-x:clip}.hero-sequence-media{z-index:-1;position:absolute;inset:0}.hero-sequence .hero{pointer-events:none;background:0 0}.hero-sequence .hero-copy{pointer-events:auto}.hero-transition{pointer-events:none;align-items:center;min-height:65svh;padding:clamp(5rem,12vh,9rem) max(6%,50vw - 765px);display:flex}.hero-transition-copy{pointer-events:auto;width:100%}.hero-transition h2{font:500 clamp(2rem, 4.6vw, 5.25rem)/1.15 var(--font-body), Arial, sans-serif;letter-spacing:-.035em;text-align:center;text-wrap:balance;margin:0}.hero-sequence .hero-backdrop:after{background:linear-gradient(90deg, rgb(var(--background-rgb) / 62%), rgb(var(--background-rgb) / 36%) 65%, rgb(var(--background-rgb) / 30%)), linear-gradient(0deg, rgb(var(--background-rgb) / 45%), transparent 35%)}.hero-sequence :is(.hero-backdrop-image,.hero-backdrop-video){filter:saturate(.9)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero-sequence{timeline-scope:--hero-exit}.hero-sequence-media{height:100svh;margin-bottom:-100svh;position:sticky;top:0}.hero-transition{min-height:85svh}.hero-transition-copy{animation:linear both hero-statement-enter;animation-timeline:view();animation-range:entry}@keyframes hero-statement-enter{0%{opacity:.15;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-sequence .hero{view-timeline-name:--hero-exit;view-timeline-axis:block}.hero-sequence .hero-composition{animation:linear both hero-scroll-fade;animation-timeline:--hero-exit;animation-range:exit exit 70%}.hero-sequence .hero-title-logo{transform-origin:50%;animation:linear both hero-logo-expand;animation-timeline:--hero-exit;animation-range:exit exit 70%}.hero-sequence .hero-composition:focus-within{opacity:1;animation:none}@keyframes hero-scroll-fade{0%,25%{opacity:1}to{opacity:0}}@keyframes hero-logo-expand{0%{transform:scale(1)}to{transform:scale(var(--hero-logo-end-scale))}}}}.hero-video-toggle{z-index:2;right:max(1.2rem, env(safe-area-inset-right));bottom:max(1.2rem, env(safe-area-inset-bottom));border:1px solid var(--muted);border-radius:var(--radius-cta);background:rgb(var(--background-rgb) / 85%);min-height:44px;color:var(--foreground);font:500 .8rem/1.4 var(--font-body), Arial, sans-serif;cursor:pointer;pointer-events:auto;padding:.6rem .9rem;position:absolute}.hero-video-toggle:hover{border-color:var(--accent-light)}.hero-video-toggle{display:none}.hero-backdrop:has(video[data-ready=true]) .hero-video-toggle{display:block}@media (max-width:900px){.hero-transition{padding-inline:6%}.hero-sequence{--hero-logo-end-scale:1.18}}@media (max-width:600px){.hero-transition{min-height:65svh;padding-inline:1.2rem}}@media (prefers-reduced-motion:reduce){.hero-sequence-media{position:absolute}.hero-video-toggle{display:none!important}}
