.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__slide[hidden]{display:none}.vh__media{position:relative;height:clamp(26rem,38vw,34rem);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}.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__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{transition:none}}@media(max-width:1023px){.vh__cats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.vh__media{height:18.75rem}.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}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/voggan-hero.css.map */