/* =====================================================
   R1 ReadyFirst – About Page Layout
   Requires: shared.css
   v20 – Real photos, expanded team, reordered sections
   ===================================================== */

/* HERO */
.about-hero{padding:var(--xxl) var(--md) var(--xl);background:var(--g-deep);text-align:center;color:var(--white)}
.about-hero__inner{max-width:620px;margin:0 auto}
.about-hero .section-eyebrow{color:var(--eyebrow-dark)}
.about-hero h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--white);margin-bottom:var(--sm);line-height:1.1}
.about-hero p{font-family:var(--font-prose);font-size:clamp(1.0625rem,2vw,1.1875rem);color:rgba(var(--sand-rgb),.85);line-height:1.7;max-width:560px;margin:0 auto}

/* MATT FEATURED */
.about-matt{background:var(--white);padding:var(--xxl) var(--md)}
.about-matt__inner{max-width:920px;margin:0 auto}
.about-matt__feature{display:grid;grid-template-columns:360px 1fr;gap:var(--xl);align-items:center}
.about-matt__photo{width:360px}
.about-matt__photo img{width:100%;height:480px;object-fit:cover;object-position:center top;display:block;border-radius:12px;transform:scale(1.08);transform-origin:center top}
.about-matt__info{flex:1}
.about-matt__name{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.875rem);font-weight:800;color:var(--char);margin-bottom:.25rem}
.about-matt__creds{font-family:var(--font-ui);font-size:1rem;color:var(--char);line-height:1.75;margin-bottom:var(--sm)}
.about-matt__origin{font-family:var(--font-ui);font-size:1rem;color:var(--char);line-height:1.75;margin-bottom:var(--md)}

/* MATT PILLAR TAG */
.about-matt__title{font-family:var(--font-ui);font-size:.875rem;font-weight:600;color:var(--char);margin-bottom:var(--sm);display:flex;align-items:center;gap:.5rem}

/* PILLAR TAGS (reusable) */
.pillar-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:100px;font-family:var(--font-ui);font-size:.6875rem;font-weight:600;letter-spacing:.03em}
.pillar-badge--body{background:rgba(var(--jade-rgb),.12);color:var(--jade)}
.pillar-badge--mind{background:rgba(var(--sky-rgb),.12);color:var(--sky)}
.pillar-badge--energy{background:rgba(var(--terra-rgb),.12);color:var(--terra)}

/* PILLAR VISUALISATION (S3 header – icon columns) */

/* THE METHOD PRECEDES THE PRODUCT (dark section) */
.about-heritage{background:var(--g-deep);padding:var(--xxl) var(--md);color:var(--white)}
.about-heritage__inner{max-width:640px;margin:0 auto;text-align:center}
.about-heritage .section-eyebrow{color:var(--eyebrow-dark)}
.about-heritage h2{color:var(--white);margin-bottom:var(--md)}
.about-heritage__text{font-family:var(--font-prose);font-size:clamp(1.0625rem,2.2vw,1.1875rem);color:rgba(var(--sand-rgb),.85);line-height:1.75;margin-bottom:var(--md)}
.about-heritage__text:last-of-type{font-family:var(--font-quote);font-style:italic;color:rgba(var(--sand-rgb),.7)}
.about-heritage__book{display:flex;align-items:center;gap:var(--sm);margin-top:var(--lg);padding:var(--sm) var(--md);background:rgba(var(--sand-rgb),.06);border-radius:10px;border:1px solid rgba(var(--sand-rgb),.1);text-align:left}
.about-heritage__book-cover{width:80px;flex-shrink:0}
.about-heritage__book-cover img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 4px 12px rgba(var(--black-rgb),.3)}
.about-heritage__book-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--white);margin-bottom:.125rem}
.about-heritage__book-sub{font-family:var(--font-ui);font-size:.875rem;color:rgba(var(--sand-rgb),.6);line-height:1.5;margin-bottom:.375rem}
.about-heritage__book-link{font-family:var(--font-ui);font-size:.875rem;font-weight:600;color:var(--jade-lt);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}
.about-heritage__book-link:hover{color:var(--white)}

/* ADVISOR GOVERNANCE LINE */
.about-advisor-section__governance{font-family:var(--font-ui);font-size:.875rem;color:var(--wgray);line-height:1.65;max-width:640px;margin:var(--lg) auto 0;text-align:center;padding-top:var(--md);border-top:1px solid var(--sand-dk)}

