.v-jar{--jar-a: #cfdac7;--jar-b: #e6ece0;--jar-c: #aebea5;width:100%;height:auto;display:block;overflow:visible}.v-jar--sand{--jar-a: #e1d9c6;--jar-b: #f1ebdc;--jar-c: #cdc3aa}.v-jar--forest{--jar-a: #35493a;--jar-b: #4d6853;--jar-c: #2a3b2f}.v-hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:calc(var(--header-h) + var(--ann-h) + var(--space-4)) 0 var(--space-6);background:var(--v-bg, var(--v-paper));isolation:isolate}.v-hero__wrap{position:relative}.v-hero__bg{position:absolute;z-index:-1;right:-12vw;top:50%;width:min(78vw,92rem);aspect-ratio:1;margin-top:calc(min(78vw,92rem)/-2);border-radius:50%;background:var(--vida-background-tint)}.v-hero__bg--2{right:auto;left:-18vw;top:auto;bottom:-26vw;width:46vw;margin:0;background:var(--vida-highlight);opacity:.55}.v-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-5);align-items:center}.v-hero__copy{position:relative;z-index:2}.v-hero__title{margin-bottom:var(--space-4);max-width:14ch}.v-hero__title em{display:inline-block}.v-hero__lead{margin-bottom:var(--space-5)}.v-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}.v-hero__stage{position:relative;display:grid;place-items:center}.v-hero__enter{width:100%;display:grid;place-items:center}.v-hero__object{position:relative;width:min(100%,46rem);display:grid;place-items:center}.v-hero__object img{width:auto;max-width:100%;height:auto;max-height:min(66svh,60rem);display:block;margin-inline:auto}.v-hero__object .v-jar{filter:drop-shadow(0 1.2rem 1.6rem rgba(23,26,23,.1))}.v-hero__tilt{position:relative;z-index:1}.v-js .v-hero__enter{animation:v-hero-in 1.6s var(--ease-premium) .25s both}@keyframes v-hero-in{0%{opacity:0;transform:translate3d(0,3.2rem,0) scale(.94)}to{opacity:1;transform:none}}.v-hero__shadow{position:absolute;left:50%;bottom:-.4rem;width:58%;height:2.4rem;margin-left:-29%;border-radius:50%;background:#171a1757;filter:blur(1.8rem);transform-origin:center;animation:v-shadow 11s ease-in-out infinite alternate}@keyframes v-shadow{0%{transform:scaleX(1.04);opacity:.7}to{transform:scale(.9);opacity:.5}}.v-hero__frame{width:100%;max-width:58rem;aspect-ratio:4 / 5;border-radius:var(--card-radius);background:var(--v-sage-100)}.v-hero__video,.v-hero__frame video,.v-hero__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.v-hero__card{position:relative;z-index:3;display:grid;gap:.4rem;justify-self:center;min-width:24rem;max-width:30rem;margin-top:var(--space-4)}.v-hero__card--float{position:absolute;left:1.6rem;bottom:1.6rem;justify-self:auto;margin-top:0;min-width:22rem;max-width:28rem}.v-hero__card-title{font-family:var(--v-font-display);font-size:2rem;line-height:1.15;color:var(--v-ink)}.v-hero__card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.8rem;font-size:1.5rem;color:var(--v-ink)}.v-hero__card-foot .v-icon{width:1.8rem;height:1.8rem;transition:transform var(--duration-medium) var(--ease-premium)}.v-hero__card:hover .v-hero__card-foot .v-icon{transform:translate(.4rem)}.v-hero__vctl{position:absolute;right:1.2rem;bottom:1.2rem;z-index:4;background:#faf9f5d9;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);color:var(--v-ink)}.v-hero__vctl:hover{background:var(--v-paper)}.v-hero__vctl .v-icon{width:2rem;height:2rem}.v-hero__vctl[aria-pressed=true] .v-icon--pause{display:none}.v-hero__trust{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-6);padding:var(--space-3) 0 0;border-top:1px solid var(--v-border);list-style:none}.v-hero__trust li{display:inline-flex;align-items:center;gap:1rem;font-size:1.4rem;color:var(--v-fg-soft)}.v-hero__trust .v-icon{width:2rem;height:2rem;color:var(--v-accent)}.v-hero__cue{position:absolute;left:50%;bottom:2.4rem;width:1px;height:5.6rem;background:var(--v-border);overflow:hidden}.v-hero__cue:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--v-fg);transform:translateY(-100%);animation:v-cue 2.4s var(--ease-soft) infinite}@keyframes v-cue{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.v-hero--full{background:var(--vida-surface-dark);color:var(--v-fg)}.v-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--vida-surface-dark)}.v-hero__media-inner{position:absolute;top:-4%;right:0;bottom:-4%;left:0;will-change:transform}.v-hero__media video,.v-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.v-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(23 32 26 / var(--hero-overlay, .45))}.v-hero--full .v-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}.v-hero--full .v-hero__title{max-width:16ch}.v-hero--full .v-hero__cue{background:#f3f1ea4d}.v-hero--full .v-hero__cue:after{background:#f3f1ea}.v-hero__vctl--full{right:var(--gutter);bottom:2.4rem}.v-hero--centered{min-height:auto;padding-bottom:var(--space-7)}.v-hero--centered .v-hero__grid{grid-template-columns:1fr;gap:var(--space-6);justify-items:center;text-align:center}.v-hero--centered .v-hero__title{max-width:18ch;margin-inline:auto}.v-hero--centered .v-hero__lead{margin-inline:auto}.v-hero--centered .v-hero__cta,.v-hero--centered .v-hero__trust{justify-content:center}.v-hero--centered .v-hero__frame{max-width:110rem;aspect-ratio:16 / 9}.v-hero--centered .v-hero__object{width:min(100%,44rem)}.v-hero--centered .v-hero__stage{width:100%}.v-hero--centered .v-hero__cue{display:none}.v-hero--centered .v-hero__card--float{left:max(1.6rem,calc(50% - 34rem))}.v-hero--centered .v-hero__bg{top:62%;right:50%;margin-right:calc(min(78vw,92rem)/-2)}@media screen and (max-width:989px){.v-hero{min-height:auto;padding-top:calc(var(--header-h) + var(--ann-h) + var(--space-3))}.v-hero__grid,.v-hero--full .v-hero__grid{grid-template-columns:1fr;gap:var(--space-4)}.v-hero__stage{order:2}.v-hero__object{width:min(78%,36rem)}.v-hero__object img{max-height:min(54svh,46rem)}.v-hero__frame{max-width:none;aspect-ratio:4 / 5}.v-hero--centered .v-hero__frame{aspect-ratio:4 / 5}.v-hero__bg{right:-30vw;top:62%;width:110vw;margin-top:-55vw}.v-hero__cue{display:none}.v-hero__cta .v-btn{flex:1 1 auto}.v-hero__card{min-width:0;width:min(100%,30rem);margin-top:var(--space-3)}.v-hero__card--float{left:1.2rem;bottom:1.2rem;width:auto;max-width:calc(100% - 7rem);margin-top:0}.v-hero--full{min-height:100svh;align-items:flex-end;padding-bottom:var(--space-6)}.v-hero--full .v-hero__stage{display:none}}.v-hero__lead-m{display:none}@media screen and (max-width:749px){.v-hero:not(.v-hero--full):not(.v-hero--centered){min-height:100vh;min-height:100svh;align-items:stretch;padding:calc(var(--header-h) + var(--ann-h) + 1.2rem) 0 calc(2rem + env(safe-area-inset-bottom))}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__wrap{display:flex;flex-direction:column;flex:1;width:100%}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__grid{display:flex;flex-direction:column;align-items:stretch;justify-items:stretch;flex:1;gap:0}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__copy{display:contents}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-eyebrow{order:1;margin-bottom:1.2rem;font-size:1.1rem}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__title{order:2;font-size:clamp(3.8rem,11.2vw,5rem);line-height:1;max-width:none;margin-bottom:1.2rem}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__lead{order:3;margin:0;font-size:1.6rem;line-height:1.5;max-width:34ch}.v-hero__lead-d{display:none}.v-hero__lead-m{display:inline}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__stage{order:4;flex:1 1 0;min-height:25rem;position:relative;display:block;margin:1.6rem 0}.v-hero__enter{position:absolute;top:0;right:0;bottom:.6rem;left:0;display:flex;justify-content:center}.v-hero__object{height:100%;width:auto;aspect-ratio:var(--hero-ar, .75);max-width:100%}.v-hero__tilt,.v-hero__tilt .v-float{height:100%;display:block}.v-hero__object img{display:block;height:100%;width:100%;max-width:100%;max-height:none;object-fit:contain;object-position:center bottom}.v-hero__object .v-jar{height:100%;width:100%}.v-hero__shadow{width:62%;height:1.8rem;margin-left:-31%;bottom:0}.v-hero__bg{right:-38vw;top:58%;width:120vw;margin-top:-60vw}.v-hero__card:not(.v-hero__card--float){position:absolute;left:0;bottom:.4rem;margin:0;width:auto;min-width:0;max-width:40%;padding:.9rem 1.2rem;gap:0;--card-radius: 1.2rem}.v-hero__card .v-panel__eyebrow,.v-hero__card-title{display:none}.v-hero__card-foot{margin-top:0;gap:1.2rem;font-size:1.5rem}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__cta{order:5;flex-direction:column;align-items:stretch;gap:1.2rem}.v-hero__cta .v-btn{width:100%;min-height:5.6rem}.v-hero__cta .v-link{justify-content:center;min-height:4.4rem}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__trust{order:6;flex-direction:row;flex-wrap:nowrap;gap:2.4rem;margin:2.4rem calc(var(--gutter) * -1) 0;padding:1.6rem var(--gutter) 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.v-hero__trust::-webkit-scrollbar{display:none}.v-hero__trust li{flex:none;white-space:nowrap}}@media screen and (max-width:749px)and (max-height:740px){.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__title{font-size:clamp(3.4rem,9.8vw,4.2rem)}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__lead{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__stage{min-height:20rem;margin:1.2rem 0}.v-hero__cta .v-btn{min-height:5rem}}@media screen and (min-width:414px)and (max-width:749px){.v-hero:not(.v-hero--full):not(.v-hero--centered) .v-hero__lead{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){.v-js .v-hero__enter{animation:none}.v-hero__shadow{animation:none;opacity:.6}.v-hero__cue:after{animation:none;transform:none}.v-hero__media-inner{top:0;right:0;bottom:0;left:0}}.v-hero__pic{display:contents}
/*# sourceMappingURL=/cdn/shop/t/11/assets/vida-hero.css.map */