.melalight-hero{--ml-cream: #f8f2df;--ml-copper: #d2875d;--ml-charcoal: #414042;--ml-gold: #b1965f;width:100%;overflow:hidden;background-color:var(--ml-cream)}.melalight-hero__grid{display:grid;grid-template-columns:1fr}.melalight-hero__panel{position:relative;overflow:hidden}.melalight-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.melalight-hero__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.melalight-hero__panel--content{display:flex;align-items:center;min-height:64rem;background-color:var(--ml-charcoal)}.melalight-hero__overlay{position:relative;z-index:1;width:100%;min-height:inherit;display:flex;align-items:center}.melalight-hero__overlay{background:linear-gradient(180deg,#414042d1,#4140428c 60%,#41404233)}.melalight-hero__content{width:100%;padding:0 2rem 4rem;color:var(--ml-cream);position:absolute;top:5rem}.melalight-hero__heading{margin:0 0 2rem;font-family:"Gotham Book",var(--font-heading-family),Arial,sans-serif;font-size:3.6rem;font-weight:400;line-height:56px;letter-spacing:2px;text-transform:uppercase;color:#fff}.melalight-hero__description{margin:0 0 2.8rem;font-family:"Gotham Book",var(--font-body-family),Arial,sans-serif;font-size:2rem;line-height:32px;color:#f8f2dfeb}.melalight-hero__features{display:grid;grid-template-columns:1fr;gap:1.2rem;margin:0 0 3.6rem;padding:0;list-style:none}.melalight-hero__feature{display:flex;align-items:center;gap:1rem}.melalight-hero__feature-icon{flex-shrink:0;width:2rem;height:2.6rem}.melalight-hero__feature-text{margin:0;font-family:"Gotham Book",var(--font-body-family),Arial,sans-serif;font-size:1.4rem;line-height:24px}.melalight-hero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:5.2rem;padding:1.4rem 2.8rem;border:none;background-color:var(--ml-copper);color:var(--ml-cream);font-family:"Gotham Book",var(--font-body-family),Arial,sans-serif;font-size:1.4rem;line-height:1.3;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease}.melalight-hero__cta:hover,.melalight-hero__cta:focus-visible{background-color:#c07850;color:var(--ml-cream)}.melalight-hero__panel--image{display:grid;width:100%;aspect-ratio:var(--hero-image-aspect-ratio, .8)}.melalight-hero__launch-offer{position:absolute;right:2rem;bottom:2rem;z-index:2;width:200px;height:100px;pointer-events:none}.melalight-hero__launch-offer-image{display:block;width:200px;height:100px;object-fit:contain}@media screen and (min-width:990px){.melalight-hero__heading{font-size:4.4rem}.melalight-hero__grid{--hero-max-width: min(100%, 144rem);--hero-column-width: min(50vw, calc(var(--hero-max-width) / 2));--hero-image-height: calc(var(--hero-column-width) / var(--hero-image-aspect-ratio, .8));grid-template-columns:1fr 1fr;align-items:stretch;width:100%;max-width:var(--hero-max-width);margin-inline:auto;height:var(--hero-image-height)}.melalight-hero__panel--content{min-height:0;height:100%}.melalight-hero__panel--image{aspect-ratio:auto;height:100%}.melalight-hero__overlay{min-height:100%;background:linear-gradient(90deg,#414042d1,#4140428c 60%,#41404233)}.melalight-hero__content{padding:0 4.8rem 6rem}.melalight-hero__launch-offer{right:2.4rem;bottom:2.4rem}}@media screen and (min-width:990px)and (max-width:1199px){.melalight-hero__grid{align-items:stretch;height:auto}.melalight-hero__panel--image{align-self:stretch;height:auto;min-height:var(--hero-image-height)}.melalight-hero__panel--content{height:auto;min-height:var(--hero-image-height);align-items:stretch}.melalight-hero__overlay{flex:1;min-height:var(--hero-image-height);align-items:center}.melalight-hero__content{position:static;top:auto;padding:5rem 4rem 5rem 5rem}.melalight-hero__image{object-fit:cover;object-position:50% 42%}}@media screen and (max-width:749px){.melalight-hero__panel--image{order:2}.melalight-hero__panel--content{order:1;min-height:auto;align-items:stretch}.melalight-hero__overlay{min-height:auto;align-items:flex-start}.melalight-hero__content{position:static;top:auto;padding:4rem 2rem}.melalight-hero__launch-offer{right:1.6rem;bottom:1.6rem}}@media screen and (max-width:424px){.melalight-hero__content{padding:3.2rem 1.6rem}.melalight-hero__heading{font-size:2.8rem;line-height:1.25;letter-spacing:1px;margin-bottom:1.6rem}.melalight-hero__description{font-size:1.6rem;line-height:1.5;margin-bottom:2rem}.melalight-hero__features{gap:1rem;margin-bottom:2.4rem}.melalight-hero__feature-text{font-size:1.3rem;line-height:1.4}.melalight-hero__cta{min-height:4.8rem;padding:1.2rem 2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/melalight-hero.css.map */