.hero{display:block}.hero .page-width{padding:0 var(--space-xxs)}.hero.full-width .page-width{max-width:unset;margin:0;padding:0;width:var(--size-100-per-100)}.hero.full-width .page-width img{border-radius:0}.hero .page-width .filter{border-radius:var(--border-radius-xxs);height:var(--size-100-per-100);width:var(--size-100-per-100);position:absolute;display:block;background:linear-gradient(248deg,#0000 35.56%,#0006 68.75%)}.hero.full-width .page-width .filter{display:none}.hero .page-width img{border-radius:var(--border-radius-xxs)}.hero .flex{display:flex;flex-direction:column}.hero .column{position:relative;display:flex}.hero .column img,.hero .column--full,.hero .column--half{width:var(--size-100-per-100)}.hero .wrapper{left:0;right:0;bottom:var(--space-xxs);position:absolute;width:var(--size-100-per-100);max-width:var(--global-container);margin:0 auto}.hero .btn-text-container{bottom:var(--space-xxs);left:var(--space-xs);position:absolute;width:calc(100% - var(--space-xs) * 2);margin:0 auto}.hero .btn-text-container .btn{margin-bottom:0}.hero .title{color:var(--color-white);margin:var(--space-xxs) 0}.hero .subtitle{color:var(--color-gray-1);font-size:var(--typo-body-l);font-weight:var(--font-weight-400);text-transform:none;margin:var(--space-3xs) 0 var(--space-xxs)}@media only screen and (min-width: 750px){.hero{display:flex}.hero .page-width{padding:0 var(--space-xs)}.hero.full-width .page-width{padding:0}.hero .flex{flex-direction:row}.hero .column:before{display:none}.hero .subtitle{margin:var(--space-s) 0 var(--space-xs);color:var(--color-gray-2)}.hero .column--half{width:50%}.hero .btn-text-container .btn{padding:var(--space-m)}}@media only screen and (min-width: 950px){.hero .flex{max-height:calc(var(--size-5xl) * var(--size-xs-xs))}.hero .btn-text-container{max-width:var(--size-33-vw);width:calc(100% - var(--space-3xl));margin-bottom:var(--space-m);margin-left:var(--space-m)}.hero .page-width img,.hero .page-width .filter{border-radius:var(--border-radius-xs)}.hero.full-width .btn-text-container{margin-left:0}.hero .wrapper{width:var(--size-100-per-100);max-width:var(--global-container);margin:0 auto}}@media only screen and (min-width: 1440px){.hero .flex{max-height:var(--size-80-vh)}.hero.full-width .page-width img{object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero.css.map */