.vpc-hero{position:relative;display:block;overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.vpc-hero--small{height:45svh;min-height:32rem}.vpc-hero--medium{height:62svh;min-height:40rem}.vpc-hero--large{height:80svh;min-height:48rem}.vpc-hero--full{height:100svh;min-height:52rem}.vpc-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s ease}.vpc-hero__slide.is-active{z-index:1;opacity:1;visibility:visible}.vpc-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.vpc-hero__image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 7s ease-out}.vpc-hero__slide.is-active .vpc-hero__image{transform:scale(1)}.vpc-hero__placeholder{background:rgba(var(--color-foreground),.08);fill:rgba(var(--color-foreground),.25)}.vpc-hero__image--mobile{display:none}@media(max-width:749px){.vpc-hero__slide--has-mobile .vpc-hero__image--desktop{display:none}.vpc-hero__slide--has-mobile .vpc-hero__image--mobile{display:block}}.vpc-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / calc(var(--vpc-hero-overlay) + .3)),rgb(0 0 0 / var(--vpc-hero-overlay)) 60%)}.vpc-hero__content{position:relative;z-index:1;display:flex;width:100%;height:100%;padding-block:4rem 7.2rem}.vpc-hero__content--fixed{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.vpc-hero__content--fixed .vpc-hero__text{pointer-events:auto}.vpc-hero__content--bottom-left{align-items:flex-end;justify-content:flex-start}.vpc-hero__content--center-left{align-items:center;justify-content:flex-start}.vpc-hero__content--bottom-center{align-items:flex-end;justify-content:center;text-align:center}.vpc-hero__content--center{align-items:center;justify-content:center;text-align:center}@media(min-width:990px){.vpc-hero__content{padding-block:6.4rem 8.8rem}}.vpc-hero__text{display:grid;gap:1.4rem;max-width:80rem}.vpc-hero__eyebrow{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.vpc-hero__heading{margin:0;color:inherit;font-family:var(--vpc-font-heading);font-size:clamp(4rem,10vw,9.6rem);font-weight:800;letter-spacing:-.01em;line-height:.92;text-transform:uppercase}.vpc-hero__body{font-size:1.6rem;line-height:1.5}.vpc-hero__body p{margin:0}.vpc-hero__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.8rem}.vpc-hero__content--bottom-center .vpc-hero__buttons,.vpc-hero__content--center .vpc-hero__buttons{justify-content:center}.vpc-hero__controls{position:absolute;right:var(--vpc-gutter);bottom:2.4rem;z-index:3;display:flex;align-items:center;gap:1rem;color:rgb(var(--color-foreground))}@media(min-width:990px){.vpc-hero__controls{right:var(--vpc-gutter-desktop);bottom:3.2rem;gap:1.4rem}}.vpc-hero__arrow{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(var(--color-foreground),.55);border-radius:50%;background:#0003;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--vpc-transition),color var(--vpc-transition),border-color var(--vpc-transition)}@media(max-width:749px){.vpc-hero__arrow{display:none}}@media(min-width:990px){.vpc-hero__arrow{width:5.2rem;height:5.2rem}}@media(hover:hover){.vpc-hero__arrow:hover{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}}.vpc-hero__arrow-icon{width:1.4rem;height:1.4rem}.vpc-hero__arrow-icon--prev{transform:rotate(180deg)}.vpc-hero__counter{display:inline-flex;gap:.4rem;font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.1em}.vpc-hero__counter-sep{opacity:.5}.vpc-hero__progress{position:relative;display:block;width:5.6rem;height:2px;overflow:hidden;border-radius:1rem;background:rgba(var(--color-foreground),.3)}@media(min-width:990px){.vpc-hero__progress{width:8rem}}.vpc-hero__progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:rgb(var(--color-foreground))}.vpc-hero__progress-fill.is-running{animation:vpc-hero-progress var(--vpc-hero-delay, 5s) linear forwards}.vpc-hero.is-paused .vpc-hero__progress-fill{animation-play-state:paused}@keyframes vpc-hero-progress{0%{width:0}to{width:100%}}@media(prefers-reduced-motion:reduce){.vpc-hero__slide,.vpc-hero__image{transition:none}.vpc-hero__image{transform:none}.vpc-hero__progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/vpc-hero.css.map */