/* Scoped to the home screen. Original photographs are displayed without cropping. */
.hero-home .hero-slider{position:absolute;inset:0;z-index:0;touch-action:pan-y}
.hero-home .hero-slides{position:absolute;inset:0}
.hero-home .hero-slide{width:100%;height:100%}
.hero-home .hero-slide[hidden]{display:none}
.hero-home .hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-home{height:calc(100svh - 84px);min-height:500px;background:#03152d}
.hero-home:before,.hero-home:after{display:none}
.hero-home .hero-content{position:absolute;left:5%;bottom:62px;width:90%;padding:0;pointer-events:none;display:block}
.hero-home .hero-content .actions{margin:0;pointer-events:auto}
.hero-home .hero-arrow{position:absolute;top:calc((100% - 145px)/2);transform:translateY(-50%);z-index:3;width:48px;height:56px;border:1px solid #77dcff80;border-radius:4px;background:#03152dc9;color:#fff;cursor:pointer;font:42px/1 Arial,sans-serif;display:flex;align-items:center;justify-content:center}
.hero-home .hero-prev{left:18px}
.hero-home .hero-next{right:18px}
.hero-home .hero-arrow:hover{background:#008bff}
.hero-home .hero-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:3;display:flex;justify-content:center}
.hero-home .hero-dot{width:32px;height:40px;border:0;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.hero-home .hero-dot span{width:8px;height:8px;border:1px solid #d4efff;border-radius:50%;background:#03152d90}
.hero-home .hero-dot[aria-current="true"] span{background:#77dcff;border-color:#77dcff;box-shadow:0 0 0 3px #77dcff30}
.hero-home .hero-dot:hover span{background:#fff}
.hero-home .hero-slider:focus-visible{outline:3px solid #77dcff;outline-offset:-3px}
.hero-home .hero-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){
 .hero-home{min-height:500px}
 .hero-home .hero-slides{inset:0}
 .hero-home .hero-content{bottom:74px;padding:0}
 .hero-home .hero-content .actions{margin:0;max-width:none;gap:12px}
 .hero-home .hero-arrow{width:44px;height:48px;top:calc((100% - 205px)/2);font-size:36px}
 .hero-home .hero-prev{left:8px}
 .hero-home .hero-next{right:8px}
 .hero-home .hero-dot{width:22px;height:44px}
 .hero-home .hero-dots{bottom:14px}
}
@media(max-width:800px){.hero-home{height:calc(100svh - 74px)}}
.hero-home .hero-dot span{box-shadow:0 1px 6px #0008}