/* About Us Page V2 — page-specific layers on Homepage V2 (reuses .sec-head, .sec-cards/.scard, .cta-band) */

/* ── Hero ── */
.ab-hero{padding-top:56px;padding-bottom:8px;}
.ab-hero .sec-eyebrow{display:block;}
.ab-hero h1{
  font-size:clamp(2rem,4.2vw,2.9rem);line-height:1.25;
  margin-bottom:16px;max-width:820px;overflow-wrap:break-word;
}
.ab-hero h1 .accent{color:var(--gold-2);}
.ab-hero .sub{color:var(--text-mute);font-size:1.02rem;max-width:640px;}

.ab-sec-narrow{max-width:680px;}

/* ── Pillars: .scard with gold icon ── */
.ab-pillar{display:flex;flex-direction:column;gap:14px;}
.ab-pillar .ic{margin-bottom:0;background:rgba(227,181,73,0.12);transition:background .3s ease;}
.ab-pillar .ic svg{color:var(--gold);transition:color .3s ease;}
.ab-pillar:hover .ic{background:rgba(227,181,73,0.22);}
.ab-pillar:hover .ic svg{color:var(--gold-2);}
.ab-pillar h3{font-size:17px;font-weight:600;margin:0;}
.ab-pillar p{line-height:1.65;}

/* ── Regulation band + fact card ── */
.ab-band{
  background:rgba(13,20,36,0.5);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.ab-facts{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:8px 26px;max-width:640px;margin:0 auto;
}
.ab-facts-title{
  font-size:12px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--gold);font-weight:700;padding:16px 0 4px;
}
.ab-fact{
  display:flex;flex-direction:column;gap:4px;
  padding:14px 0;border-bottom:1px solid var(--border);border-radius:8px;
  transition:background .25s ease,padding-inline-start .25s ease;
}
.ab-fact:last-child{border-bottom:none;}
.ab-fact:hover{background:rgba(227,181,73,0.06);padding-inline-start:8px;}
.ab-fact-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:600;}
.ab-fact-value{font-size:14px;color:var(--text);line-height:1.5;}

/* ── Scroll reveal (enabled by JS only; content stays visible without it) ── */
.ab-anim .ab-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.ab-anim .ab-reveal.is-revealed{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion: reduce){
  .ab-anim .ab-reveal{opacity:1;transform:none;transition:none;}
  .ab-pillar .ic,.ab-pillar .ic svg,.ab-fact{transition:none;}
}

@media (max-width:640px){
  .ab-hero{padding-top:36px;padding-bottom:0;}
  .ab-facts{padding:4px 18px;}
}