[id$=__hero]{position:relative}[id$=__hero] h1,[id$=__hero] h2,[id$=__hero] p,[id$=__hero] a,[id$=__hero] .text-block,[id$=__hero] .group-block,[id$=__hero] .button{position:relative;z-index:3}[id$=__hero] .text-block,[id$=__hero] .text-block>*,[id$=__hero] .text-block.h1,[id$=__hero] .text-block.h1>*,[id$=__hero] .text-block h1,[id$=__hero] .text-block.rte,[id$=__hero] .text-block.rte>*{text-align:left!important;margin-inline:0!important;max-inline-size:26rem!important;inline-size:100%;text-wrap:normal}[id$=__hero] .text-block.h1,[id$=__hero] .text-block.h1>*,[id$=__hero] .text-block h1{font-size:clamp(32px,3.1vw,44px)!important;line-height:1.12!important;letter-spacing:.015em!important;font-weight:700!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35),0 6px 26px rgba(0,0,0,.32)}[id$=__hero] .text-block.rte,[id$=__hero] .text-block.rte>*{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.3)}@media screen and (max-width:749px){[id$=__hero] img,[id$=__hero] video{object-position:74% 48%!important}[id$=__hero] .text-block,[id$=__hero] .text-block>*,[id$=__hero] .text-block.h1,[id$=__hero] .text-block.h1>*,[id$=__hero] .text-block h1{max-inline-size:17rem!important;line-height:1.16!important}[id$=__hero] .text-block.h1,[id$=__hero] .text-block.h1>*,[id$=__hero] .text-block h1{font-size:30px!important}}[id$=__hero] .link{display:inline-block;inline-size:auto!important;max-inline-size:none!important;padding-block:.25rem .4rem;padding-inline:0;border:0;background-color:transparent;font-size:.75rem!important;font-weight:600!important;line-height:1.4!important;letter-spacing:.12em!important;text-transform:uppercase!important;text-decoration:none;color:#fff!important;background-image:linear-gradient(to right,var(--steeque-accent) 0 100%),linear-gradient(to right,var(--steeque-accent) 0 100%);background-repeat:no-repeat,no-repeat;background-position:left 100%,left 100%;background-size:0% 2px,100% 1px;transition:background-size .24s cubic-bezier(.4,0,.2,1)}[id$=__hero] .link:hover,[id$=__hero] .link:focus-visible,[id$=__hero] .link:active{background-size:100% 2px,100% 1px;color:#fff!important}[id$=__hero] .link:focus-visible{outline:2px solid #FFFFFF;outline-offset:4px}@media(pointer:coarse){[id$=__hero] .link{padding-block:.65rem .7rem}}@media(prefers-reduced-motion:reduce){[id$=__hero] .link{transition:none!important}[id$=__hero] .link:hover,[id$=__hero] .link:focus-visible{background-size:100% 2px,100% 1px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/steeque-hero.css.map */