.hero__panel{position:relative;display:block;background:var(--color-dust)}.hero__panel:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:var(--color-deep-water);opacity:0}.hero__media{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.hero__media-item{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover"}.hero__content{--min-height: 28.5rem;--max-width: 86rem;position:relative;z-index:2;display:flex;padding:3rem var(--side-pad-mobile);min-height:var(--min-height);width:100%}.hero__content--mobile-tall{--min-height: 50rem}.transparent-header .hero__content{--min-height: calc(var(--header-height-mobile) + 28.5rem)}.transparent-header .hero__content--mobile-tall{--min-height: calc(var(--header-height-mobile) + 50rem)}.hero__text{max-width:var(--max-width, 86rem)}.hero__content{justify-content:center}.hero__content--mobile-top{align-items:flex-start}.hero__content--mobile-middle{align-items:center}.hero__content--mobile-bottom{align-items:flex-end}@media screen and (min-width:750px){.hero__content{--min-height: 48.5rem;padding:4rem var(--side-pad-normal-tablet)}.hero__content--desktop-tall{--min-height: 67rem}.transparent-header .hero__content{--min-height: calc(var(--header-height-desktop) + 48.5rem)}.transparent-header .hero__content--desktop-tall{--min-height: calc(var(--header-height-desktop) + 67rem)}.hero__content--desktop-top-left{align-items:flex-start;justify-content:flex-start}.hero__content--desktop-top-center{align-items:flex-start;justify-content:center}.hero__content--desktop-top-right{align-items:flex-start;justify-content:flex-end}.hero__content--desktop-middle-left{align-items:center;justify-content:flex-start}.hero__content--desktop-middle-center{align-items:center;justify-content:center}.hero__content--desktop-middle-right{align-items:center;justify-content:flex-end}.hero__content--desktop-bottom-left{align-items:flex-end;justify-content:flex-start}.hero__content--desktop-bottom-center{align-items:flex-end;justify-content:center}.hero__content--desktop-bottom-right{align-items:flex-end;justify-content:flex-end}div[class*=hero__content--desktop-middle] .sh+.hd:last-child{padding-bottom:4rem}}@media screen and (min-width:990px){.hero__content{padding:var(--side-pad-normal-desktop)}}@media screen and (min-width:1180px){.hero__content{padding:8rem var(--side-pad-large-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/section-hero.css.map */