.hero .grid{margin-bottom:0}.hero .hero__grid{position:relative}@media screen and (min-width: 750px){.hero__grid--reverse{flex-direction:row-reverse}}.hero__media{min-height:100%;overflow:visible}@media screen and (min-width: 750px){.hero__media--desktop{display:block!important}.hero__media--mobile{display:none!important}}@media screen and (max-width: 749px){.hero__media--desktop{display:none!important}.hero__media--mobile{display:block!important}}.hero__media--placeholder{position:relative;overflow:hidden}.hero__media--placeholder:after{content:"";position:absolute;width:100%;height:100%;background:rgba(var(--color-foreground),.04)}.hero__media--placeholder.hero__media--adapt{height:20rem}@media screen and (min-width: 750px){.hero__media--placeholder.hero__media--adapt{height:30rem}}.hero__media--placeholder>svg{position:absolute;left:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}.hero__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-self:center;height:100%;width:100%;position:relative;z-index:1}.hero .grid__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero:not(.hero--overlap) .hero__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:not(.hero--overlap) .hero__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 .global-media-settings{overflow:hidden!important}.hero .hero__text-item>*{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:not(.hero--overlap) .hero__media-item>*,.hero:not(.hero--overlap) .hero__text-item>*{box-shadow:none}@media screen and (max-width: 749px){.hero.collapse-corners:not(.hero--overlap) .hero__media-item:after,.hero.collapse-corners:not(.hero--overlap) .grid__item .hero__media,.hero.collapse-corners:not(.hero--overlap) .hero__media img{border-bottom-right-radius:0;border-bottom-left-radius:0}.hero.collapse-corners:not(.hero--overlap) .hero__text-item:after,.hero.collapse-corners:not(.hero--overlap) .grid__item .hero__content{border-top-left-radius:0;border-top-right-radius:0}.hero.collapse-borders:not(.hero--overlap) .hero__content{border-top:0}}.hero__content--mobile-right>*{align-self:flex-end;text-align:right}.hero__content--mobile-center>*{align-self:center;text-align:center}.hero__text-item{display:flex;position:absolute;width:auto;height:auto;top:0;z-index:2;pointer-events:none}@media screen and (min-width: 750px){.hero__text-item{width:max-content}.hero__grid--reverse .hero__content{margin-left:auto}.hero__content--bottom{justify-content:flex-end;align-self:flex-end}.hero__content--top{justify-content:flex-start;align-self:flex-start}.hero__content--desktop-right>*{align-self:flex-end;text-align:right}.hero__content--desktop-left>*{align-self:flex-start;text-align:left}.hero__content--desktop-center>*{align-self:center;text-align:center}.hero--overlap .hero__grid--reverse .hero__text-item{justify-content:flex-end}.hero--overlap .hero__media-item--top{align-self:flex-start}.hero--overlap .hero__media-item--middle{align-self:center}.hero--overlap .hero__media-item--bottom{align-self:flex-end}.hero__media-item--small,.hero__media-item--large+.hero__text-item{flex-grow:0}.hero.collapse-corners:not(.hero--overlap) .grid:not(.hero__grid--reverse) .hero__media-item:after,.hero.collapse-corners:not(.hero--overlap) .grid:not(.hero__grid--reverse) .hero__media,.hero.collapse-corners:not(.hero--overlap) .grid:not(.hero__grid--reverse) .hero__media img,.hero.collapse-corners:not(.hero--overlap) .hero__grid--reverse .hero__text-item:after,.hero.collapse-corners:not(.hero--overlap) .hero__grid--reverse .hero__content,.hero.collapse-corners:not(.hero--overlap) .hero__grid--reverse .hero__content:after{border-top-right-radius:0;border-bottom-right-radius:0}.hero.collapse-corners:not(.hero--overlap) .grid:not(.hero__grid--reverse) .hero__text-item:after,.hero.collapse-corners:not(.hero--overlap) .grid:not(.hero__grid--reverse) .hero__content,.hero.collapse-corners:not(.hero--overlap) .grid:not(.hero__grid--reverse) .hero__content:after,.hero.collapse-corners:not(.hero--overlap) .hero__grid--reverse .hero__media-item:after,.hero.collapse-corners:not(.hero--overlap) .hero__grid--reverse .hero__media,.hero.collapse-corners:not(.hero--overlap) .hero__grid--reverse .hero__media img{border-top-left-radius:0;border-bottom-left-radius:0}.hero.collapse-borders:not(.hero--overlap) .grid:not(.hero__grid--reverse) .hero__content{border-left:0}.hero.collapse-borders:not(.hero--overlap) .hero__grid--reverse .hero__content{border-right:0}}.hero:not(.collapse-corners,.hero--overlap) .hero__media-item{z-index:2}.hero__content>*+*{margin-top:2rem}.hero__content>.hero__text:empty~a{margin-top:2rem}.hero__content>:first-child:is(.hero__heading),.hero__text--caption+.hero__heading,.hero__text--caption:first-child{margin-top:0}.hero__content :last-child:is(.hero__heading),.hero__text--caption{margin-bottom:0}.hero__content .button+.hero__text{margin-top:2rem}.hero__content .hero__text+.button{margin-top:3rem}.hero__content{padding:0 1rem}.hero__heading,.hero__button{word-break:normal;margin-bottom:0}.hero__button{margin:0;pointer-events:all}.hero__text p{word-break:break-word;margin-top:0;margin-bottom:1rem}.hero__heading p{margin:0}@supports not (inset: 10px){.hero .grid{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-hero.css.map */
