.hero .grid{margin-bottom:0;position:relative;padding:0}.hero .grid__item{position:relative}@media screen and (min-width: 750px){.hero__grid--reverse{flex-direction:row-reverse}}.hero__media{min-height:100%;overflow:visible}.hero__media img{display:block;margin:0 auto;max-width:100%;height:auto}.hero__media--placeholder{position:relative;overflow:hidden}.hero__media--placeholder:after{content:"";position:absolute;width:100%;height:100%;background:#0000000a}.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:center;justify-content:center;align-self:center;text-align:center;padding:4rem 1.5rem 2rem;z-index:1;position:absolute;bottom:0;left:0;right:0;margin:0;background:#f6f3e5;background:-moz-linear-gradient(0deg,rgba(246,243,229,1) 55%,rgba(246,243,229,0) 100%);background:-webkit-linear-gradient(0deg,rgba(246,243,229,1) 55%,rgba(246,243,229,0) 100%);background:linear-gradient(0deg,#f6f3e5 55%,#f6f3e500);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f3e5",endColorstr="#f6f3e5",GradientType=1)}.hero .grid__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero__media-item{padding-bottom:8rem}.hero .global-media-settings{overflow:hidden!important}.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--overlap .hero__content{width:90%;margin:-3rem auto 0}@media screen and (min-width: 750px){.hero__grid--reverse .hero__content{margin-left:auto}.hero__media-item{padding-bottom:3rem}.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-center>*{align-self:center;text-align:center}.hero--overlap .hero__text-item{display:flex;padding:3rem 0}.hero--overlap .hero__content{height:auto;width:calc(100% + 4rem);min-width:calc(100% + 4rem);margin-top:0;margin-left:-4rem}.hero--overlap .hero__grid--reverse .hero__content{margin-left:0;margin-right:-4rem}.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}@media screen and (min-width: 990px){.hero__content{padding:4rem 3rem}}.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:0}.hero__heading{font-size:35px;font-weight:700;margin-bottom:0}.hero__text{max-width:700px;margin:1rem auto}.hero__text p{font-size:16px;margin-top:0;margin-bottom:1rem}@media only screen and (min-width: 480px){.hero__heading{font-size:35px}}@media screen and (min-width: 750px){.hero__heading{font-size:50px}.hero__text p{font-size:18px;padding:0 10px}}@media screen and (min-width: 990px){.hero__heading{font-size:60px}.hero__text p{font-size:26px}}@media screen and (max-width: 749px){.collapse-padding .hero__grid .hero__content{padding-left:0;padding-right:0}}@media screen and (min-width: 750px){.collapse-padding .hero__grid:not(.hero__grid--reverse) .hero__content:not(.hero__content--desktop-center){padding-right:0}.collapse-padding .hero__grid--reverse .hero__content:not(.hero__content--desktop-center){padding-left:0}}@supports not (inset: 10px){.hero .grid{margin-left:0}}.multirow__inner{display:flex;flex-direction:column;row-gap:1rem}@media screen and (min-width: 750px){.multirow__inner{row-gap:.5rem}}hero__media-item{max-width:100%!important;margin-left:0;margin-right:0}
/*# sourceMappingURL=/cdn/shop/t/61/assets/component-hero.css.map */