.home-hero{--hh-bg: #cdcbfe;--hh-text: #101820;--hh-video-h: 680px;--hh-video-h-eff: min(var(--hh-video-h), 58vw);--hh-pt: 0px;--hh-pb: 0px;--hh-gap: clamp(24px, 4vw, 64px);--hh-ease: cubic-bezier(.22, .61, .36, 1);--hh-h1: clamp(46px, 8vw, 108px);--hh-h1-leading: .96;--hh-text-pad: clamp(32px, 4vw, 64px);--hh-graphic-w: clamp(130px, 19.5vw, 288px);--hh-graphic-ratio: .663;--hh-crop-keep: .8;position:relative;overflow:hidden;background-color:var(--hh-bg);color:var(--hh-text)}.home-hero__inner{position:relative;display:grid;gap:var(--hh-gap);align-items:center;box-sizing:border-box;width:100%;max-width:var(--LAYOUT-WIDTH, 1440px);margin:0 auto;padding:var(--hh-pt) var(--LAYOUT-OUTER, 24px) var(--hh-pb)}.home-hero__text{position:relative;z-index:2;min-width:0}.home-hero__kicker{margin:0 0 12px;font-family:var(--FONT-STACK-ACCENT, inherit);font-size:clamp(.75rem,1.4vw,.875rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.home-hero__heading{margin:0;font-size:var(--hh-h1);line-height:var(--hh-h1-leading);letter-spacing:-.02em;text-wrap:balance}.home-hero__heading-line,.home-hero__heading p{margin:0;font:inherit;font-weight:800;letter-spacing:inherit}.home-hero__sub{max-width:46ch;margin-top:clamp(16px,2vw,24px);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.55;opacity:.85}.home-hero__cta{position:relative;z-index:4;margin-top:clamp(24px,3vw,36px)}.home-hero__media{position:relative;z-index:1;min-width:0}.home-hero__video-frame{position:relative;aspect-ratio:9 / 16;width:100%;max-width:100%;margin-inline:auto;overflow:hidden;border-radius:clamp(16px,2vw,28px)}.home-hero__video,.home-hero__video-frame>img{display:block;width:100%;height:100%;object-fit:cover;background-color:var(--hh-bg)}.home-hero__graphic{position:absolute;z-index:3;width:var(--hh-graphic-w);pointer-events:none}.home-hero__graphic-img{display:block;width:100%;height:auto}.home-hero__overlay{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:block}@media only screen and (min-width:1000px){.home-hero__inner{grid-template-columns:1fr auto}.home-hero--reverse .home-hero__inner{grid-template-columns:auto 1fr}.home-hero__video-frame{width:calc(var(--hh-video-h-eff) * 9 / 16);height:calc(var(--hh-video-h-eff) * var(--hh-crop-keep));aspect-ratio:auto}.home-hero__video,.home-hero__video-frame>img{position:absolute;top:0;left:0;width:100%;max-width:none;height:auto;aspect-ratio:9 / 16;transform:translateY(calc((1 - var(--hh-crop-keep)) / -2 * 100%))}.home-hero__text{position:relative;padding-block:var(--hh-text-pad)}.home-hero__heading-line{display:block;width:fit-content}.home-hero__graphic{top:calc(var(--hh-text-pad) + (var(--hh-h1) * var(--hh-h1-leading) - var(--hh-graphic-w) * var(--hh-graphic-ratio)) / 2);right:0}.home-hero--reverse .home-hero__text{order:2}.home-hero--reverse .home-hero__media{order:1}}@media only screen and (max-width:999px){.home-hero__inner{grid-template-columns:1fr;grid-template-areas:"hero-stack";align-items:start;gap:0;padding:0;text-align:left}.home-hero__media{grid-area:hero-stack}.home-hero__text{grid-area:hero-stack;z-index:2;align-self:end;position:static;padding-top:0;padding-bottom:clamp(26px,7vw,56px);padding-inline:clamp(14px,4vw,32px)}.home-hero__video-frame{width:min(100%,480px);border-radius:0;aspect-ratio:9 / 14}.home-hero__video,.home-hero__video-frame>img{position:absolute;top:0;left:0;width:calc(100% / .95);max-width:none;height:auto;aspect-ratio:9 / 16;transform:translateY(-5%)}.home-hero__heading{--hh-h1: clamp(46px, 13.5vw, 82px);--hh-h1-leading: 1.18}.home-hero__heading-line{display:block;width:fit-content;padding:.08em .2em;border-radius:.26em;background:#a7a4e0b8;-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15)}.home-hero__heading-line+.home-hero__heading-line{margin-top:6px}.home-hero__sub{margin-inline:0}.home-hero__graphic{--hh-graphic-w: clamp(165px, 48vw, 240px);top:clamp(20px,5vw,32px);right:clamp(4px,3vw,28px)}}.home-hero--ready [data-hh-reveal]{opacity:0;transform:translate3d(0,18px,0)}.home-hero--ready .home-hero__media[data-hh-reveal]{transform:translate3d(0,24px,0) scale(.97)}.home-hero--ready.home-hero--in [data-hh-reveal]{opacity:1;transform:none;transition:opacity .7s var(--hh-ease),transform .7s var(--hh-ease)}.home-hero--ready.home-hero--in [data-hh-reveal="1"]{transition-delay:0ms}.home-hero--ready.home-hero--in [data-hh-reveal="2"]{transition-delay:.11s}.home-hero--ready.home-hero--in [data-hh-reveal="3"]{transition-delay:.22s}.home-hero--ready.home-hero--in [data-hh-reveal="4"]{transition-delay:.33s}.home-hero--ready [data-hh-graphic]{opacity:0;transform:translate3d(-40px,14px,0) rotate(-8deg)}.home-hero--ready.home-hero--in [data-hh-graphic]{opacity:1;transform:none;transition:opacity .8s var(--hh-ease) .25s,transform .9s var(--hh-ease) .25s;animation:hhBottleBob 6s ease-in-out 1.4s infinite}@keyframes hhBottleBob{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-8px,0) rotate(-1.5deg)}}@media(prefers-reduced-motion:reduce){.home-hero--ready [data-hh-reveal],.home-hero--ready [data-hh-graphic]{opacity:1;transform:none;transition:none}.home-hero--ready.home-hero--in [data-hh-graphic]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/home-hero.css.map */