.hero-slider{isolation:isolate}.hero-slide{z-index:0;opacity:0;pointer-events:none;position:absolute;inset:0}.hero-slide[data-state=active],.hero-slide[data-state=entering]{z-index:2;opacity:1;pointer-events:auto}.hero-slide[data-state=leaving]{z-index:1;opacity:1}.hero-slide__mask{position:absolute;inset:0 -20%;overflow:hidden}.hero-slide__inner{background-color:var(--skeleton-base,#e8ecf1);position:absolute;inset:0 14.2857%;overflow:hidden}.hero-slide__media,.hero-slide__shade{position:absolute;inset:0}.hero-slide__shade{pointer-events:none;opacity:0;background:linear-gradient(90deg,#02061780,#02061752)}.hero-slide__seam{pointer-events:none;opacity:0;position:absolute;inset:0 -20%}.hero-slide__seam:before,.hero-slide__seam:after{content:"";position:absolute;top:0;bottom:0}.hero-slide__seam:before{background:linear-gradient(#fff3,#fff 14% 86%,#fff3);width:2px;left:0;transform:translate(-50%);box-shadow:0 0 10px 2px #fffffff2,0 0 34px 8px #f9860799,0 0 90px 26px #f9860738}.hero-slide__seam:after{background:linear-gradient(90deg,#ffffff61,#ffd6aa1f 40%,#fff0);width:14%;left:0}.hero-slider[data-dir=prev] .hero-slide__seam:before{left:auto;right:0;transform:translate(50%)}.hero-slider[data-dir=prev] .hero-slide__seam:after{background:linear-gradient(270deg,#ffffff61,#ffd6aa1f 40%,#fff0);left:auto;right:0}@media (prefers-reduced-motion:no-preference){.hero-slider{--hero-reveal:1s;--hero-settle:1.4s;--hero-ease-reveal:cubic-bezier(.77, 0, .18, 1);--hero-ease-settle:cubic-bezier(.22, 1, .36, 1)}.hero-slide[data-state=entering] .hero-slide__mask{animation:hero-mask-next var(--hero-reveal) var(--hero-ease-reveal) both;will-change:transform}.hero-slide[data-state=entering] .hero-slide__inner{animation:hero-inner-next var(--hero-reveal) var(--hero-ease-reveal) both;will-change:transform}.hero-slide[data-state=entering] .hero-slide__media{animation:hero-media-in-next var(--hero-settle) var(--hero-ease-settle) both;will-change:transform}.hero-slide[data-state=entering] .hero-slide__seam{animation:hero-mask-next var(--hero-reveal) var(--hero-ease-reveal) both, hero-seam var(--hero-reveal) linear both;will-change:transform, opacity}.hero-slider[data-dir=prev] .hero-slide[data-state=entering] .hero-slide__mask{animation-name:hero-mask-prev}.hero-slider[data-dir=prev] .hero-slide[data-state=entering] .hero-slide__inner{animation-name:hero-inner-prev}.hero-slider[data-dir=prev] .hero-slide[data-state=entering] .hero-slide__media{animation-name:hero-media-in-prev}.hero-slider[data-dir=prev] .hero-slide[data-state=entering] .hero-slide__seam{animation-name:hero-mask-prev,hero-seam}.hero-slide[data-state=leaving] .hero-slide__media{animation:hero-media-out-next var(--hero-reveal) var(--hero-ease-reveal) both;will-change:transform}.hero-slide[data-state=leaving] .hero-slide__shade{animation:hero-shade-in var(--hero-reveal) ease-in both}.hero-slider[data-dir=prev] .hero-slide[data-state=leaving] .hero-slide__media{animation-name:hero-media-out-prev}.hero-dot__fill{animation:5s linear both hero-progress}.hero-slider[data-paused=true] .hero-dot__fill{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.hero-slide[data-state=entering]{animation:.25s ease-out both hero-fade}}@keyframes hero-mask-next{0%{transform:translate(100%)skew(-12deg)}to{transform:translate(0,0)skew(-12deg)}}@keyframes hero-inner-next{0%{transform:skew(12deg)translate(-140%)}to{transform:skew(12deg)translate(0,0)}}@keyframes hero-mask-prev{0%{transform:translate(-100%)skew(12deg)}to{transform:translate(0,0)skew(12deg)}}@keyframes hero-inner-prev{0%{transform:skew(-12deg)translate(140%)}to{transform:skew(-12deg)translate(0,0)}}@keyframes hero-media-in-next{0%{transform:translate(7%)scale(1.14)}to{transform:none}}@keyframes hero-media-in-prev{0%{transform:translate(-7%)scale(1.14)}to{transform:none}}@keyframes hero-media-out-next{to{transform:translate(-6%)scale(1.05)}}@keyframes hero-media-out-prev{to{transform:translate(6%)scale(1.05)}}@keyframes hero-shade-in{to{opacity:1}}@keyframes hero-seam{0%,70%{opacity:1}to{opacity:0}}@keyframes hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-fade{0%{opacity:0}}.hero-arrow{z-index:20;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a52;border-radius:9999px;place-items:center;width:40px;height:40px;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1),background-color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff38,0 10px 24px -12px #0000008c}.hero-arrow--prev{left:12px}.hero-arrow--next{right:12px}.hero-arrow svg{transition:transform .2s}@media (hover:hover) and (pointer:fine){.hero-arrow:not(:disabled):hover{background:#0f172a85}.hero-arrow--prev:not(:disabled):hover svg{transform:translate(-2px)}.hero-arrow--next:not(:disabled):hover svg{transform:translate(2px)}}.hero-arrow:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (hover:hover) and (pointer:fine){.hero-arrow{opacity:0}.hero-arrow--prev{transform:translate(-8px,-50%)}.hero-arrow--next{transform:translate(8px,-50%)}.hero-slider:hover .hero-arrow,.hero-slider:focus-within .hero-arrow{opacity:1;transform:translateY(-50%)}}@media (max-width:639px){.hero-arrow{width:32px;height:32px}.hero-arrow--prev{left:8px}.hero-arrow--next{right:8px}}.hero-dots{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a47;border-radius:9999px;align-items:center;padding:0 6px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff24}.hero-dot{border-radius:9999px;place-items:center;min-width:24px;height:24px;padding:0 4px;display:grid}.hero-dot:focus-visible{outline-offset:-2px;outline:2px solid #fff}.hero-dot__track{background:#ffffff8c;border-radius:9999px;width:7px;height:7px;transition:width .45s cubic-bezier(.22,1,.36,1),background-color .2s;display:block;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.hero-dot:not([aria-current=true]):not(:disabled):hover .hero-dot__track{background:#ffffffd9}}.hero-dot[aria-current=true] .hero-dot__track{background:#ffffff59;width:28px}@media (max-width:639px){.hero-dots{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;padding:0;bottom:2px}.hero-dot__track{box-shadow:0 0 0 1px #0f172a1f,0 1px 3px #0f172a59}.hero-dot[aria-current=true] .hero-dot__track{width:22px}}.hero-dot__fill{border-radius:inherit;transform-origin:0;background:#fff;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hero-dot__track,.hero-arrow,.hero-arrow svg{transition:none}}
