/* ===== ABOUT ===== */
#about { background: white; }
.about-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
.about-visual { position:relative; border-radius:24px; overflow:hidden; aspect-ratio:4/5; }
.about-visual img { width:100%; height:100%; object-fit:cover; display:block; }
.about-chip {
  position:absolute; bottom:2rem; left:2rem; right:2rem;
  background:rgba(255,255,255,.97); backdrop-filter:blur(14px);
  border-radius:16px; padding:1.25rem 1.5rem;
  display:flex; align-items:center; gap:1rem;
  box-shadow:0 16px 48px rgba(22,101,52,0.15);
}
.chip-icon { width:42px; height:42px; background:var(--green); border-radius:10px; display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.chip-text strong { font-family:'Fraunces',serif; font-size:1rem; color:var(--charcoal); display:block; }
.chip-text span { font-size:.76rem; color:var(--muted); }
.about-body { display:flex; flex-direction:column; gap:1.25rem; }
.about-body p { color:var(--muted); font-size:1rem; }
.value-grid { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-top:.25rem; }
.value-pill {
  background:var(--green-pale); border:1px solid rgba(34,197,94,0.18);
  border-radius:10px; padding:.8rem 1rem;
  display:flex; align-items:center; gap:.6rem;
  font-size:.84rem; font-weight:500; color:var(--charcoal);
}
.vdot { width:7px; height:7px; background:var(--green); border-radius:50%; flex-shrink:0; }