.lunea-hero{position:relative;width:100%;display:flex;overflow:hidden;isolation:isolate}.lunea-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.lunea-hero-media picture,.lunea-hero-media img,.lunea-hero-placeholder{width:100%;height:100%;object-fit:cover;display:block}.lunea-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.lunea-hero-content{position:relative;z-index:2;width:100%;padding-top:80px;padding-bottom:80px;display:flex;flex-direction:column;gap:28px;align-self:end}.lunea-hero--top-left .lunea-hero-content,.lunea-hero--top-center .lunea-hero-content{align-self:start}.lunea-hero--middle-left .lunea-hero-content,.lunea-hero--middle-center .lunea-hero-content{align-self:center}.lunea-hero--bottom-left .lunea-hero-content,.lunea-hero--bottom-center .lunea-hero-content{align-self:end}.lunea-hero--top-center .lunea-hero-content,.lunea-hero--middle-center .lunea-hero-content,.lunea-hero--bottom-center .lunea-hero-content{align-items:center;text-align:center}.lunea-hero-eyebrow{margin:0;font-family:var(--font-body-family);font-weight:500;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.lunea-hero-heading,.lunea-hero-heading p{margin:0;font-family:var(--font-heading-family);font-weight:400;font-style:normal;font-size:clamp(2.5rem,7vw,6rem);line-height:1.05;letter-spacing:-.02em;max-width:18ch}.lunea-hero-heading em{font-style:italic}.lunea-hero-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;color:#1b2a41;border-radius:999px;text-decoration:none;font-family:var(--font-body-family);font-weight:500;font-size:.9375rem;letter-spacing:.02em;transition:gap .3s ease,transform .3s ease,box-shadow .3s ease,background .3s ease;align-self:flex-start;width:max-content}.lunea-hero--top-center .lunea-hero-btn,.lunea-hero--middle-center .lunea-hero-btn,.lunea-hero--bottom-center .lunea-hero-btn{align-self:center}.lunea-hero-btn:hover{gap:18px;transform:translateY(-2px);box-shadow:0 16px 32px -12px #0000004d}.lunea-hero-btn svg{transition:transform .3s ease}.lunea-hero-btn:hover svg{transform:translate(4px)}@media screen and (max-width:749px){.lunea-hero-content{padding-top:48px;padding-bottom:48px;gap:20px}.lunea-hero-heading,.lunea-hero-heading p{font-size:clamp(2.25rem,11vw,3.5rem);max-width:14ch}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-lunea-hero.css.map */