.hero{position:relative;isolation:isolate;margin-top:calc(var(--header-h) * -1);overflow:hidden;background:var(--pale-2)}.hero__pic{display:block;height:100%}.hero__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 14%}.hero{width:100%;height:min(133vw,86vh);min-height:420px}@media(min-width:900px){.hero{margin-top:calc(var(--header-h-lg) * -1);height:min(55.8vw,max(100vh,48vw));min-height:520px}}.hero--has-content .hero__pic{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__lead{display:none}.hero--has-content .hero__lead{position:relative;z-index:1;display:grid;justify-items:start;justify-content:start;align-content:end;text-align:left;padding-bottom:clamp(112px,17vh,190px);min-height:100%;padding-top:var(--header-h-lg);gap:var(--s2);color:var(--teal)}.hero__eyebrow{margin:0}.hero__unit{margin:0;font:500 var(--t-label)/1 var(--font-data);text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.hero__value{margin:0;max-width:none;font-family:var(--font-body);font-size:clamp(4.5rem,16vw,11rem);font-weight:700;line-height:.85;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--teal)}.hero__value--claim{color:var(--muted)}.hero__caption{color:var(--muted);font-size:var(--t-small);max-width:44ch}.hero__head{margin:var(--s2) 0 0;font-size:clamp(1.75rem,4vw,2.75rem);max-width:17ch;color:var(--teal)}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center;margin-top:var(--s3)}.hero--has-content .hero__head{max-width:13ch;font-size:clamp(2.75rem,5.4vw,4.5rem);font-weight:700;line-height:.98;letter-spacing:-.035em;margin:0}.hero__sub{margin:var(--s2) 0 0;max-width:32ch;color:var(--teal);font-size:1.0625rem;font-weight:500;line-height:1.5}.hero--has-content .hero__lead:before{content:"";position:absolute;inset:auto -12% 0 -12%;height:62%;z-index:-1;background:linear-gradient(to top,#ffffff8c,#ffffff47 46%,#fff0);pointer-events:none}.hero__cta{margin-top:var(--s3);justify-content:flex-start}@media(max-width:899px){.hero{margin-top:0;height:min(134vw,90vh)}.hero__img{object-position:50% 50%}.hero--has-content .hero__lead{padding-top:var(--s4);padding-bottom:64px;gap:var(--s1)}}@media(min-width:900px){.hero--has-content .hero__lead{justify-items:start;justify-content:start;text-align:left;color:var(--teal)}.hero--has-content .hero__lead{max-width:none;padding-inline:clamp(1.5rem,5.5vw,5.5rem) var(--gutter)}.hero--has-content .hero__lead:before{inset:0 auto 0 -12%;width:58%;height:100%;background:linear-gradient(to right,#fff6,#ffffff4d 55%,#fff0)}.hero--has-content .hero__cta .cta__aside{color:var(--green-ink)}.hero--has-content .hero__cta .cta__aside:hover{color:var(--teal)}.hero--has-content .hero__head{max-width:min(12ch,24vw);font-size:clamp(2.5rem,4vw,4.25rem);color:var(--teal)}.hero__sub{color:var(--muted);max-width:min(26ch,24vw);margin-right:auto;font-size:clamp(1.0625rem,1.15vw,1.25rem)}.hero__cta{justify-content:flex-start}}.hero__pack{position:absolute;z-index:1;display:block;pointer-events:none;width:clamp(88px,13vw,190px);height:auto;left:6%;bottom:clamp(84px,12vh,150px)}@media(min-width:900px){.hero__pack{left:auto;right:34%;bottom:clamp(96px,14vh,180px)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.hero__pic{animation:hero-drift linear both;animation-timeline:scroll(root block);animation-range:0 100svh}.hero__pack{animation:hero-pack-in linear both;animation-timeline:scroll(root block);animation-range:4svh 34svh}}}@keyframes hero-drift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.08) translate3d(0,-5%,0)}}@keyframes hero-pack-in{0%{opacity:0;transform:translate3d(0,44px,0)}to{opacity:1;transform:none}}@media(max-width:899px){.hero--has-content{height:auto}.hero--has-content .hero__pic{position:relative;inset:auto;height:auto}.hero--has-content .hero__img{aspect-ratio:896 / 1200;height:auto}.hero--has-content .hero__lead{position:relative;min-height:0;justify-items:start;justify-content:start;align-content:start;text-align:left;color:var(--teal);background:var(--field-pale);padding-top:var(--s4);padding-bottom:clamp(var(--s5),13vw,var(--s6))}.hero--has-content .hero__lead:before{content:none}.hero--has-content .hero__head{color:var(--teal)}.hero__sub{color:var(--muted)}.hero__cta{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */