.hero-parallax{position:relative;width:100%;min-height:var(--hero-min-height, 100vh);display:flex;align-items:var(--content-align, center);justify-content:center;overflow:hidden;isolation:isolate}.hero-parallax__layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-parallax__layer--bg{z-index:0}.hero-parallax__layer--mid{z-index:1;width:var(--mid-width, 50%);height:auto;left:var(--mid-x, 50%);top:var(--mid-y, 50%);transform:translate(-50%,-50%);inset:auto}.hero-parallax__image{width:100%;height:100%;object-fit:cover;display:block}.hero-parallax__layer--bg .hero-parallax__image{height:120%;margin-top:var(--bg-margin-top, -10%)}.hero-parallax__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.hero-parallax__content{position:relative;z-index:5;max-width:88rem;padding:6rem 2.4rem;text-align:var(--text-align, center);display:flex;flex-direction:column;gap:1.6rem}.hero-parallax[style*="--text-align: center"] .hero-parallax__content{align-items:center}.hero-parallax[style*="--text-align: left"] .hero-parallax__content{align-items:flex-start}.hero-parallax[style*="--text-align: right"] .hero-parallax__content{align-items:flex-end}.hero-parallax__eyebrow{font-size:1.2rem;letter-spacing:.32em;text-transform:uppercase;margin:0;opacity:.85}.hero-parallax__heading{margin:0;font-size:clamp(3.6rem,7vw,8.4rem);line-height:1.02;letter-spacing:-.02em}.hero-parallax__heading>*{margin:0}.hero-parallax__subheading{font-size:clamp(1.5rem,1.8vw,1.9rem);line-height:1.5;max-width:48rem;margin:0 auto;opacity:.92}.hero-parallax__buttons{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:var(--text-align, center);margin-top:.8rem}.hero-parallax__cue{position:absolute;bottom:3.2rem;left:50%;transform:translate(-50%);z-index:5;width:1px;height:4.8rem;overflow:hidden}.hero-parallax__cue-line{display:block;width:100%;height:100%;background:currentColor;opacity:.6;animation:hero-cue-drop 2.4s cubic-bezier(.6,0,.4,1) infinite}@keyframes hero-cue-drop{0%{transform:translateY(-100%)}60%{transform:translateY(0)}to{transform:translateY(100%)}}@media(max-width:749px){.hero-parallax__content{padding:4rem 1.6rem}.hero-parallax__heading{font-size:clamp(3rem,9vw,4.8rem)}}@media(prefers-reduced-motion:reduce){.hero-parallax__cue-line{animation:none;opacity:.4}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-parallax.css.map */