.hero-slideshow{position:relative;isolation:isolate;border-radius:20px 20px 92px 20px}
.hero-frame-stack{display:grid;overflow:hidden;border-radius:inherit;box-shadow:0 22px 55px #283d5d14}
.hero-slide{grid-area:1/1;min-width:0;overflow:hidden;border-radius:inherit;opacity:0;z-index:0;pointer-events:none;transition:none}
.hero-slide.is-previous{opacity:1;z-index:1}
.hero-slide.is-current{opacity:1;z-index:2;transition:opacity 1.3s cubic-bezier(.4,0,.2,1)}
.hero-slide .hero-photo{display:block;width:100%;border-radius:0;box-shadow:none;transform:scale(1);object-fit:cover}
.hero-slide.is-current .hero-photo,.hero-slide.is-previous .hero-photo{animation:heroPhotoDrift 8s linear both}
.hero-slideshow.is-paused .hero-photo{animation-play-state:paused}
.hero-slider-controls{position:absolute;top:16px;right:16px;z-index:4;display:flex;align-items:center;gap:2px;max-width:calc(100% - 32px);padding:5px;border:1px solid #ffffff75;background:#ffffffed;box-shadow:0 6px 22px #253c4920;border-radius:40px;backdrop-filter:blur(12px)}
.hero-slider-controls[hidden],.hero-pause[hidden]{display:none}
.hero-step,.hero-pause,.hero-dot{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.hero-step:hover,.hero-pause:hover,.hero-dot:hover{background:#dcf6fa;color:#007e94}
.hero-step .icon{width:17px;height:17px}.hero-previous .icon{transform:rotate(180deg)}
.hero-step:focus-visible,.hero-pause:focus-visible,.hero-dot:focus-visible{outline:2px solid #008da5;outline-offset:1px}
.hero-dots{display:flex;align-items:center;min-width:0;max-width:168px;overflow-x:auto;scrollbar-width:none}.hero-dots::-webkit-scrollbar{display:none}
.hero-dot{width:25px;border-radius:10px}.hero-dot>span{display:block;width:6px;height:6px;background:#8da2ac;border-radius:20px;transition:width .3s,background .3s}
.hero-dot[aria-pressed=true]>span{width:17px;background:#009db7}
.hero-pause{margin-left:3px;border-left:1px solid #d6e5e9;border-radius:0 30px 30px 0}
.hero-pause .motion-symbol{width:8px;height:9px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.hero-pause[aria-pressed=true] .motion-symbol{width:0;height:0;border:0;border-left:7px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}
.hero-visual .photo-corner,.hero-visual .photo-label{z-index:2}
@keyframes heroPhotoDrift{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(max-width:520px){.hero-slideshow{border-radius:15px 15px 65px 15px}.hero-slider-controls{top:12px;right:12px;max-width:calc(100% - 24px);padding:4px}.hero-step,.hero-pause{width:32px;height:32px}.hero-dots{max-width:125px}}
@media(prefers-reduced-motion:reduce){.hero-slide.is-current,.hero-step,.hero-pause,.hero-dot,.hero-dot>span{transition:none}.hero-slide.is-current .hero-photo,.hero-slide.is-previous .hero-photo{animation:none}}
@media print{.hero-slider-controls,.hero-slide:not(.is-current){display:none}.hero-slide.is-current .hero-photo,.hero-slide.is-previous .hero-photo{animation:none;transform:none}}