/* Visitor-facing showcase: four distinct full-width backgrounds slide into view. */
.vh-scene{overflow:hidden}
.vh-scene .vh-scene-image{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;position:absolute!important;inset:0!important;opacity:0;transform:translate3d(4%,0,0) scale(1.04);transition:opacity .45s ease,transform .65s cubic-bezier(.2,.65,.3,1);pointer-events:none}
.vh-scene .vh-scene-image.is-active{opacity:1;transform:translate3d(0,0,0) scale(1)}
.vh-explorer:has(.vh-explorer-panel:hover) .vh-scene-image,.vh-explorer:has(.vh-explorer-panel:focus-visible) .vh-scene-image{opacity:0;transform:translate3d(4%,0,0) scale(1.04)}
.vh-explorer:has([data-scene="0"]:hover) .vh-scene-image:nth-child(1),.vh-explorer:has([data-scene="0"]:focus-visible) .vh-scene-image:nth-child(1),
.vh-explorer:has([data-scene="1"]:hover) .vh-scene-image:nth-child(2),.vh-explorer:has([data-scene="1"]:focus-visible) .vh-scene-image:nth-child(2),
.vh-explorer:has([data-scene="2"]:hover) .vh-scene-image:nth-child(3),.vh-explorer:has([data-scene="2"]:focus-visible) .vh-scene-image:nth-child(3),
.vh-explorer:has([data-scene="3"]:hover) .vh-scene-image:nth-child(4),.vh-explorer:has([data-scene="3"]:focus-visible) .vh-scene-image:nth-child(4){opacity:1;transform:translate3d(0,0,0) scale(1)}
.vh-explorer-panel{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.vh-scene .vh-scene-image{transition:none;transform:none!important}}

/* Transparent at the top; solid white once the preview scrolls. */
body.care-pack-vita .vh-header-shell,body.care-pack-vita:has(.vh-hero) .vh-header-shell{position:fixed!important;inset:0 0 auto!important;z-index:100!important;width:100%;background:transparent!important;color:#062b3b!important;transition:background-color .2s ease}
body.care-pack-vita.is-preview-scrolled .vh-header-shell{background:#fff!important}
body.care-pack-vita .vh-header-shell .cp-header{background:transparent!important;color:#062b3b!important}
body.care-pack-vita .vh-header-shell :is(.cp-brand,.cp-brand-sub,.care-desktop-links>a,.care-mobile-navigation>summary){color:#062b3b!important}
body.care-pack-vita:not(:has(.vh-hero)){padding-top:100px}
@media(max-width:700px){body.care-pack-vita:not(:has(.vh-hero)){padding-top:86px}}
@media(prefers-reduced-motion:reduce){body.care-pack-vita .vh-header-shell{transition:none}}

/* Responsive showcase hero heading, capped at 70px on desktop. */
body.care-pack-vita .cp-theme-vita .vh-hero h1,body.care-pack-vita .vh-hero h1{font-size:clamp(36px,5vw,70px)!important}

/* Header scrolls with the page; homepage navigation overlays the hero. */
body.care-pack-vita .vh-header-shell{position:relative!important;inset:auto!important;background:#fff!important}
body.care-pack-vita:has(.vh-hero) .vh-header-shell{position:absolute!important;inset:0 0 auto!important;background:transparent!important}
body.care-pack-vita:not(:has(.vh-hero)){padding-top:0!important}
