/* ============================================================
   ABOUT SNIPPET
   ============================================================ */
.about-snippet { padding:100px 0 120px; background:var(--clr-white); overflow:hidden; }
.about-inner { display:grid; grid-template-columns:1fr; gap:60px; align-items:center; }
@media(min-width:900px){ .about-inner{ grid-template-columns:1fr 1fr; gap:80px; } }
.about-text {
  opacity:0; transform:translateX(-50px);
  transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo);
}
.about-text.in-view { opacity:1; transform:translateX(0); }
.about-heading { font-family:var(--ff-display); font-weight:900; font-size:clamp(32px,5vw,52px); color:var(--clr-dark); letter-spacing:-0.02em; line-height:1.1; margin-bottom:24px; }
.about-body { font-size:16px; line-height:1.75; color:var(--clr-muted); margin-bottom:16px; }
.about-badges { display:flex; gap:10px; margin-bottom:32px; flex-wrap:wrap; }
.badge { font-family:var(--ff-display); font-weight:700; font-size:12px; letter-spacing:.08em; color:var(--clr-red); border:1.5px solid var(--clr-red); border-radius:4px; padding:5px 14px; background:var(--clr-red-bg); transition:background .2s,color .2s; }
.badge:hover { background:var(--clr-red); color:var(--clr-white); }
.about-image-wrap {
  position:relative;
  opacity:0; transform:translateX(50px);
  transition:opacity .8s var(--ease-out-expo) .2s,transform .8s var(--ease-out-expo) .2s;
}
.about-image-wrap.in-view { opacity:1; transform:translateX(0); }
.about-image-bg { position:absolute; top:24px; right:0; width:90%; height:95%; background:var(--clr-pink-bg); border-radius:var(--radius-xl); z-index:0; }
.about-image-clip { position:relative; z-index:1; border-radius:var(--radius-xl); overflow:hidden; clip-path:inset(0 100% 0 0); transition:clip-path 1s var(--ease-out-expo) .4s; }
.about-image-wrap.in-view .about-image-clip { clip-path:inset(0 0% 0 0); }
.about-img { width:100%; height:560px; object-fit:cover; object-position:top center; background:linear-gradient(160deg,#f9d6d8 0%,#e8a0a5 100%); }
.ceo-card { position:absolute; bottom:32px; left:-24px; z-index:2; background:var(--clr-red); color:var(--clr-white); border-radius:var(--radius-md); padding:14px 22px; display:flex; flex-direction:column; gap:2px; box-shadow:0 12px 40px rgba(204,31,43,.35); }
.ceo-card strong { font-family:var(--ff-display); font-weight:700; font-size:16px; }
.ceo-card span { font-size:12px; opacity:.85; }
.ceo-exp { font-size:11px !important; opacity:.7 !important; margin-top:2px; }