.vh{--vh-plum: #492675;--vh-tint: #f4f0f8;--vh-radius: clamp(1.25rem, 2vw, 1.75rem);padding-top:var(--vh-pt, 8px);padding-bottom:var(--vh-pb, 40px)}.vh__stage{position:relative}.vh__track{display:grid;overflow-x:clip;touch-action:pan-y}.vh__slide{grid-area:1 / 1;min-width:0;visibility:hidden}.vh__slide.is-active,.vh__slide.is-leaving{visibility:visible}.vh__slide.is-moving{transition:transform .55s cubic-bezier(.65,0,.35,1)}.vh__slide.is-leaving .vh__card{opacity:0;transition:opacity .2s ease}.vh__stage.has-moved .vh__slide.is-active .vh__card{animation:vh-card-in .55s cubic-bezier(.22,1,.36,1) .3s both}.vh__stage.has-moved .vh__slide.is-active .vh__card>*{animation:vh-card-up .5s cubic-bezier(.22,1,.36,1) .5s both}.vh__stage.has-moved .vh__slide.is-active .vh__card>:nth-child(2){animation-delay:.56s}.vh__stage.has-moved .vh__slide.is-active .vh__card>:nth-child(3){animation-delay:.62s}.vh__stage.has-moved .vh__slide.is-active .vh__card>:nth-child(4){animation-delay:.68s}@keyframes vh-card-in{0%{opacity:0;transform:translateY(1.25rem) scale(.97)}to{opacity:1;transform:none}}@keyframes vh-card-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.vh__media{position:relative;height:clamp(26rem,38vw,34rem);max-height:calc(100svh - var(--vh-top, 0px) - 9rem);min-height:18rem;border-radius:var(--vh-radius);overflow:hidden;background:var(--vh-tint)}.vh__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vh__img--mobile{display:none}a.vh__media{display:block}a.vh__media:focus-visible{outline:2px solid var(--vh-plum);outline-offset:3px}.vh__card{position:absolute;left:2rem;top:2rem;width:min(27.5rem,calc(100% - 4rem));padding:2rem 2rem 1.75rem;border-radius:1.375rem;background:#fff;color:#171717}.vh__logo{display:block;width:auto;max-width:14rem;margin:0 0 1rem -.25rem;object-fit:contain}.vh__heading{margin:0;font-size:clamp(2rem,3.2vw,2.875rem);line-height:1.02;font-weight:700;letter-spacing:-.035em;text-wrap:balance}.vh__text{margin:.875rem 0 0;font-size:1.0625rem;line-height:1.45;color:#3d3844}.vh__button{display:inline-flex;align-items:center;height:3.125rem;margin-top:1.375rem;padding:0 1.5rem;border-radius:999px;background:var(--vh-plum);color:#fff;font-size:.9375rem;font-weight:500;transition:background-color .2s ease}.vh__button:hover{background:#3a1e5e}.vh__button:focus-visible,.vh__cat:focus-visible,.vh__dot:focus-visible{outline:2px solid var(--vh-plum);outline-offset:3px}.vh__dots{position:absolute;right:1.5rem;bottom:6.5rem;display:flex;gap:.25rem}.vh__dot{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;background:none;cursor:pointer}.vh__dot:before{content:"";width:.375rem;height:.375rem;border-radius:999px;background:#ffffffa6;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .3s ease}.vh__dot.is-active:before{width:1.75rem;background:#fff}.vh__stage[data-autoplay] .vh__dot.is-active:before{background:linear-gradient(#fff,#fff) 0 0 / 0% 100% no-repeat,#ffffff80;animation:vh-dot-fill var(--vh-delay, 7s) linear forwards}.vh__stage.is-paused .vh__dot.is-active:before{animation-play-state:paused}@keyframes vh-dot-fill{to{background-size:100% 100%,auto}}.vh__stage--banner .vh__media{height:auto;min-height:0;max-height:none;aspect-ratio:var(--vh-ar)}.vh__stage--banner .vh__dots{position:static;justify-content:center;margin-top:.5rem}.vh__stage--banner .vh__dot:before{background:#49267540}.vh__stage--banner .vh__dot.is-active:before{background:var(--vh-plum)}.vh__stage--banner[data-autoplay] .vh__dot.is-active:before{background:linear-gradient(var(--vh-plum),var(--vh-plum)) 0 0 / 0% 100% no-repeat,#49267540}.vh--banner .vh__rail{margin-top:1rem;box-shadow:none;border:1px solid #ece8f1}.vh__rail{position:relative;margin:-5rem 2rem 0;padding:1.125rem 1.25rem;border-radius:1.5rem;background:#fff;box-shadow:0 18px 40px #1717171f}.vh__rail--flat{margin-top:0}.vh__rail-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.vh__cats{display:grid;grid-template-columns:repeat(var(--vh-cols, 8),minmax(0,1fr));gap:.25rem;margin:0;padding:0;list-style:none}.vh__cat{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.625rem .375rem .875rem;border-radius:1.125rem;color:#171717;transition:background-color .2s ease}.vh__cat:hover{background:var(--vh-tint)}.vh__cat-media{display:flex;align-items:center;justify-content:center;width:min(7.75rem,100%);aspect-ratio:1;border-radius:1.25rem;background:var(--vh-tint);overflow:hidden;transition:background-color .2s ease}.vh__cat:hover .vh__cat-media{background:#fff}.vh__cat-media img{width:87%;height:87%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s cubic-bezier(.22,1,.36,1)}.vh__cat:hover .vh__cat-media img{transform:translateY(-4px) scale(1.04)}.vh__cat-title{font-size:.9375rem;font-weight:600;text-align:center;line-height:1.2}@media(prefers-reduced-motion:reduce){.vh__cat-media img,.vh__dot:before,.vh__slide.is-moving{transition:none}.vh__stage.has-moved .vh__slide.is-active .vh__card,.vh__stage.has-moved .vh__slide.is-active .vh__card>*{animation:none}.vh__slide.is-leaving .vh__card{transition:none}.vh__stage[data-autoplay] .vh__dot.is-active:before{animation:none;background:#fff}.vh__stage--banner[data-autoplay] .vh__dot.is-active:before{background:var(--vh-plum)}}@media(max-width:1023px){.vh__cats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.vh__media{height:18.75rem;max-height:none}.vh__img--desktop{display:none}.vh__img--mobile{display:block}.vh__card{position:relative;left:auto;top:auto;width:auto;margin:-3.5rem .625rem 0;padding:1.125rem;border-radius:1.25rem;box-shadow:0 12px 28px #1717171f}.vh__logo{max-height:2.5rem;margin-bottom:.5rem}.vh__heading{font-size:1.75rem;line-height:1.05}.vh__text{font-size:1rem}.vh__button{display:flex;justify-content:center;width:100%;height:3rem;margin-top:.875rem}.vh__dots{top:.75rem;right:.75rem;bottom:auto}.vh__rail{margin:1.375rem -1rem 0;padding:0;border-radius:0;background:none;box-shadow:none}.vh__rail-head{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:flex;align-items:baseline;justify-content:space-between;padding:0 1rem .625rem}.vh__rail-heading{font-size:1.0625rem;font-weight:600}.vh__rail-all{color:var(--vh-plum);font-size:.875rem;font-weight:500}.vh__cats{display:flex;gap:.625rem;overflow-x:auto;padding:.25rem 1rem .5rem;scroll-snap-type:x mandatory;scrollbar-width:none}.vh__cats::-webkit-scrollbar{display:none}.vh__cats>li{flex:none;width:6.5rem;scroll-snap-align:start}.vh__cat{padding:0;gap:.5rem}.vh__cat-media{width:6.5rem;border-radius:1.125rem}.vh__cat-title{font-size:.875rem}}@media(max-width:767px){.vh__stage--banner .vh__media{height:auto;aspect-ratio:var(--vh-ar-m)}.vh__stage--banner .vh__card{position:absolute;left:.625rem;right:.625rem;bottom:.625rem;margin:0}.vh__stage--banner .vh__slide{position:relative}.vh__stage--banner .vh__dots{transform:none}.vh--banner .vh__rail{margin-top:1rem;border:0}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/voggan-hero.css.map */