.grooming-hero{background:var(--color-black);color:var(--color-off-white);padding-block:var(--space-9);position:relative;overflow:hidden}.grooming-hero:before{content:"";position:absolute;top:-20%;right:-10%;width:55%;height:160%;background:radial-gradient(circle,color-mix(in srgb,var(--color-glow-warm) 28%,transparent),transparent 70%)}.grooming-hero .container{position:relative}.grooming-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-8);align-items:center}.grooming-hero h1{color:var(--color-off-white);margin-block:var(--space-4)}.grooming-hero p{color:var(--color-stone-300);font-size:var(--fs-body-lg);max-width:52ch}.grooming-hero__media{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/5}.grooming-hero__media img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.grooming-hero__grid{grid-template-columns:1fr;text-align:center}.grooming-hero p{margin-inline:auto}.grooming-hero__media{order:-1;max-width:340px;margin-inline:auto}}.usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.usecase-card{text-align:center;padding:var(--space-6) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.usecase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.usecase-card__icon{width:56px;height:56px;border-radius:50%;background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.usecase-card__icon svg{width:26px;height:26px;stroke:var(--color-accent-strong);fill:none}.usecase-card h4{margin-bottom:var(--space-2)}.usecase-card p{font-size:var(--fs-body-sm);color:var(--color-text-muted)}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);counter-reset:step}.step-card{position:relative;padding-top:var(--space-6)}.step-card:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-black);color:var(--color-off-white);font-family:var(--font-heading);font-weight:700;margin-bottom:var(--space-4)}.step-card h4{margin-bottom:var(--space-2)}.step-card p{color:var(--color-text-muted);font-size:var(--fs-body-sm)}.grooming-recs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1024px){.usecase-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.steps-row,.grooming-recs{grid-template-columns:1fr}}@media(max-width:560px){.usecase-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/luna-mens-grooming.css.map */