/* =========================================
   ABOUT US PAGE — Elara Herbal
   ========================================= */

.abt-page{background:var(--wh);}

/* ---- HERO ---- */
.abt-hero{background:var(--cr);position:relative;overflow:hidden;}
.abt-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 85% 20%,rgba(194,146,46,.07) 0%,transparent 70%);pointer-events:none;}
.abt-hero-inner{max-width:var(--mx);margin:0 auto;padding:80px 32px 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;position:relative;}
.abt-h1{font-family:'Playfair Display',serif;font-size:46px;font-weight:700;color:var(--dk);line-height:1.15;margin-bottom:16px;letter-spacing:-.4px;}
.abt-h1 em{font-style:italic;color:var(--au);}
.abt-hero-sub{font-size:16px;color:var(--bd);line-height:1.8;max-width:480px;margin-bottom:30px;}
.abt-hero-badges{display:flex;flex-wrap:wrap;gap:12px;}
.abt-badge{display:flex;align-items:center;gap:9px;background:var(--wh);border:1px solid var(--br);border-radius:30px;padding:10px 18px;font-size:12.5px;font-weight:600;color:var(--dk);box-shadow:0 2px 10px var(--sh);}
.abt-badge i{color:var(--g);font-size:13px;}

.abt-hero-img-wrap{position:relative;display:flex;justify-content:center;align-items:center;}
.abt-img-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 26px 70px rgba(46,42,34,.18);max-width:340px;width:100%;border:6px solid var(--wh);outline:1.5px solid var(--br);}
.abt-founder-img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:398/585;}
.abt-floater{position:absolute;top:-16px;right:-18px;background:var(--au);color:var(--wh);width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;box-shadow:0 8px 26px rgba(194,146,46,.4);border:3px solid var(--wh);z-index:2;}
.abt-floater i{font-size:18px;margin-bottom:4px;}
.abt-floater span{font-size:8.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1.35;font-family:'Jost',sans-serif;}
.abt-name-card{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);background:var(--wh);border-radius:14px;padding:16px 26px;box-shadow:0 10px 36px var(--sh);text-align:center;white-space:nowrap;border:1px solid var(--br);}
.abt-name{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--dk);margin-bottom:2px;}
.abt-role{font-size:11px;font-weight:600;color:var(--au);letter-spacing:.6px;text-transform:uppercase;}

/* ---- STORY ---- */
.abt-story-body{max-width:760px;margin:0 auto;}
.abt-story-body p{font-size:15.5px;line-height:1.9;color:var(--bd);margin-bottom:22px;}
.abt-story-body p:first-of-type{font-size:18px;color:var(--dk);font-family:'Playfair Display',serif;font-weight:500;line-height:1.7;}
.abt-story-body strong{color:var(--g);font-weight:600;}

/* ---- MISSION CALLOUT ---- */
.abt-mission{background:linear-gradient(135deg,var(--be) 0%,#EDE3CA 100%);padding:70px 32px;}
.abt-mission-inner{max-width:760px;margin:0 auto;text-align:center;}
.abt-quote-ic{font-size:28px;color:var(--au);opacity:.55;margin-bottom:18px;}
.abt-mission-text{font-family:'Playfair Display',serif;font-size:24px;font-style:italic;font-weight:500;color:var(--dk);line-height:1.55;margin-bottom:16px;}
.abt-mission-sub{font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--g);text-transform:uppercase;}

/* ---- VISIT / CONNECT ---- */
.abt-visit{background:#FEFCF8;}
.abt-visit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:44px;}
.abt-visit-card{background:var(--wh);border:1px solid var(--br);border-radius:16px;padding:34px 26px;text-align:center;box-shadow:0 2px 16px var(--sh);transition:transform .25s ease,box-shadow .25s ease;}
.abt-visit-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px rgba(0,0,0,.08);}
.abt-visit-ic{width:62px;height:62px;border-radius:50%;background:var(--gl);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:var(--g);font-size:21px;}
.abt-visit-card h4{font-family:'Playfair Display',serif;font-size:15px;font-weight:600;color:var(--dk);letter-spacing:.3px;text-transform:uppercase;margin-bottom:10px;}
.abt-visit-card p{font-size:14.5px;color:var(--bd);line-height:1.7;}
.abt-ig-link{display:inline-flex;align-items:center;gap:7px;color:var(--au);font-weight:700;font-size:15px;}
.abt-ig-link:hover{text-decoration:underline;}
.abt-ig-link i{font-size:16px;}
.abt-visit-card a[href^="tel:"]{color:var(--g);font-weight:700;font-size:16px;}
.abt-visit-card a[href^="tel:"]:hover{text-decoration:underline;}
.abt-visit-cta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;}

/* ---- RESPONSIVE ---- */
@media(max-width:1024px){
  .abt-hero-inner{grid-template-columns:1fr;gap:60px;padding:60px 24px 100px;text-align:center;}
  .abt-hero-text{order:2;}
  .abt-hero-sub{margin-left:auto;margin-right:auto;}
  .abt-hero-badges{justify-content:center;}
  .abt-hero-img-wrap{order:1;}
  .abt-visit-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .abt-h1{font-size:32px;}
  .abt-mission-text{font-size:19px;}
  .abt-hero-inner{padding:48px 20px 90px;}
  .abt-img-frame{max-width:260px;}
}