.hero *{letter-spacing:.03em;font-weight:400}.hero{position:relative;margin-top:-30px;aspect-ratio:1 / 1;overflow:hidden;background-color:#1a1a1a;background-image:var(--lqip-background);background-size:cover;background-position:center}@media (min-width: 768px){.hero{aspect-ratio:16 / 9}}.hero:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background-image:inherit;background-size:cover;background-position:center;filter:blur(8px);z-index:-1;opacity:.8}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero__img,.hero__media img,.hero__media picture{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,var(--overlay-opacity, .3));pointer-events:none;z-index:2}.hero__text-box{position:absolute;color:var(--text-color, #ffffff);font-family:var(--font-body-family);left:50%;transform:translate(-50%);bottom:var(--text-position-bottom, 10%);text-align:center;max-width:90%;width:90%;z-index:3}@media (min-width: 768px){.hero__text-box{max-width:80%}}@media (min-width: 1024px){.hero__text-box{max-width:70%}}.hero__heading{font-weight:400;letter-spacing:.03em;margin:0 0 var(--text-spacing, 1rem) 0;line-height:1.2;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 3px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.6),0 0 9px rgba(0,0,0,.4),1px 1px 2px rgba(0,0,0,.5)}@media (min-width: 768px){.hero__heading{font-size:32px;white-space:normal;text-shadow:0 0 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.5),1px 2px 3px rgba(0,0,0,.6)}}@media (min-width: 1024px){.hero__heading{white-space:nowrap}}.hero__subheading{margin:0;line-height:1.4;opacity:.95;font-weight:400;letter-spacing:.03em;font-size:16px;text-shadow:0 0 2px rgba(0,0,0,.7),0 0 4px rgba(0,0,0,.5),0 0 6px rgba(0,0,0,.3),1px 1px 2px rgba(0,0,0,.4)}@media (min-width: 768px){.hero__subheading{font-size:20px;text-shadow:0 0 3px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.6),0 0 9px rgba(0,0,0,.4),1px 1px 2px rgba(0,0,0,.5)}}.hero__button{margin-top:1.5rem;text-decoration:none;display:inline-block;padding:10px 24px;border:2px solid var(--text-color, #ffffff);color:var(--text-color, #ffffff);background-color:transparent;font-weight:400;text-transform:uppercase;letter-spacing:.03em;font-size:11px;transition:background-color .3s ease,color .3s ease,transform .2s ease,box-shadow .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.15);box-shadow:0 2px 8px #0003,0 0 20px #0000001a}@media (min-width: 768px){.hero__button{padding:16px 40px;font-size:12px}}.hero__button:hover,.hero__button:focus-visible{background-color:var(--text-color, #ffffff);color:#000;transform:translateY(-2px);text-shadow:none;box-shadow:0 4px 12px #0000004d,0 0 30px #00000026}.hero__button:active{transform:translateY(0);box-shadow:0 1px 4px #0003,0 0 15px #0000001a}.hero__media-placeholder{width:100%;height:100%;object-fit:cover;opacity:.5}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
/*# sourceMappingURL=/cdn/shop/t/287/assets/main-hero.css.map */