.hero-banner .grid{margin-bottom:0}.hero-banner .grid__item{position:relative}.hero-banner__media{min-height:100%;overflow:visible}.hero-banner__media--small{height:19.4rem}.hero-banner__media--medium{height:29.6rem}.hero-banner__media--large{height:43.5rem}@media screen and (min-width: 750px){.hero-banner__media--small{height:31.4rem}.hero-banner__media--medium{height:46rem}.hero-banner__media--large{height:69.5rem}}.hero-banner__media--placeholder{position:relative;overflow:hidden}.hero-banner__media--placeholder:after{content:"";position:absolute;background:rgba(var(--color-foreground),.04)}.hero-banner__media--placeholder.hero-banner__media--adapt{height:20rem}@media screen and (min-width: 750px){.hero-banner__media--placeholder.hero-banner__media--adapt{height:30rem}}.hero-banner__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.hero-banner__media--placeholder:is(.animate--ambient,.animate--zoom-in)>.svg-wrapper{top:0;left:0;transform:translate(0)}.hero-banner__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;align-self:center;padding:4rem calc(4rem / var(--font-body-scale)) 5rem;position:relative;z-index:1}.hero-banner .grid__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-banner:not(.hero-banner--overlap) .hero-banner__media-item:after{border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.hero-banner:not(.hero-banner--overlap) .hero-banner__text-item:after{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.hero-banner .hero-banner__media-item>*{border-radius:var(--media-radius);overflow:hidden;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.hero-banner .global-media-settings{overflow:hidden!important}.hero-banner .hero-banner__text-item>*{border-radius:var(--text-boxes-radius);overflow:hidden;box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.hero-banner:not(.hero-banner--overlap) .hero-banner__media-item>*,.hero-banner:not(.hero-banner--overlap) .hero-banner__text-item>*{box-shadow:none}@media screen and (max-width: 749px){.hero-banner.collapse-corners:not(.hero-banner--overlap) .hero-banner__media-item:after,.hero-banner.collapse-corners:not(.hero-banner--overlap) .grid__item .hero-banner__media,.hero-banner.collapse-corners:not(.hero-banner--overlap) .hero-banner__media img,.hero-banner.collapse-corners:not(.hero-banner--overlap) .hero-banner__media .placeholder-svg{border-bottom-right-radius:0;border-bottom-left-radius:0}.hero-banner.collapse-corners:not(.hero-banner--overlap) .hero-banner__text-item:after,.hero-banner.collapse-corners:not(.hero-banner--overlap) .grid__item .hero-banner__content{border-top-left-radius:0;border-top-right-radius:0}.hero-banner.collapse-borders:not(.hero-banner--overlap) .hero-banner__content{border-top:0}}.hero-banner__content--mobile-right>*{align-self:flex-end;text-align:right}.hero-banner__content--mobile-center>*{align-self:center;text-align:center}.hero-banner--overlap .hero-banner__content{width:90%;margin:-3rem auto 0}@media screen and (min-width: 750px){.hero-banner__content--bottom{justify-content:flex-end;align-self:flex-end}.hero-banner__content--top{justify-content:flex-start;align-self:flex-start}.hero-banner__content--desktop-right>*{align-self:flex-end;text-align:right}.hero-banner__content--desktop-left>*{align-self:flex-start;text-align:left}.hero-banner__content--desktop-center>*{align-self:center;text-align:center}.hero-banner--overlap .hero-banner__text-item{display:flex;padding:3rem 0}.hero-banner--overlap .hero-banner__content{height:auto;width:calc(100% + 4rem);min-width:calc(100% + 4rem);margin-top:0;margin-left:-4rem}.hero-banner--overlap .hero-banner__media-item--top{align-self:flex-start}.hero-banner--overlap .hero-banner__media-item--middle{align-self:center}.hero-banner--overlap .hero-banner__media-item--bottom{align-self:flex-end}.hero-banner__media-item--small,.hero-banner__media-item--large+.hero-banner__text-item{flex-grow:0}.hero-banner.collapse-corners:not(.hero-banner--overlap) .grid:not(.hero-banner__grid--reverse) .hero-banner__media-item:after,.hero-banner.collapse-corners:not(.hero-banner--overlap) .grid:not(.hero-banner__grid--reverse) .hero-banner__media,.hero-banner.collapse-corners:not(.hero-banner--overlap) .grid:not(.hero-banner__grid--reverse) .hero-banner__media img,.hero-banner.collapse-corners:not(.hero-banner--overlap) .grid:not(.hero-banner__grid--reverse) .hero-banner__media .placeholder-svg{border-top-right-radius:0;border-bottom-right-radius:0}.hero-banner.collapse-corners:not(.hero-banner--overlap) .grid:not(.hero-banner__grid--reverse) .hero-banner__text-item:after,.hero-banner.collapse-corners:not(.hero-banner--overlap) .grid:not(.hero-banner__grid--reverse) .hero-banner__content,.hero-banner.collapse-corners:not(.hero-banner--overlap) .grid:not(.hero-banner__grid--reverse) .hero-banner__content:after{border-top-left-radius:0;border-bottom-left-radius:0}.hero-banner.collapse-borders:not(.hero-banner--overlap) .grid:not(.hero-banner__grid--reverse) .hero-banner__content{border-left:0}}.hero-banner:not(.collapse-corners,.hero-banner--overlap) .hero-banner__media-item{z-index:2}.hero-banner.hero-banner--overlap .backround-transparent,.hero-banner:not(.hero-banner--overlap) .background-transparent{background:transparent}.hero-banner .gradient{transform:perspective(0)}.hero-banner__content{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));word-break:break-word}@media screen and (min-width: 990px){.hero-banner__content{padding:6rem 3rem 7rem 0rem}}.hero-banner__content>*+*{margin-top:2rem}.hero-banner__content>.hero-banner__text:empty~a{margin-top:2rem}.hero-banner__content>:first-child:is(.hero-banner__heading),.hero-banner__text--caption+.hero-banner__heading,.hero-banner__text--caption:first-child{margin-top:0}.hero-banner__content :last-child:is(.hero-banner__heading),.hero-banner__text--caption{margin-bottom:0}.hero-banner__content .button+.hero-banner__text{margin-top:2rem}.hero-banner__content .hero-banner__text+.button{margin-top:3rem}.hero-banner__heading{margin-bottom:0}.hero-banner__text p{margin-top:0;margin-bottom:1rem}@media screen and (max-width: 749px){.hero-banner .hero-banner__grid{display:flex;flex-direction:column}.hero-banner .hero-banner__media-item{order:-1}.hero-banner .hero-banner__text-item{order:0}.collapse-padding .hero-banner__grid .hero-banner__content{padding-left:0;padding-right:0}}@media screen and (min-width: 750px){.collapse-padding .hero-banner__grid:not(.hero-banner__grid--reverse) .hero-banner__content:not(.hero-banner__content--desktop-center){padding-right:0}}@supports not (inset: 10px){.hero-banner .grid{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-banner.css.map */