/* LashHub-style layout for AriBeautyBar. Load AFTER aribeautybar.css. Hides the old pill nav and footer. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&display=swap');
:root{--serif:'Cormorant Garamond',Georgia,serif;--berry:#8E2F55;--blush:#F6E9EA;--blush2:#EBD3D6;--dark:#1b1416}
.pill-nav,.pill-overlay,#footer{display:none!important}
body{background:linear-gradient(180deg,var(--blush),#fbf6f3 40%,var(--blush) 100%) fixed}
h1,h2,h3{font-weight:500}
.lh-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.lh-announce{background:var(--dark);color:#fff;text-align:center;font-size:.9rem;padding:.55rem 1rem}
.lh-head{position:sticky;top:0;z-index:50;background:rgba(251,246,243,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lh-head .lh-wrap{display:flex;align-items:center;gap:2.2rem;height:76px}
.lh-logo{font:500 1.7rem/1 var(--serif);text-decoration:none;white-space:nowrap}
.lh-logo small{display:block;font:1.5rem var(--script);color:var(--berry);margin-top:-.2rem}
.lh-nav{display:flex;gap:1.8rem;flex:1}
.lh-nav a{text-decoration:none;font-size:1rem;padding:.3rem 0;border-bottom:1px solid transparent}
.lh-nav a:hover,.lh-nav a[aria-current=page]{border-color:var(--ink)}
.lh-nav a.hl{color:var(--berry)}
.lh-icons{display:flex;align-items:center;gap:1.1rem;font-size:1.25rem}
.lh-icons a{text-decoration:none;position:relative}
.lh-burger{display:none;border:0;background:none;font-size:1.4rem;cursor:pointer;color:var(--ink)}
@media(max-width:900px){.lh-burger{display:block;order:3}.lh-head .lh-wrap{gap:1rem}.lh-logo{flex:1}
.lh-nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;background:#fbf6f3;padding:.5rem 24px 1.2rem;border-top:1px solid var(--blush2)}
.lh-nav.open{display:flex}.lh-nav a{padding:.8rem 0;border-bottom:1px solid var(--blush2)}}
/* hero */
.lh-hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;color:#fff;background:#3a2a2e center/cover no-repeat}
.lh-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,20,22,.72),rgba(27,20,22,.15) 70%)}
.lh-hero .lh-wrap{position:relative;width:100%;padding-bottom:clamp(40px,8vw,90px)}
.lh-hero h1{font-size:clamp(2.8rem,7vw,5.4rem);max-width:12em}
.lh-hero p{max-width:34rem;margin:1rem 0 1.6rem;font-size:1.15rem}
.lh-hero .btn{background:#fff;color:var(--ink);border-color:#fff;border-radius:6px;text-transform:none;letter-spacing:0;font-size:1rem;margin-right:.6rem}
.lh-hero .btn.line{background:transparent;color:#fff}
.lh-hero .btn:hover{background:var(--berry);border-color:var(--berry);color:#fff}
/* sections */
.lh-sec{padding:clamp(48px,7vw,84px) 0}
.lh-eye{color:var(--berry);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 .4rem}
.lh-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.8rem}
.lh-sh h2{font-size:clamp(2rem,4vw,3rem)}
.lh-sh a{text-underline-offset:4px}
.lh-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lh-tile{position:relative;display:block;aspect-ratio:4/5;border-radius:14px;overflow:hidden;color:#fff;text-decoration:none;background:var(--blush2)}
.lh-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.lh-tile:hover img{transform:scale(1.04)}
.lh-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(27,20,22,.7),transparent 45%)}
.lh-tile div{position:absolute;left:24px;bottom:22px;z-index:1}
.lh-tile h3{font-size:2rem}.lh-tile span{font-size:1rem}
.lh-strip{background:var(--berry);color:#fff;overflow:hidden;white-space:nowrap;padding:.9rem 0;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}
.lh-strip div{display:inline-block;animation:lhm 28s linear infinite}
.lh-strip span{margin:0 1.6rem}
@keyframes lhm{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.lh-strip div{animation:none}}
/* products */
.lh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.lh-card{text-decoration:none}
.lh-card .im{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--blush2);display:grid;place-items:center}
.lh-card .im img{width:100%;height:100%;object-fit:cover}
.lh-badge{position:absolute;top:12px;left:12px;background:#fff;padding:.15rem .7rem;border-radius:5px;font-size:.85rem}
.lh-card h3{font:400 1.05rem var(--sans);margin-top:.9rem}
.lh-card p{margin:.1rem 0;color:#6b5f62;font-size:.95rem}
/* results carousel */
.lh-reel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.lh-reel a{flex:0 0 240px;aspect-ratio:9/16;scroll-snap-align:start;border-radius:14px;background:var(--dark) center/cover;color:#fff;display:flex;align-items:flex-end;padding:16px;font-size:.95rem}
/* trust cards, social */
.lh-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lh-trust div{background:rgba(255,255,255,.6);border-radius:12px;padding:1.4rem 1.6rem}
.lh-trust b{display:block;font-weight:500;font-size:1.1rem}
.lh-follow{text-align:center}.lh-follow h2{font-size:clamp(2rem,4vw,3rem)}
.lh-follow .join{margin:1.4rem auto 0}
/* meet ari */
.lh-ari{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center}
.lh-ari img{border-radius:14px;width:100%;aspect-ratio:4/5;object-fit:cover}
.lh-ari h2{font-size:clamp(2.2rem,4.5vw,3.4rem);margin-bottom:.8rem}
/* footer */
.lh-foot{background:var(--dark);color:#e9dfe0;padding:56px 0 24px;margin-top:40px}
.lh-foot .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.lh-foot h4{font:500 .8rem var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;color:#fff}
.lh-foot a{display:block;text-decoration:none;padding:.2rem 0}.lh-foot a:hover{text-decoration:underline}
.lh-foot .legal{border-top:1px solid #3a2f32;margin-top:32px;padding-top:18px;font-size:.85rem;opacity:.7}
@media(max-width:860px){.lh-tiles,.lh-trust,.lh-ari{grid-template-columns:1fr}.lh-grid{grid-template-columns:repeat(2,1fr)}.lh-foot .cols{grid-template-columns:1fr 1fr}}