.hero{position:relative;display:flex;overflow:hidden;isolation:isolate}.hero--small{min-height:30rem}.hero--medium{min-height:45rem}.hero--large{min-height:58rem}.hero--full-screen{min-height:calc(var(--viewport-height, 100vh) - var(--header-height, 0px))}.hero__media,.hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__media img,.hero__media video,.hero__media deferred-media,.hero__media .deferred-media,.hero__media iframe{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(.92)}.hero__media-image--mobile-only{display:block}.hero__media-image--desktop-only{display:none}@media screen and (min-width:750px){.hero__media-image--mobile-only{display:none}.hero__media-image--desktop-only{display:block}}.hero__media deferred-media{display:block}.hero__media .deferred-media__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:none;cursor:pointer}.hero__placeholder{background:#111315}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse 90% 24% at 50% 12%,#111315,#1113159e 55%,#11131500 85%),radial-gradient(ellipse 90% 28% at 50% 90%,#111315,#1113159e 55%,#11131500 85%);pointer-events:none}.hero__content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero__content{position:absolute;top:0;right:0;bottom:0;left:0;margin-inline:auto;width:100%;max-width:320px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:4.5rem 1.75rem 2.75rem}.hero__content-top,.hero__content-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.hero__content-top{gap:.8rem}.hero__content-bottom{gap:1.4rem}@media screen and (min-width:750px){.hero__content{inset:auto;left:9%;top:9%;margin-inline:0;width:auto;max-width:420px;justify-content:flex-start;align-items:flex-start;text-align:left;gap:3.6rem;padding:0}.hero__content-top,.hero__content-bottom{display:contents}.hero__overlay{background:radial-gradient(ellipse 50% 40% at 13% 13%,#111315,#111315a6 45%,#11131500 75%)}}.hero__content-wrapper--position-top .hero__content{top:8%}.hero__content-wrapper--position-bottom .hero__content{top:60%}.hero__content--align-left{align-items:flex-start;text-align:left}.hero__content--align-center{align-items:center;text-align:center}.hero__content--align-right{align-items:flex-end;text-align:right}@media screen and (min-width:750px){.hero__content--align-center{left:0;right:0;margin-inline:auto}.hero__content--align-right{left:auto;right:6rem}}.hero__content--mobile-align-left{align-items:flex-start;text-align:left}.hero__content--mobile-align-center{align-items:center;text-align:center}.hero__content--mobile-align-right{align-items:flex-end;text-align:right}.hero__eyebrow{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;opacity:.75}.hero__heading{margin:0;letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.4)}.hero__heading-line{display:block}.hero__heading.hxxl{font-size:clamp(2.12rem,8.1vw,2.43rem);line-height:1.2}@media screen and (min-width:750px){.hero__heading.hxxl{font-size:clamp(4.44rem,11.1vw,5.7rem);line-height:1.18}}.hero__text{margin:0;max-width:100%;font-size:1.5rem;line-height:1.6;opacity:.95;text-shadow:0 1px 6px rgba(0,0,0,.35)}@media screen and (min-width:750px){.hero__text{font-size:1.7rem}}.hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:0;justify-content:center}@media screen and (min-width:750px){.hero__ctas{gap:2rem;justify-content:flex-start;align-items:baseline}}.hero__content--align-left .hero__ctas,.hero__content--mobile-align-left .hero__ctas{justify-content:flex-start}.hero__content--align-right .hero__ctas,.hero__content--mobile-align-right .hero__ctas{justify-content:flex-end}.hero .button--secondary-link{background:transparent;border:none;text-underline-offset:.3rem}@media screen and (max-width:749px){.hero__ctas{flex-direction:column;align-items:center;gap:1.4rem}.hero__content--mobile-align-left .hero__ctas{align-items:flex-start}.hero__content--mobile-align-right .hero__ctas{align-items:flex-end}.hero--medium{min-height:40rem}.hero--large{min-height:48rem}}@media(prefers-reduced-motion:no-preference){.hero__content{animation:hero-content-in .8s cubic-bezier(.16,1,.3,1) both}}@keyframes hero-content-in{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero.css.map */
