.hero-section--inner{position:relative}.hero-section--container{display:flex;flex-direction:column;gap:2.25rem;padding:2.5rem 0 4.5rem}.hero-section .block--text{position:relative;justify-content:center;gap:2rem;z-index:1}.hero-section .block--description{display:flex;flex-direction:column;gap:2rem}.hero-section .block--image.half>div{aspect-ratio:6 / 8}@media(max-width:767px){.hero-section--container:has(.block--image.full:first-child){padding-top:0}.hero-section--container:has(.block--image.full:last-child){padding-bottom:0}.hero-section .block--image.full{height:100svh;width:100vw;margin:0 calc(var(--container-gutter) * -1)}}@media(min-width:768px){.hero-section--container{flex-direction:row;align-items:stretch;padding-bottom:var(--header-height)}.hero-section:not(:has(.block--image.half)) .hero-section--container{padding:calc(var(--header-height) + 3.75rem) 0}.hero-section--container:not(:has(.block--image.full)){height:fit-content}.hero-section .block--text,.hero-section .block--image.half{width:50%}.hero-section .block--cta{margin-top:5.5rem}.hero-section .block--image.full{position:absolute;top:0;left:0;width:100%;height:100%}.hero-section:has(.block--image.full.padded){padding:0 var(--container-gutter) 5rem}.hero-section--inner:has(.block--image.full.padded) .hero-section--container{max-height:calc(100svh - var(--header-height) - 5rem)}.hero-section:has(.block--image.full.padded) .block--text{padding-left:var(--container-gutter);padding-right:var(--container-gutter)}.block--image.full.padded{top:0;height:100%}.hero-section--container:has(.block--image.full):has(.block--text.center){justify-content:center}}@media(min-width:1024px)and (orientation:landscape){.hero-section--container{gap:0;justify-content:space-between;max-height:calc(100svh - var(--header-height));aspect-ratio:7 / 5}.hero-section:has(.block--image.half) .block--text,.hero-section .block--image.half{width:calc(50% - calc(var(--container-gutter) / 2))}.hero-section:has(.block--image.full) .block--text{width:65%}.hero-section .block--image.half{padding:0 4rem}.hero-section .block--text{padding:2rem 0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hero.css.map */