/* ═══════════════════════════════════════════════════════════════
   Hreem Peetham — ABOUT page (scoped to #sec-about only)
   ═══════════════════════════════════════════════════════════════ */
#sec-about{--ab-gold:#F6C453;--ab-gold2:#E0A526;--ab-saf:#FF8A1F;--ab-ink:#3b1a10;--ab-line:#efd9a8;font-family:'Noto Sans Telugu','Inter',sans-serif;}

/* ── Hero ─────────────────────────────────────────────────────── */
#sec-about .ab-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:24px;color:#fff;
  padding:40px 36px 0;margin-bottom:30px;border:1px solid rgba(246,196,83,.55);
  background:radial-gradient(110% 100% at 22% 45%,#c2410c 0%,#7a1a12 42%,#2e0709 100%);
  box-shadow:0 22px 60px rgba(107,30,30,.38),inset 0 0 90px rgba(255,138,31,.18);}
#sec-about .ab-hero::before{content:'';position:absolute;inset:9px;border-radius:17px;border:1px solid rgba(246,196,83,.38);pointer-events:none;z-index:3;}
#sec-about .ab-mandala{position:absolute;width:820px;max-width:none;left:50%;top:50%;margin:-410px 0 0 -300px;color:rgba(246,196,83,.17);z-index:0;animation:abSpin 140s linear infinite;pointer-events:none;}
#sec-about .ab-ember{position:absolute;bottom:-12px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;z-index:1;pointer-events:none;opacity:0;
  background:radial-gradient(circle,#fff0b8 0%,#ffb12e 55%,transparent 72%);animation:abRise var(--d) linear var(--dl) infinite;}
#sec-about .ab-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:26px;align-items:end;}
#sec-about .ab-portrait{position:relative;align-self:end;}
#sec-about .ab-portrait::before{content:'';position:absolute;inset:8% 2% 4%;background:radial-gradient(circle at 50% 45%,rgba(255,176,46,.65),transparent 66%);filter:blur(34px);animation:abGlow 4.5s ease-in-out infinite alternate;z-index:0;}
#sec-about .ab-portrait img{position:relative;z-index:1;display:block;width:118%;max-width:none;margin-left:-18%;height:auto;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
  filter:drop-shadow(0 10px 30px rgba(0,0,0,.45));}
