.hero-section{position:relative;margin-top:-73px}.hero-section .hero{height:85dvh;display:block}.hero-section .image-container{height:100%;position:relative}.hero-section .image-container.top-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(to bottom,#00000073 0,#00000059 40px,#0000 73px)}.hero-section .image-container img{height:100%;width:100%;object-fit:cover}.hero-section .image-container .desktop{display:none}.hero-section .text-container{position:absolute;flex-direction:column;bottom:0;display:flex;width:calc(100% - 40px);color:var(--light4);margin:24px 20px;gap:12px}.hero-section .text-container.dark{color:var(--dark)}.hero-section .text-container .button-quaternary{width:fit-content}.hero-section .text-container>*{width:78.465vw;max-width:606px}.hero-section .text-container.x-middle-mobile{align-items:center;text-align:center}.hero-section .text-container.x-left-mobile{align-items:flex-start;text-align:left}.hero-section .text-container.x-right-mobile{align-items:flex-end;text-align:right}.hero-section .text-container .button-quaternary{margin-top:8px}@media screen and (min-width:1000px){.hero-section{margin-top:-88px}.hero-section .image-container .desktop{display:unset}.hero-section .image-container .mobile{display:none}.hero-section .text-container{margin:64px;gap:16px;width:calc(100% - 128px)}.hero-section .hero{height:90vh;max-height:1000px}.hero-section .text-container .p{font-size:20px}.hero-section .text-container .link{margin-top:16px}.hero-section .image-container.top-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(to bottom,#00000073 0,#00000059 50px,#0000 88px)}.hero-section .link:hover{background-color:var(--dark);border-color:var(--dark);color:var(--light4)}.hero-section .text-container.x-middle-mobile,.hero-section .text-container.x-left-mobile,.hero-section .text-container.x-right-mobile{align-items:unset;text-align:unset}.hero-section .text-container .button-quaternary{margin-top:16px}.hero-section .text-container.x-middle-desktop{align-items:center;text-align:center}.hero-section .text-container .paragraph{font-size:20px}.hero-section .text-container.x-middle-desktop .paragraph{padding:0 22px}.hero-section .text-container.x-left-desktop{align-items:flex-start;text-align:left}.hero-section .text-container.x-right-desktop{align-items:flex-end;text-align:right}}
/*# sourceMappingURL=/cdn/shop/t/1243/assets/hero.css.map */