.product-hero{position:relative;width:100%;min-height:68rem;overflow:hidden;color:var(--sabera-bg-soft);isolation:isolate;background:linear-gradient(180deg,#0d2816,#326443)}.product-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#0d2816,#326443)}.product-hero__media{position:absolute;top:12%;left:-30%;right:-30%;z-index:2;height:95%;pointer-events:none}.product-hero__media-frame{position:relative;width:100%;height:100%;overflow:hidden}.product-hero__image,.product-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.product-hero__placeholder{background:linear-gradient(180deg,#1a3324,#2a4d36)}.product-hero__inner{position:absolute;z-index:3;bottom:6rem;left:0;right:0;padding:0 3.2rem;box-sizing:border-box}.product-hero__text{display:flex;flex-direction:column;gap:1.6rem;font-family:var(--sabera-font);color:var(--sabera-bg-soft)}.product-hero__eyebrow{margin:0;font-size:1.4rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--sabera-bg-soft);opacity:.85}.product-hero__heading,.product-hero__heading p{margin:0;font-size:4.8rem;font-weight:700;line-height:1.3;letter-spacing:0;color:var(--sabera-bg-soft)}.product-hero__heading{font-size:inherit}.product-hero__tagline{margin:0;font-size:2rem;font-weight:700;line-height:2;color:var(--sabera-bg-soft)}.product-hero__tagline p{margin:0}.product-hero__body{font-size:1.4rem;font-weight:400;line-height:1.7;color:var(--sabera-bg-soft);opacity:.9}.product-hero__body p{margin:0}.product-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;height:4.8rem;padding:0 2.4rem;background-color:var(--sabera-bg-soft);color:var(--sabera-text);border:1px solid var(--sabera-bg-soft);font-family:var(--sabera-font);font-size:1.6rem;font-weight:700;line-height:1.3;letter-spacing:.1em;text-decoration:none;transition:background-color .15s ease,color .15s ease;align-self:flex-start;margin-top:.8rem}.product-hero__cta:hover,.product-hero__cta:focus-visible{background-color:transparent;color:var(--sabera-bg-soft)}@media screen and (min-width:990px){.product-hero{min-height:69.6rem}.product-hero__media{position:absolute;top:0;bottom:0;left:0;right:0;height:auto;max-width:144rem;margin:0 auto}.product-hero__media-frame{position:absolute;bottom:-15rem;left:53.8rem;height:auto;width:auto;overflow:visible}.product-hero__image{position:static;display:block;width:65rem;height:auto;max-width:none;object-fit:initial}.product-hero__inner{position:relative;z-index:2;padding:0;bottom:auto;left:auto;right:auto;min-height:69.6rem;max-width:144rem;margin:0 auto}.product-hero__text{position:absolute;top:28.3%;left:20.8rem;width:30rem;max-width:30rem;gap:2.4rem}.product-hero__heading,.product-hero__heading p{font-size:7.2rem;line-height:1.4}.product-hero__tagline{font-size:2.4rem;line-height:1.6}.product-hero__body{font-size:1.6rem}}@media screen and (max-width:989px){.product-hero:before{content:"";position:absolute;top:-8%;right:-10%;bottom:0;left:-10%;z-index:1;background:radial-gradient(ellipse 82% 58% at 50% 30%,rgba(80,160,100,.55) 0%,rgba(50,100,67,.25) 42%,transparent 72%);pointer-events:none}@supports (animation-timeline: view()){.product-hero{view-timeline-name:--sabera-product-hero;view-timeline-axis:block}.product-hero:before,.product-hero__media,.product-hero__inner{animation-timeline:--sabera-product-hero;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-range:exit 0% exit 100%;will-change:transform}.product-hero:before{animation-name:sabera-ph-glow}.product-hero__inner{animation-name:sabera-ph-copy}.product-hero__media{animation-name:sabera-ph-glasses}}@media(prefers-reduced-motion:reduce){.product-hero:before,.product-hero__media,.product-hero__inner{animation:none;transform:none}}}@keyframes sabera-ph-glasses{0%{transform:translateY(0) rotate(-8deg) scale(1)}to{transform:translateY(-20.3rem) rotate(24deg) scale(1.3)}}@keyframes sabera-ph-copy{0%{transform:translateY(0)}to{transform:translateY(-7.6rem)}}@keyframes sabera-ph-glow{0%{transform:translateY(0)}to{transform:translateY(-5.1rem)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-product-hero.css.map */