/* Home advertising hero: separate from catalog, checkout and portal styles. */
.vh-hero{position:relative;overflow:hidden;background:#eff4fe}
.vh-hero-slide{position:relative;height:clamp(270px,29.3vw,470px);overflow:hidden;background:#eef3fc}
.vh-hero-slide[hidden],.vh-hero[hidden],.vh-hero-arrow[hidden],.vh-hero-dots[hidden]{display:none!important}
.vh-hero-slide>picture,.vh-hero-slide>picture>img{display:block;width:100%;height:100%}
.vh-hero-slide>picture>img{object-fit:cover;object-position:center}
.vh-hero-full-link{position:absolute;z-index:2;inset:0}
.vh-hero-full-link:focus-visible,.vh-hero-arrow:focus-visible,.vh-hero-dot:focus-visible{outline:3px solid #1761ee;outline-offset:-4px}
.vh-hero-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(20,29,60,.35);color:#fff;font-size:30px;display:grid;place-items:center;cursor:pointer;line-height:1;backdrop-filter:blur(8px)}
.vh-hero-arrow:hover{background:rgba(20,29,60,.70)}
.vh-hero-prev{left:15px}.vh-hero-next{right:15px}
.vh-hero-dots{position:absolute;z-index:7;right:74px;bottom:18px;display:flex;gap:10px;align-items:center}
.vh-hero-dot{width:9px;height:9px;border:0;border-radius:999px;background:rgba(255,255,255,.65);box-shadow:0 0 0 1px rgba(21,34,70,.15);padding:0;cursor:pointer;transition:width .2s ease,background .2s ease}
.vh-hero-dot[aria-current=true]{width:23px;background:#fff}
.vh-hero-mobile-copy{display:none}
.vh-hero-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
  .vinht-v5-home .vh-hero{max-height:none}
  .vh-hero-slide{height:clamp(310px,101vw,430px)}
  .vh-hero-slide>picture>img{object-fit:cover;object-position:68% center}
  .vh-hero-slide::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(4,12,40,.82),rgba(4,12,40,0));pointer-events:none;z-index:2}
  .vh-hero-mobile-copy{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:11px;left:22px;right:68px;bottom:26px;color:#fff;pointer-events:none}
  .vh-hero-mobile-copy strong{max-width:21ch;font-size:clamp(23px,6.4vw,31px);line-height:1.09;font-weight:800;letter-spacing:-.035em;text-shadow:0 2px 10px rgba(0,0,0,.25)}
  .vh-hero-mobile-copy span{background:#175af1;border-radius:999px;padding:10px 17px;font-size:13px;font-weight:750}
  .vh-hero-arrow{width:33px;height:33px;font-size:25px;top:40%;background:rgba(12,21,49,.48)}
  .vh-hero-prev{left:8px}.vh-hero-next{right:8px}
  .vh-hero-dots{right:16px;bottom:19px}
  .vh-hero-dot{background:rgba(255,255,255,.55)}
}
@media(prefers-reduced-motion:reduce){.vh-hero-dot{transition:none}}