#sec-about .ab-hero-text{position:relative;z-index:3;align-self:center;padding-bottom:38px;}
#sec-about .ab-om{display:inline-block;font-family:'Noto Serif Devanagari',serif;font-weight:600;font-size:22px;letter-spacing:.35em;color:var(--ab-gold);margin-bottom:10px;text-shadow:0 0 18px rgba(246,196,83,.7);animation:abPulse 3.2s ease-in-out infinite;}
#sec-about .ab-kicker{font-size:14px;line-height:1.9;color:#ffd9a0;font-weight:500;letter-spacing:.02em;padding:8px 0;margin-bottom:14px;border-top:1px solid rgba(246,196,83,.45);border-bottom:1px solid rgba(246,196,83,.45);}
#sec-about .ab-name{font-family:'Noto Serif Telugu',serif;font-weight:800;font-size:clamp(28px,3.8vw,44px);line-height:1.4;margin:0 0 14px;
  background:linear-gradient(180deg,#fff6cf 0%,#f6c453 55%,#e08d12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 12px rgba(0,0,0,.45));}
#sec-about .ab-lead{font-size:15px;line-height:1.95;color:#ffeed8;margin:0 0 18px;}
#sec-about .ab-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;}
#sec-about .ab-chip{display:inline-block;padding:6px 15px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.6;color:#ffe7a8;background:rgba(246,196,83,.13);border:1px solid rgba(246,196,83,.6);}
#sec-about .ab-cta{display:flex;flex-wrap:wrap;gap:10px;}
#sec-about .ab-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;border:0;transition:transform .2s,box-shadow .2s;}
#sec-about .ab-btn:hover{transform:translateY(-2px);text-decoration:none;}
#sec-about .ab-btn-gold{background:linear-gradient(135deg,#ffd978,#e0a526);color:#4a1208;box-shadow:0 6px 20px rgba(246,196,83,.4);}
#sec-about .ab-btn-line{background:transparent;color:#ffe7a8;border:1.5px solid rgba(246,196,83,.7);}

/* ── Divider ──────────────────────────────────────────────────── */
#sec-about .ab-lotus{text-align:center;color:var(--gd);font-size:20px;letter-spacing:.7em;margin:0 0 22px;text-indent:.7em;}

/* ── Content sections ─────────────────────────────────────────── */
#sec-about .ab-sec{position:relative;overflow:hidden;border-radius:22px;padding:32px 34px 24px;margin-bottom:22px;
  background:linear-gradient(180deg,#fff 0%,#fff6e6 100%);border:1px solid var(--ab-line);box-shadow:0 8px 28px rgba(201,147,26,.14);}
#sec-about .ab-sec::before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#D4500A,#F6C453,#6B1E1E,#F6C453,#D4500A);}
#sec-about .ab-sec::after{content:'ॐ';position:absolute;right:18px;bottom:-34px;font-family:'Noto Serif Devanagari',serif;font-size:190px;line-height:1;color:var(--ab-gold2);opacity:.07;pointer-events:none;}
#sec-about .ab-h{display:flex;align-items:center;gap:14px;font-family:'Noto Serif Telugu',serif;font-weight:700;font-size:clamp(22px,3vw,30px);line-height:1.5;color:var(--mn);margin:0 0 16px;}
#sec-about .ab-h i{font-style:normal;flex-shrink:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:21px;color:#fff;
  background:linear-gradient(135deg,#ff8a1f,#b3360c);box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--ab-gold2),0 8px 16px rgba(179,54,12,.35);}
#sec-about .ab-sec p{position:relative;z-index:1;font-size:16px;line-height:2.05;color:var(--ab-ink);margin:0 0 12px;}
#sec-about .ab-sec .ab-chips{position:relative;z-index:1;margin:14px 0 10px;}
#sec-about .ab-sec .ab-chip{color:#7a1a12;background:#fff0cf;border:1px solid var(--ab-gold2);}
#sec-about .ab-sec p.ab-callout{padding:14px 20px;border-left:4px solid var(--sf);border-radius:0 14px 14px 0;background:linear-gradient(90deg,#ffe9cf,#fff6e6);font-weight:500;}

/* dark + fire variants */
#sec-about .ab-sec.dark{color:#fff;border-color:rgba(246,196,83,.55);background:radial-gradient(120% 120% at 85% 0%,#8a1c1c 0%,#4a0d10 50%,#2e0709 100%);box-shadow:0 14px 40px rgba(46,7,9,.35);}
#sec-about .ab-sec.dark .ab-h{color:var(--ab-gold);}
#sec-about .ab-sec.dark p{color:#ffe9d2;}
#sec-about .ab-sec.fire{color:#fff;border-color:rgba(246,196,83,.7);background:linear-gradient(135deg,#ff8a1f 0%,#d4500a 42%,#8a1c1c 100%);box-shadow:0 14px 40px rgba(212,80,10,.35);}
#sec-about .ab-sec.fire::after,#sec-about .ab-sec.dark::after{color:#fff;opacity:.08;}
#sec-about .ab-sec.fire .ab-h{color:#fff3c4;}
#sec-about .ab-sec.fire p{color:#fff4e4;}

/* seva cards */
#sec-about .ab-seva{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;}
#sec-about .ab-seva div{text-align:center;padding:18px 8px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(246,196,83,.45);transition:transform .25s,background .25s;}
#sec-about .ab-seva div:hover{transform:translateY(-4px);background:rgba(246,196,83,.16);}
#sec-about .ab-seva b{display:block;font-size:34px;margin-bottom:6px;font-weight:400;}
#sec-about .ab-seva span{font-size:14px;font-weight:600;color:var(--ab-gold);line-height:1.6;}
#sec-about .ab-quote{position:relative;z-index:1;margin:20px 0;padding:20px 26px;border-left:4px solid var(--ab-gold);border-radius:0 16px 16px 0;background:rgba(246,196,83,.11);
  font-family:'Noto Serif Telugu',serif;font-size:clamp(18px,2.4vw,22px);line-height:2;color:#ffe29a;font-weight:600;}

/* sankalpam */
#sec-about .ab-trio{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 24px;}
#sec-about .ab-trio div{padding:22px 20px;border-radius:18px;background:rgba(46,7,9,.38);border:1px solid rgba(246,196,83,.6);text-align:center;}
#sec-about .ab-trio b{display:block;font-family:'Noto Serif Telugu',serif;font-size:26px;color:var(--ab-gold);margin-bottom:8px;font-weight:800;}
#sec-about .ab-trio p{font-size:15px;line-height:1.95;margin:0;color:#fff4e4;}
#sec-about .ab-mantra{position:relative;z-index:1;text-align:center;margin:8px 0 22px;font-family:'Noto Serif Telugu',serif;font-weight:800;font-size:clamp(26px,5vw,46px);line-height:1.6;
  background:linear-gradient(180deg,#fff9d8,#ffd45c 60%,#ffb02e);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:abShine 3.5s ease-in-out infinite alternate;}

/* ── Existing English content (trust, trustees, offerings) ───── */
#sec-about .ab-more{margin-top:34px;}
#sec-about .ab-more-title{font-family:'Crimson Text',serif;font-size:32px;color:var(--mn);text-align:center;margin:0 0 6px;}
#sec-about .ab-more-sub{text-align:center;max-width:760px;margin:0 auto 26px;color:var(--tl);font-size:14px;line-height:1.8;}
#sec-about .about-trust-box{background:linear-gradient(135deg,#fffaf0,#fdeccd);border:1px solid var(--ab-line);border-left:5px solid var(--sf);box-shadow:0 6px 20px rgba(201,147,26,.12);}
#sec-about .trust-label{font-family:'Crimson Text',serif;font-size:19px;color:var(--mn);}
#sec-about .about-trust-box p{font-size:14.5px;}
#sec-about .sub-heading{display:inline-block;font-size:26px;padding-bottom:4px;border-bottom:3px solid var(--ab-gold2);}
#sec-about .trustee-card{border-left:4px solid var(--ab-gold2);transition:transform .2s;}
#sec-about .trustee-card:hover{transform:translateX(4px);}
#sec-about .trustee-av{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ab-gold2);}
#sec-about .mission-card{background:#fff;border:1px solid var(--ab-line);border-radius:18px;padding:26px;box-shadow:0 6px 22px rgba(201,147,26,.12);}
#sec-about .mission-card h4{font-family:'Crimson Text',serif;font-size:21px;color:var(--sf);}

/* ── Scroll reveal (only when JS adds .ab-js) ─────────────────── */
#sec-about.ab-js .ab-rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease;}
#sec-about.ab-js .ab-rv.in{opacity:1;transform:none;}

/* ── Keyframes ────────────────────────────────────────────────── */
@keyframes abSpin{to{transform:rotate(360deg);}}
@keyframes abGlow{from{opacity:.7;transform:scale(.96);}to{opacity:1;transform:scale(1.04);}}
@keyframes abPulse{0%,100%{opacity:.8;}50%{opacity:1;text-shadow:0 0 28px rgba(246,196,83,.95);}}
@keyframes abShine{from{filter:drop-shadow(0 0 6px rgba(255,200,70,.35));}to{filter:drop-shadow(0 0 22px rgba(255,200,70,.85));}}
@keyframes abRise{0%{transform:translate(0,0);opacity:0;}12%{opacity:.95;}100%{transform:translate(var(--dx),-440px);opacity:0;}}

/* ── Responsive ───────────────────────────────────────────────── */
@media(max-width:860px){
  #sec-about .ab-hero{padding:26px 16px 0;border-radius:20px;}
  #sec-about .ab-hero-inner{grid-template-columns:1fr;gap:6px;}
  #sec-about .ab-portrait{max-width:440px;margin:0 auto;}
  #sec-about .ab-portrait img{width:112%;margin-left:-6%;}
  #sec-about .ab-hero-text{padding-bottom:30px;text-align:center;}
  #sec-about .ab-chips,#sec-about .ab-cta{justify-content:center;}
  #sec-about .ab-mandala{width:560px;margin:-280px 0 0 -280px;}
  #sec-about .ab-sec{padding:26px 18px 18px;border-radius:18px;}
  #sec-about .ab-sec::after{font-size:130px;}
  #sec-about .ab-seva{grid-template-columns:repeat(2,minmax(0,1fr));}
  #sec-about .ab-trio{grid-template-columns:1fr;}
  #sec-about .ab-h i{width:38px;height:38px;font-size:18px;}
  #sec-about .ab-sec p,#sec-about .ab-lead{font-size:15px;}
  #sec-about .ab-more-title{font-size:26px;}
}
@media(prefers-reduced-motion:reduce){
  #sec-about *,#sec-about *::before{animation:none!important;transition:none!important;}
  #sec-about.ab-js .ab-rv{opacity:1;transform:none;}
}