.hero-text-box .container{background:#e4d3cb;display:flex;justify-content:center;align-items:flex-end;position:relative;height:calc(100vh - 50px);width:100%;min-height:400px;cursor:pointer;margin-top:calc(-1 * (var(--header-height-mobile) + 1px));overflow:hidden}.hero-text-box .button{z-index:2;margin-top:1.25rem}.hero-text-box .container img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:top}.hero-text-box .container img.mobile{display:block}.hero-text-box .container img.desktop{display:none}.hero-text-box .container .text-container{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;z-index:1}.hero-text-box .container .text-container .header{text-transform:uppercase;position:absolute;top:calc((var(--header-height-mobile) + 50px));letter-spacing:5px;font-family:tt-commons-regular,sans-serif;width:100%;left:0;text-align:center}.hero-text-box .container .text-container .header.position-mobile-inline{position:relative;top:unset}.hero-text-box .container .text-container .header.bold{font-weight:700}.hero-text-box .container .text-container span p{justify-self:center;text-align:center;line-height:normal;letter-spacing:5px}.hero-text-box .container .text-container span p strong{font-family:tt-commons-regular,sans-serif;line-height:normal;letter-spacing:0px}.hero-text-box .container .text-container span p.mobile{display:block}.hero-text-box .container .text-container span p.desktop{display:none}.hero-text-box .container .text-container.light{color:var(--off-white)}.hero-text-box .container .text-container.dark{color:var(--dark)}@media screen and (min-width: 550px){.hero-text-box .container .text-container .header{color:var(--off-white)}.hero-text-box .container .text-container .subheader{color:var(--off-white)!important}.hero-text-box .container img.mobile{display:none}.hero-text-box .container img.desktop{display:block}}.hero-text-box video{width:100%;height:100%;object-fit:cover}@media screen and (min-width: 600px){.hero-text-box video.desktop{display:block}.hero-text-box video.mobile{display:none}}@media screen and (min-width: 1000px){.hero-text-box .container{margin-top:calc(-1 * (var(--header-height-desktop) + 1px));height:100vh}.hero-text-box .container .text-container{gap:1rem}.hero-text-box .container .text-container .header{position:relative;top:unset;order:4}.hero-text-box .container .text-container .header.position-top{order:1}.hero-text-box:has(.position-top) .container .text-container span{order:2}.hero-text-box .container .text-container .subheader{font-size:5rem;font-weight:400;position:relative;top:unset;font-family:tt-commons-light,sans-serif}.hero-text-box .container .text-container .button{order:5}}
/*# sourceMappingURL=/cdn/shop/t/698/assets/hero-text-box.css.map */