/* ── About us (/about-us/) ────────────────────────────────────
   Copied from the WordPress/Elementor page. Reuses the homepage's
   marquee, section heads, quote cards and closing CTA from styles.css. */

.about-hero{
  padding:80px 0 0; border-bottom:1px solid var(--line);
  background:
    radial-gradient(900px 420px at 50% -12%, rgba(108,99,255,.10), transparent 70%),
    linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%);
}
.about-hero__inner{ display:grid; grid-template-columns:1fr 480px; gap:56px; align-items:center; }
.about-hero__title{ margin-top:14px; font-size:clamp(34px,4.4vw,56px); letter-spacing:-0.035em; text-wrap:balance; }
.about-hero__lede{ margin-top:18px; max-width:50ch; font-size:19px; color:var(--body); }
.about-hero__cta{ margin-top:30px; }
.about-hero__art{ display:block; width:100%; height:auto; }
.about-hero .marquee{ margin-top:56px; padding-bottom:40px; }

.about-story{ max-width:760px; margin:-28px auto 0; display:grid; gap:18px; text-align:center; }
.about-story p{ color:var(--body); font-size:17.5px; line-height:1.7; }

.members{ margin-top:64px; display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:28px 20px; }
.member{ text-align:center; }
.member__photo{ display:block; width:100%; max-width:160px; height:auto; aspect-ratio:1; margin:0 auto; border-radius:50%; object-fit:cover; }
.member__name{ margin-top:16px; font-family:var(--display); font-weight:600; font-size:18px; letter-spacing:-0.015em; }
.member__role{ margin-top:4px; font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); }

#testimonials .quote{ margin:0 0 22px; }
.stars{ display:block; margin-bottom:12px; color:#f5b301; letter-spacing:2px; font-size:16px; line-height:1; }

.about-guide{ display:grid; grid-template-columns:280px 1fr; gap:56px; align-items:center; max-width:920px; }
.about-guide__cover{ display:block; width:100%; height:auto; border-radius:10px; box-shadow:0 24px 60px rgba(7,13,43,.20), 0 4px 12px rgba(7,13,43,.12); }
.about-guide__title{ font-size:clamp(28px,3.2vw,40px); letter-spacing:-0.03em; }
.about-guide__lede{ margin-top:14px; font-size:18px; color:var(--body); max-width:48ch; }
.about-guide__cta{ margin-top:26px; }

@media (max-width:1060px){
  .members{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:960px){
  .about-hero{ padding-top:56px; }
  .about-hero__inner{ grid-template-columns:1fr; gap:36px; }
  .about-hero__art{ max-width:480px; }
  .about-guide{ grid-template-columns:1fr; gap:32px; }
  .about-guide__cover{ max-width:240px; }
}
@media (max-width:560px){
  .members{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .about-story{ text-align:left; }
}