.hdoi-hero{position:relative;width:100%;height:675px;overflow:hidden;background:#44362d}.hdoi-hero-track{position:relative;width:100%;height:100%}.hdoi-hero-slide{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .6s ease,visibility .6s ease;background:#44362d}.hdoi-hero-slide.is-active{visibility:visible;opacity:1;z-index:1}.hdoi-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hdoi-hero-media--mobile{display:none}.hdoi-hero-slide video{background:#44362d}.hdoi-hero-controls{position:absolute;z-index:4;bottom:35px;left:0;right:0;display:flex;gap:25px;align-items:center;pointer-events:none}.hdoi-hero-arrows{display:flex;gap:15px;pointer-events:auto}.hdoi-hero-arrow{width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:var(--hdoi-highlight);display:grid;place-items:center;padding:10px;transition:transform .2s ease}.hdoi-hero-arrow:hover{transform:scale(1.06)}.hdoi-hero-dots{display:flex;align-items:center;gap:9.3px;pointer-events:auto}.hdoi-hero-dot{width:60px;height:13px;border:0;border-radius:19px;background:#b39a8c;padding:0;transition:background .3s ease}.hdoi-hero-dot.is-active{background:var(--hdoi-highlight)}.hdoi-hero-caption{position:absolute;z-index:2;top:32%;left:0;width:100%;color:#fff}.hdoi-hero-heading{font-weight:700;font-size:clamp(28px,4.5vw,62px);line-height:1.1;max-width:750px;margin:0;text-shadow:0 1px 8px #0006}.hdoi-hero-full-link{position:absolute;inset:0;z-index:2}.hdoi-hero-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(115deg,#802820,#e1251b);color:#fff;text-align:center;padding:20px}.hdoi-hero-empty h1{font-size:clamp(35px,5vw,72px);margin:0}.hdoi-hero-empty p{font-size:18px}
@media(max-width:950px){.hdoi-hero{height:min(650px,calc(100svh - 130px));min-height:400px}.hdoi-hero-media--desktop{display:none}.hdoi-hero-media--mobile{display:block}.hdoi-hero-controls{bottom:25px;justify-content:center;gap:22px}.hdoi-hero-arrow{height:42px;width:42px;padding:6px}.hdoi-hero-arrows{gap:8px}.hdoi-hero-dot{height:9px;width:32px}.hdoi-hero-dots{gap:6px}}
@media(max-width:450px){.hdoi-hero{height:calc(100svh - 130px);min-height:420px;max-height:700px}.hdoi-hero-controls{gap:15px}.hdoi-hero-dot{width:27px}.hdoi-hero-heading{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hdoi-hero-slide,.hdoi-hero-dot,.hdoi-hero-arrow{transition:none!important}}