/* INSTITUTIONAL CONTEXT */
.about-institutions{background:var(--sand);padding:var(--xxl) var(--md)}
.about-institutions__inner{max-width:780px;margin:0 auto}
.about-institutions__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.about-institutions__header .section-eyebrow{color:var(--eyebrow-light)}
.about-institutions__header h2{margin-bottom:var(--sm)}
.about-institutions__list{display:flex;flex-direction:column;gap:var(--md)}
.about-institutions__row{display:flex;align-items:flex-start;gap:var(--md);padding:var(--md);background:var(--white);border-radius:12px;box-shadow:var(--sh)}
.about-institutions__logo-placeholder{width:72px;height:72px;border-radius:50%;background:var(--sand-dk);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.about-institutions__logo-placeholder span{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;color:var(--wgray);letter-spacing:.03em}
.about-institutions__text h3{font-family:var(--font-ui);font-size:1rem;font-weight:600;color:var(--char);margin-bottom:.375rem}
.about-institutions__text p{font-family:var(--font-ui);font-size:.875rem;color:var(--char);line-height:1.65}

/* THE ORGANISATION */
.about-org{background:var(--white);padding:var(--xxl) var(--md)}
.about-org__inner{max-width:640px;margin:0 auto;text-align:center}
.about-org__inner p{font-family:var(--font-ui);font-size:.875rem;color:var(--wgray);line-height:1.65;margin-bottom:var(--sm)}
.about-org__inner a{font-weight:600}

/* CORE TEAM */
.about-team{background:var(--sand);padding:var(--xxl) var(--md)}
.about-team__inner{max-width:860px;margin:0 auto}
.about-team__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.about-team__header .section-eyebrow{color:var(--eyebrow-light)}
.about-team__header h2{margin-bottom:var(--sm)}
.about-team__header p{color:var(--char);font-size:1.0625rem;line-height:1.7}
.about-team__grid{display:flex;flex-direction:column;gap:var(--lg)}
.about-team__member{display:grid;grid-template-columns:220px 1fr;gap:var(--lg);align-items:start;padding:var(--md);border-radius:12px}
.about-team__member--mind{background:linear-gradient(135deg,rgba(var(--pillar-warm-rgb),.08) 0%,rgba(var(--pillar-green-rgb),.05) 50%,rgba(var(--pillar-teal-rgb),.04) 100%)}
.about-team__member--energy{background:linear-gradient(135deg,rgba(var(--pillar-teal-rgb),.06) 0%,rgba(var(--pillar-green-rgb),.05) 50%,rgba(var(--pillar-warm-rgb),.06) 100%)}
.about-team__member--reverse{direction:rtl}
.about-team__member--reverse > *{direction:ltr}
.about-team__member-photo{width:220px}
.about-team__member-photo img{width:100%;height:auto;display:block;border-radius:12px}
.about-team__member-info h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--char);margin-bottom:.25rem}
.about-team__member-role{font-family:var(--font-ui);font-size:.875rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}
.about-team__member-role--mind{color:var(--char)}
.about-team__member-role--energy{color:var(--char)}
.about-team__member-cred{font-family:var(--font-ui);font-size:.9375rem;color:var(--char);line-height:1.65;margin-bottom:var(--sm)}
.about-team__member-quote{font-family:var(--font-quote);font-size:.875rem;font-style:italic;color:var(--char);line-height:1.6}

/* ADVISOR */
.about-advisor-section{background:var(--white);padding:var(--xxl) var(--md)}
.about-advisor-section__inner{max-width:860px;margin:0 auto}
.about-advisor-section__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.about-advisor-section__header .section-eyebrow{color:var(--eyebrow-light)}
.about-advisor-section__header h2{margin-bottom:var(--sm)}
.about-advisor{display:grid;grid-template-columns:200px 1fr;gap:var(--lg);align-items:start;max-width:720px;margin:0 auto}
.about-advisor__photo{width:200px}
.about-advisor__photo img{width:100%;height:auto;display:block;border-radius:12px}
.about-advisor__name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--char);margin-bottom:.25rem}
.about-advisor__role{font-family:var(--font-ui);font-size:.875rem;font-weight:600;color:var(--jade);margin-bottom:.75rem}
.about-advisor__cred{font-family:var(--font-ui);font-size:.9375rem;color:var(--char);line-height:1.65}

/* CTA */
.about-cta{background:var(--sand);padding:var(--xxl) var(--md);text-align:center}
.about-cta__inner{max-width:620px;margin:0 auto}
.about-cta h2{margin-bottom:var(--sm)}
.about-cta p{color:var(--char);font-size:1rem;margin-bottom:var(--lg)}
.about-cta__buttons{display:flex;justify-content:center;gap:var(--sm);flex-wrap:wrap}

/* RESPONSIVE */
@media(max-width:1024px){
  .about-matt__feature{grid-template-columns:300px 1fr;gap:var(--lg)}
  .about-matt__photo{width:300px}
  .about-matt__photo img{height:400px}
  .about-team__member{grid-template-columns:180px 1fr}
  .about-team__member-photo{width:180px}
  .about-team__member--reverse{direction:ltr}
}
@media(max-width:767px){
  .about-hero,.about-matt,.about-heritage,.about-team,.about-advisor-section,.about-institutions,.about-org,.about-cta{padding:var(--xl) var(--sm)}
  .about-matt__feature{grid-template-columns:1fr;text-align:center}
  .about-matt__photo{width:240px;margin:0 auto}
  .about-matt__photo img{height:320px}
  .about-matt__title{justify-content:center;flex-wrap:wrap}
  .about-team__member{grid-template-columns:1fr;text-align:center}
  .about-team__member--reverse{direction:ltr}
  .about-team__member-photo{width:180px;margin:0 auto}
  .about-team__member-role{justify-content:center;flex-wrap:wrap}
  .about-advisor{grid-template-columns:1fr;text-align:center}
  .about-advisor__photo{width:160px;margin:0 auto}
  .about-heritage__book{flex-direction:column;text-align:center}
  .about-institutions__row{flex-direction:column;align-items:center;text-align:center}
}