/* Native HOM hero, adapted from SANCO's responsive slider. */
.homl-hero{--homl-header-height:142px;--homl-admin-height:0px;position:relative;isolation:isolate;width:100%;height:calc(100vh - var(--homl-header-height) - var(--homl-admin-height));min-height:0;overflow:hidden;background:var(--hom-blue);color:#fff}
@supports(height:100dvh){.homl-hero{height:calc(100dvh - var(--homl-header-height) - var(--homl-admin-height))}}
body.admin-bar .homl-hero{--homl-admin-height:32px}
.homl-hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:0}.homl-hero-slide.is-active{opacity:1;z-index:1}.homl-hero-slide.is-failed{visibility:hidden}
.homl-hero-slide picture,.homl-hero-slide img{display:block;width:100%;height:100%}.homl-hero-slide img{object-fit:cover;object-position:center}
.homl-hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#001f43b8 0%,#001f4370 48%,#001f4312 100%)}
.homl-hero-content{position:relative;z-index:3;display:flex;align-items:center;height:100%;padding-block:32px 108px;pointer-events:none}
.homl-hero-content h1{max-width:12ch;margin:0;color:#fff;font-size:clamp(40px,5.6vw,80px);line-height:1.08;font-weight:800;letter-spacing:-.025em;text-wrap:balance;text-shadow:0 3px 22px #00214745}
.homl-hero-content p{max-width:22ch;margin:18px 0 0;color:#fff;font-size:clamp(24px,3.2vw,42px);line-height:1.25;font-weight:400;text-wrap:balance}
.homl-hero-content [hidden],.homl-hero-controls [hidden]{display:none}
.homl-hero-controls{position:absolute;inset:auto 0 26px;z-index:4;display:none;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.homl-hero.is-enhanced .homl-hero-controls{display:flex}
.homl-hero-arrows{display:flex;gap:10px}.homl-hero-controls button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #ffffffa6;border-radius:50%;background:#003c73b3;color:#fff;line-height:1;pointer-events:auto;backdrop-filter:blur(8px)}
.homl-hero-controls button svg{display:block;width:22px;height:22px}.homl-hero-controls button:hover{background:var(--hom-green);border-color:var(--hom-green)}.homl-hero-controls button:focus-visible{outline:3px solid #fff;outline-offset:4px}.homl-hero-controls button:disabled{opacity:.4;cursor:default}
.homl-hero-progress{position:absolute;inset:auto 0 0;z-index:4;height:4px;overflow:hidden;background:#ffffff40}.homl-hero-progress-fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,#009c46,#8fecb6);transform:scaleX(0);transform-origin:left center}
.homl-hero.is-single-slide .homl-hero-controls{display:none}.homl-hero.is-single-slide .homl-hero-progress-fill{transform:scaleX(1)}
@media(max-width:992px){.homl-hero{--homl-header-height:128px}}
@media(max-width:782px){body.admin-bar .homl-hero{--homl-admin-height:46px}}
@media(max-width:600px){.homl-hero{--homl-header-height:140px}.homl-hero-content{padding-block:82px 120px}.homl-hero-content h1{font-size:clamp(34px,10vw,52px)}.homl-hero-content p{font-size:clamp(23px,6vw,30px)}.homl-hero-controls{top:18px;bottom:auto;justify-content:flex-end}.homl-hero-controls button{width:42px;height:42px}.homl-hero:after{background:linear-gradient(90deg,#001f43b8,#001f433d)}}
@media(max-height:520px){.homl-hero-content{padding-block:18px 38px}.homl-hero-content h1{max-width:22ch;font-size:clamp(25px,4vw,40px)}.homl-hero-content p{margin-top:8px;font-size:22px}.homl-hero-controls{bottom:16px}.homl-hero-controls button{width:38px;height:38px}.home .hom-quick-actions img{width:108px;height:auto}}
@media(prefers-reduced-motion:no-preference){.homl-hero-slide{transition:opacity .65s ease}.homl-hero-controls button{transition:background-color .18s ease,border-color .18s ease}}
