.hero-banner{height:90vw;position:relative}.hero-banner img{width:100%;height:100%;object-fit:cover;object-position:top}@media(min-width:768px){.hero-banner{height:90vh}.hero-banner img{object-position:center}}.hero-banner h1{text-align:center;font-weight:900;transform:translateY(calc(50% - .5em));position:absolute;width:100%;bottom:0;color:#fff;text-shadow:0 0 1rem rgba(0,0,0,.3);letter-spacing:.1em;padding:0 0 0 5vw;margin:0;line-height:1;font-size:16vw;z-index:2;white-space:nowrap;padding-top:1em;overflow:hidden}.hero-banner h1 span{position:relative;z-index:2;margin:0;line-height:1;color:#a9eff7;text-shadow:-.04em -.04em 0 #fff,.04em -.04em 0 #fff,-.04em .04em 0 #fff,.04em .04em 0 #fff;text-align:center;display:inline-block;transform:translate(-39%) translateY(-39%)}@media(min-width:768px){.hero-banner h1{font-size:13vw}}@supports ((text-stroke: .04em #fff) or (-webkit-text-stroke: .04em #fff)){.hero-banner h1 span{color:transparent;-webkit-text-stroke:.04em #fff;text-stroke:.04em #fff;text-shadow:none}}.hero-banner h1 strong{font-weight:900;animation-name:fadeDown;animation-duration:1s;animation-timing-function:ease-in-out;animation-delay:1s;position:relative;opacity:0;transform:translateY(-29%);animation-fill-mode:forwards;display:inline-block}.hero-banner h1 span{animation-name:fadeUp;animation-duration:1s;animation-timing-function:ease-in-out;animation-delay:1.25s;position:relative;opacity:0;animation-fill-mode:forwards}@keyframes fadeDown{0%{opacity:0;transform:translateY(-29%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translate(-39%) translateY(0)}to{opacity:1;transform:translate(-39%) translateY(-39%)}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/section-hero.css.map */