.homepage-hero--field>.homepage-hero__backdrop{display:block;position:absolute;top:-3rem;right:-3rem;bottom:-3rem;left:-3rem;z-index:0;background:var(--hero-field-image) left center / 320% auto no-repeat;filter:blur(2.4rem);pointer-events:none}.homepage-hero--field>.homepage-hero__media{inset:auto;top:calc(var(--header-height, 9rem) + 1.2rem);right:max(0px,calc((100% - 192rem)/2));height:calc(100% - var(--header-height, 9rem) - 2.4rem);width:auto;aspect-ratio:1672 / 941;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 92%,transparent 100%)}.homepage-hero--field>.homepage-hero__media img{display:block;object-fit:contain;object-position:center;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 2%,#000 98%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 2%,#000 98%,transparent 100%)}.homepage-hero--field .homepage-hero__content{max-width:min(54rem,46vw)}@media(max-width:989px){.homepage-hero--field{--hero-field-photo-height: clamp(30rem, 100vw, 46rem);--hero-field-photo-top: calc(var(--header-height, 7rem) + 1.6rem);display:block;padding-top:calc(var(--hero-field-photo-top) + var(--hero-field-photo-height))}.homepage-hero--field>.homepage-hero__backdrop{background-size:cover;opacity:.45}.homepage-hero--field>.homepage-hero__media{top:var(--hero-field-photo-top);right:0;height:var(--hero-field-photo-height);-webkit-mask-image:none;mask-image:none}.homepage-hero--field>.homepage-hero__overlay{display:block;background:linear-gradient(180deg,#03131e80,#03131e0a calc(var(--hero-field-photo-top) + 6rem) calc(var(--hero-field-photo-top) + var(--hero-field-photo-height) - 1.6rem),#102b3f calc(var(--hero-field-photo-top) + var(--hero-field-photo-height) + 1rem))}.homepage-hero--field>.homepage-hero__inner{min-height:0;padding-top:2.8rem;padding-bottom:3.6rem}.homepage-hero--field .homepage-hero__content{max-width:58rem;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.homepage-hero--field .homepage-hero__button{transition:none}.homepage-hero--field .homepage-hero__button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-homepage-hero-framing.css.map */
