.media{display:block;background-color:rgba(var(--color-foreground),.1);position:relative;overflow:hidden}.media model-viewer,.media>:not(.zoom,.deferred-media__poster-button){display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%}.media>img{object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.hero{display:flex;position:relative;flex-direction:column;min-height:initial}@media screen and (min-width: 750px){.hero{flex-direction:row}}@media screen and (max-width: 749px){.hero--stacked{height:auto}.hero--stacked .hero__media{flex-direction:column}}.hero__media{height:100%;left:0;top:0;width:100%;position:relative}@media screen and (max-width: 749px){.hero:not(.hero--adapt):not(.hero--stacked)>.hero__media{height:39rem}}@media screen and (min-width: 750px){.hero__media{position:absolute;height:100%}}.hero--adapt{height:auto}@media screen and (max-width: 749px){.hero--stacked:not(.hero--adapt) .hero__media{height:39rem}.hero:before{display:none!important}.hero--stacked .hero__media-image-half{width:100%}}.hero__media .placeholder-svg{position:absolute;left:0;top:0;height:100%;width:100%}.hero__content{padding:0;display:flex;position:relative;width:100%;justify-content:center}@media screen and (min-width: 750px){.hero__content{padding-bottom:5rem;padding-top:5rem}}.hero__box{border:0;padding:4rem 3.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%}.hero__box>*+.hero__buttons{margin:0 auto;margin-top:2.3rem;transform:translate(1rem)}.hero__box>*+.hero__buttons--multiple{display:flex;max-width:45rem;flex-wrap:wrap;align-items:baseline;justify-content:center}@media screen and (min-width: 750px){.hero__box>*+.hero__buttons{margin-top:2rem}}.hero__content .button+.button{margin-top:1.5rem}.hero__content .button{height:auto;margin-right:2rem}.hero__box>*+.hero__text{margin-top:1.5rem}@media screen and (min-width: 750px){.hero__box>*+.hero__text{margin-top:2rem}}.hero__box>*+*{margin-top:1rem}.hero__box>*:first-child{margin-top:0}@media screen and (max-width: 749px){.hero__content .button{flex-grow:1}.hero--stacked .hero__box{width:100%}}@media screen and (min-width: 750px){.hero__box{padding:4rem;width:54.8rem}.hero__box>.hero__buttons:only-child .button{margin-top:0}}.hero__heading>*,.hero__text>*{word-wrap:break-word}.hero__heading{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/184/assets/section-image-hero.css.map */