.hero-section .section-container{position:relative;display:block;width:100%;overflow:hidden;text-decoration:none;color:inherit}.hero-section .image-container{position:relative;width:100%;max-height:90vh;height:100%}.hero-section .opacity{background:#0003;width:100%;height:100%;position:absolute;top:0;z-index:1}.hero-section .image-container img,.hero-section .image-container .media{width:100%;height:100%;object-fit:cover;display:block}.hero-section .image-container .desktop{display:none}@media screen and (min-width: 700px){.hero-section .image-container .mobile{display:none}.hero-section .image-container .desktop{display:block}.hero-section .image-container.desktop-split{display:flex}.hero-section .image-container.desktop-split>*{width:50%}}.hero-section .text-container{position:absolute;width:100%;display:flex;flex-direction:column;align-items:center;padding:26px 16px;top:0;z-index:2;height:100%}.hero-section .text-container.text-align-left>*{text-align:left}.hero-section .text-container.text-align-centre>*{text-align:center}.hero-section .text-container>*{width:100%;max-width:600px}.hero-section .text-container.text-align-right>*{text-align:right}.hero-section .text-container.light{color:var(--white)}.hero-section .text-container.dark{color:var(--dark)}.hero-section .text-container.mobile-top{justify-content:flex-start}.hero-section .text-container.mobile-middle{justify-content:center}.hero-section .text-container.mobile-bottom{justify-content:flex-end}@media screen and (min-width: 700px){.hero-section .text-container{padding:64px 26px}.hero-section .text-container.desktop-y-top{justify-content:flex-start}.hero-section .text-container.desktop-y-middle{justify-content:center}.hero-section .text-container.desktop-y-bottom{justify-content:flex-end}.hero-section .text-container.desktop-x-left{align-items:flex-start}.hero-section .text-container.desktop-x-middle{align-items:center}.hero-section .text-container.desktop-x-right{align-items:flex-end}.hero-section .text-container.desktop-x-left>*{text-align:left}.hero-section .text-container.desktop-x-middle>*{text-align:center}.hero-section .text-container.desktop-x-right>*{text-align:right}}.hero-section .title{font-size:40px;margin-bottom:4px}.hero-section .subtitle{font-size:16px;margin-bottom:12px}.hero-section .button{text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:16px}@media screen and (min-width: 1000px){.hero-section .title{font-size:60px;margin-bottom:16px}.hero-section .subtitle{font-size:24px}.hero-section .button{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/54bs_hero-section.css.map */