.lp-hero{--lp-hero-text: #1a1a1a;--lp-hero-bg: #ffffff;position:relative;background-color:var(--lp-hero-bg);letter-spacing:-.03em}.lp-hero--dark{--lp-hero-text: #ffffff;--lp-hero-bg: #1a1a1a}.lp-hero__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);max-width:1280px;margin-inline:auto;padding-block:clamp(32px,5vw,72px);padding-inline:clamp(16px,4vw,40px)}.lp-hero--image-right .lp-hero__media{order:2}.lp-hero--no-media .lp-hero__inner{grid-template-columns:1fr;justify-items:center;text-align:center}.lp-hero--no-media .lp-hero__content{align-items:center;max-width:640px}.lp-hero__content{color:var(--lp-hero-text);display:flex;flex-direction:column;align-items:flex-start;gap:16px}.lp-hero__eyebrow{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#4600d6;margin:0}.lp-hero--dark .lp-hero__eyebrow{color:#b9a3ff}.lp-hero__headline{font-size:clamp(2rem,4.5vw,3.25rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;margin:0;text-wrap:balance}.lp-hero__subhead{font-size:1.0625rem;font-weight:400;line-height:1.5;margin:0;max-width:46ch;color:var(--lp-hero-text);opacity:.92}.lp-hero__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:16px 32px;background-color:#1a1a1a;color:#fff;font-weight:700;font-size:.9375rem;text-transform:uppercase;letter-spacing:-.02em;border:0;border-radius:0;text-decoration:none;cursor:pointer;transition:background-color .15s ease}.lp-hero__cta:hover{background-color:#333}.lp-hero--dark .lp-hero__cta{background-color:#fff;color:#1a1a1a}.lp-hero--dark .lp-hero__cta:hover{background-color:#e0e0e0}.lp-hero__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background-color:#f5f5f5}.lp-hero__media img{width:100%;height:100%;object-fit:cover;display:block}.lp-hero__media--placeholder{display:flex;align-items:center;justify-content:center;background-color:#e8e8e8}.lp-hero__placeholder-svg{width:60%;height:60%;fill:#b8b8b8}.lp-hero__media-mobile{display:none}@media screen and (max-width:749px){.lp-hero__inner{grid-template-columns:1fr;gap:24px;padding-block:28px}.lp-hero__inner .lp-hero__media{order:-1}.lp-hero__content{align-items:center;text-align:center}.lp-hero__subhead{max-width:none}.lp-hero__media{aspect-ratio:4 / 3}.lp-hero__media-desktop{display:none}.lp-hero__media-mobile{display:block}.lp-hero__cta{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/lp-hero.css.map */