.hero-stage{contain:layout paint;--hero-gap:calc(.035 * var(--u));--hero-nav:60px;--hero-card-top:var(--hero-nav);--hero-gutter:0px;--hero-spread:min(25vw, 352px);--hero-lift:0px;--hero-scroll:90svh;--hero-rows:1.4577;--u:min(var(--hero-box), calc((100svh - var(--hero-nav) - 32px) / var(--hero-rows)));--u-x:calc((100% - var(--u)) / 2);--hero-box:calc(100vw - 2 * var(--space-sm-base));--c-h:calc(.783 * var(--u));--c-top:calc(var(--hero-nav) + (100svh - var(--hero-nav) - var(--hero-rows) * var(--u)) / 2);--sat-top:calc(var(--c-top) + var(--c-h) + var(--hero-gap));--c-bottom:calc(100svh - var(--c-top) - var(--c-h));--c-left:calc(var(--u-x) + .2187 * var(--u));--c-right:calc(var(--u-x) + .2164 * var(--u));--focus-x:19%;--focus-x-card:24%}@media (min-width:1024px){.hero-stage{--hero-gap:24px;--hero-nav:72px;--hero-lift:156px;--hero-scroll:120svh;--c-top:calc(20% + 48px);--c-bottom:var(--hero-card-top);--c-left:calc(32.085% + 46px);--c-right:calc(32.085% + 46px);--focus-x:23%;--focus-x-card:0%}}.hero-center{inset:var(--c-top) var(--c-right) var(--c-bottom) var(--c-left);border-radius:12px;position:absolute;overflow:hidden}@media (min-width:1024px){.hero-center{border-radius:24px}}.hero-center img{object-position:var(--focus-x) 43.14%}@keyframes hero-center-rise{0%{inset:var(--hero-card-top) var(--hero-gutter);translate:0 calc(100% + var(--hero-card-top));animation-timing-function:cubic-bezier(.24,.21,.3,.9)}37%{inset:var(--hero-card-top) var(--hero-gutter);animation-timing-function:cubic-bezier(.54,.07,.53,.84);translate:0}68%{inset:var(--c-top) var(--c-right) var(--c-bottom) var(--c-left);animation-timing-function:cubic-bezier(.33,0,.67,1)}75.5%{inset:calc(var(--c-top) + 4px) calc(var(--c-right) + 12px) var(--c-bottom) calc(var(--c-left) + 12px);animation-timing-function:cubic-bezier(.25,0,.2,1)}to{inset:var(--c-top) var(--c-right) var(--c-bottom) var(--c-left);translate:0}}@keyframes hero-center-focus{0%,37%{object-position:var(--focus-x-card) 43.14%;animation-timing-function:cubic-bezier(.54,.07,.53,.84)}68%,to{object-position:var(--focus-x) 43.14%}}.hero-satellite{border-radius:12px;position:absolute;overflow:hidden}.hero-sat-tl{left:calc(var(--u-x) + .0427 * var(--u));width:calc(.4373 * var(--u));aspect-ratio:164/92;top:var(--sat-top)}.hero-sat-bl{left:calc(var(--u-x) + .0981 * var(--u));width:calc(.3819 * var(--u));aspect-ratio:1432/804;top:calc(var(--sat-top) + .2453 * var(--u) + var(--hero-gap))}.hero-sat-tr{left:calc(var(--u-x) + .5227 * var(--u));width:calc(.3819 * var(--u));aspect-ratio:1432/804;top:calc(var(--sat-top) + .11 * var(--u) + var(--hero-gap))}.hero-sat-br{left:calc(var(--u-x) + .5227 * var(--u));width:calc(.4347 * var(--u));aspect-ratio:163/92;top:calc(var(--sat-top) + .3244 * var(--u) + 2 * var(--hero-gap))}@media (min-width:1024px){.hero-satellite-right{--hero-lift:0px}.hero-satellite{aspect-ratio:auto;border-radius:24px;top:auto;left:auto}.hero-sat-tl,.hero-sat-bl{right:calc(100% - var(--c-left) + var(--hero-gap))}.hero-sat-tr,.hero-sat-br{left:calc(100% - var(--c-right) + var(--hero-gap))}.hero-sat-br{bottom:var(--c-bottom)}.hero-sat-bl{bottom:calc(var(--c-bottom) + 92px + var(--hero-gap))}.hero-sat-tl{bottom:calc(var(--c-bottom) + 92px + 186px + 2 * var(--hero-gap));width:433px;height:242px}.hero-sat-tr{bottom:calc(var(--c-bottom) + 243px + var(--hero-gap));width:330px;height:185px}.hero-sat-bl{width:329px;height:186px}.hero-sat-br{width:433px;height:243px}}.hero-collage .hero-accent{width:calc(.11 * var(--u))}.hero-collage .hero-accent-yellow{left:calc(var(--u-x) + .5227 * var(--u));top:var(--sat-top)}.hero-collage .hero-accent-red{left:calc(var(--u-x) + .37 * var(--u));top:calc(var(--sat-top) + .4597 * var(--u) + 2 * var(--hero-gap))}@media (min-width:1024px){.hero-collage .hero-accent{width:92px;top:auto;left:auto}.hero-collage .hero-accent-yellow{left:calc(100% - var(--c-right) + var(--hero-gap));bottom:calc(var(--c-bottom) + 243px + 185px + 2 * var(--hero-gap))}.hero-collage .hero-accent-red{right:calc(100% - var(--c-left) + var(--hero-gap));bottom:var(--c-bottom)}}@keyframes hero-satellite-left{0%{opacity:0;translate:var(--hero-spread) calc(-1 * var(--hero-lift))}34.9%{opacity:0}35%{opacity:1}41.25%{translate:var(--hero-spread) calc(-1 * var(--hero-lift));animation-timing-function:cubic-bezier(.24,.21,.3,.9)}71.25%{animation-timing-function:cubic-bezier(.25,0,.2,1);translate:-12px}to{opacity:1;translate:0}}@keyframes hero-satellite-right{0%{opacity:0;translate:calc(-1 * var(--hero-spread)) calc(-1 * var(--hero-lift))}34.9%{opacity:0}35%{opacity:1}41.25%{translate:calc(-1 * var(--hero-spread)) calc(-1 * var(--hero-lift));animation-timing-function:cubic-bezier(.24,.21,.3,.9)}71.25%{animation-timing-function:cubic-bezier(.25,0,.2,1);translate:12px}to{opacity:1;translate:0}}.hero-idle{opacity:0}@keyframes hero-accent-in{0%{scale:.5}to{scale:1}}@keyframes hero-accent-drift{0%,to{translate:0;rotate:none}25%{translate:3.9% -2.4%;rotate:1.2deg}50%{translate:1.2% 3.6%;rotate:.3deg}75%{translate:-3.6% .9%;rotate:-1.05deg}}@keyframes hero-accent-drift-mirrored{0%,to{translate:0;rotate:none}25%{translate:-3.9% -2.4%;rotate:-1.2deg}50%{translate:-1.2% 3.6%;rotate:-.3deg}75%{translate:3.6% .9%;rotate:1.05deg}}@keyframes hero-accent-breathe{0%,to{scale:1}50%{scale:1.0225}}@keyframes hero-idle-hide{0%,24.9%{opacity:1}25%,to{opacity:0}}@keyframes hero-stage-bg{0%,34.7%{background-color:var(--color-hero-idle)}50%,to{background-color:var(--background)}}[data-stage=live] .hero-idle{opacity:1}@keyframes hero-headline-in{0%{opacity:.5;translate:0 .25em}to{opacity:1;translate:0}}@media (min-width:1024px){.hero-headline{width:min(9.7em, calc(100% - 2 * 127px - 2 * var(--hero-gap)))}}[data-stage=live] .hero-headline{animation:.5s cubic-bezier(.48,.01,.32,1) both hero-headline-in}[data-stage=live] .hero-accent-shape{animation:11s ease-in-out .58s infinite hero-accent-drift,17s ease-in-out .58s infinite hero-accent-breathe}[data-stage=live] .hero-accent-red .hero-accent-shape{animation-name:hero-accent-drift-mirrored,hero-accent-breathe;animation-duration:9s,17s}[data-stage=live] .hero-idle .hero-accent-shape{animation-name:hero-accent-in,hero-accent-drift,hero-accent-breathe;animation-duration:.5s,11s,17s;animation-timing-function:cubic-bezier(.48,.01,.32,1),ease-in-out,ease-in-out;animation-delay:80ms,.58s,.58s}[data-stage=live] .hero-idle .hero-accent-red .hero-accent-shape{animation-name:hero-accent-in,hero-accent-drift-mirrored,hero-accent-breathe;animation-duration:.5s,9s,17s}[data-stage=live] .hero-center{animation-name:hero-center-rise}[data-stage=live] .hero-center img{animation-name:hero-center-focus}[data-stage=live] .hero-satellite-left{animation-name:hero-satellite-left}[data-stage=live] .hero-satellite-right{animation-name:hero-satellite-right}[data-stage=live] .hero-idle{animation-name:hero-idle-hide}[data-stage=live].hero-stage{animation-name:hero-stage-bg}[data-stage=live] .hero-center,[data-stage=live] .hero-center img,[data-stage=live] .hero-satellite-left,[data-stage=live] .hero-satellite-right,[data-stage=live] .hero-idle,[data-stage=live].hero-stage{animation-fill-mode:both}@media (prefers-reduced-motion:no-preference){[data-stage=live] .hero-center{inset:var(--hero-card-top) var(--hero-gutter);translate:0 calc(100% + var(--hero-card-top))}[data-stage=live] .hero-center img{object-position:var(--focus-x-card) 43.14%}[data-stage=live] .hero-satellite,[data-stage=live] .hero-collage .hero-accent{opacity:0}[data-stage=live].hero-stage{background-color:var(--color-hero-idle)}}@supports (animation-timeline:scroll()){[data-stage=live] .hero-center,[data-stage=live] .hero-center img,[data-stage=live] .hero-satellite-left,[data-stage=live] .hero-satellite-right,[data-stage=live] .hero-idle,[data-stage=live].hero-stage{animation-duration:auto;animation-timeline:scroll(root);animation-range:0px var(--hero-scroll)}}@supports not (animation-timeline:scroll()){[data-stage=live] .hero-center,[data-stage=live] .hero-center img,[data-stage=live] .hero-satellite-left,[data-stage=live] .hero-satellite-right,[data-stage=live] .hero-idle,[data-stage=live].hero-stage{animation-duration:1.6s;animation-play-state:paused}}@media (prefers-reduced-motion:reduce){[data-stage] .hero-center,[data-stage] .hero-center img,[data-stage] .hero-satellite,[data-stage] .hero-idle,[data-stage] .hero-headline,[data-stage] .hero-accent,[data-stage] .hero-accent-shape,[data-stage].hero-stage{animation:none!important}[data-stage] .hero-idle{opacity:1}[data-stage].hero-stage{background-color:var(--background);contain:none}}