/* About page */
    .about-hero{
      background:var(--bg);
      padding:84px 0 88px;
      overflow:hidden;
    }
    .about-hero-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:72px;
      align-items:center;
    }
    .about-hero-copy .lead{
      font-size:clamp(1.18rem,1.8vw,1.48rem);
      color:#47544e;
      max-width:720px;
    }
    .about-hero-media{
      position:relative;
      min-height:620px;
    }
    .about-hero-media:before{
      content:"";
      position:absolute;
      inset:5% -12% 8% 10%;
      background:var(--sand);
      border-radius:48% 52% 44% 56% / 52% 45% 55% 48%;
    }
    .about-hero-media img{
      position:absolute;
      inset:0 0 0 auto;
      width:92%;
      height:100%;
      object-fit:cover;
      border-radius:40% 40% 36% 36% / 28% 28% 44% 44%;
      box-shadow:var(--shadow);
    }

    .story-grid{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:80px;
      align-items:start;
    }
    .story-copy p{color:#4f5b55}
    .story-pull{
      margin-top:32px;
      padding:28px 30px;
      border-radius:22px;
      background:#26332e;
      color:#eef1ee;
      font-family:"Montserrat",sans-serif;
      font-size:clamp(1.15rem,2vw,1.4rem);
      line-height:1.45;
    }

    .journey{
      background:#eef1ec;
    }
    .timeline{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
      margin-top:40px;
    }
    .timeline-card{
      background:var(--paper);
      border:1px solid var(--line);
      border-radius:22px;
      padding:26px;
      min-height:260px;
    }
    .timeline-year{
      font-family:"Montserrat",sans-serif;
      color:var(--sage-dark);
      font-size:.78rem;
      margin-bottom:32px;
    }
    .timeline-card p{
      color:var(--muted);
      font-size:.95rem;
    }

    .approach-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      align-items:center;
    }
    .approach-image img{
      width:100%;
      min-height:560px;
      object-fit:cover;
      border-radius:var(--radius);
    }
    .approach-points{
      display:grid;
      gap:12px;
      margin-top:24px;
    }
    .approach-point{
      padding:16px 18px;
      border:1px solid var(--line);
      border-radius:16px;
      background:var(--bg);
    }

    .work-section{background:#26332e;color:#edf0ed}
    .work-section .eyebrow{color:#bdc9c0}
    .work-section p{color:#cfd6d1}
    .work-grid{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:70px;
      align-items:start;
    }
    .work-cards{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }
    .work-card{
      border:1px solid rgba(255,255,255,.12);
      border-radius:20px;
      padding:22px;
      background:rgba(255,255,255,.04);
    }
    .work-card h3{font-size:1.08rem;margin-bottom:8px}
    .work-card p{margin:0;font-size:.93rem}

    .human{
      background:#f6f2e9;
    }
    .human-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:74px;
      align-items:center;
    }
    .human-list{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:24px;
    }
    .human-pill{
      padding:10px 14px;
      border:1px solid var(--line);
      border-radius:999px;
      background:white;
      font-size:.9rem;
      color:#55615b;
    }
    .human-image img{
      width:100%;
      min-height:520px;
      object-fit:cover;
      border-radius:var(--radius);
    }

    .author-section{
      background:#f0eee8;
    }
    .author-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:22px;
      margin-top:40px;
    }
    .author-card{
      background:var(--paper);
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:30px;
      display:grid;
      grid-template-columns:150px 1fr;
      gap:24px;
      align-items:start;
    }
    .author-card img{
      width:100%;
      border-radius:10px;
      box-shadow:0 12px 28px rgba(0,0,0,.10);
    }
    .author-card p{font-size:.95rem;color:var(--muted)}

    .about-cta{
      background:var(--sage);
      padding:84px 0;
    }
    .about-cta-inner{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:50px;
      align-items:end;
    }

    @media(max-width:900px){
      .about-hero-grid,.story-grid,.approach-grid,.work-grid,.human-grid,.about-cta-inner{
        grid-template-columns:1fr;
      }
      .about-hero-grid{display:flex;flex-direction:column}
      .about-hero-copy{order:1}
      .about-hero-media{order:2;width:100%;min-height:500px}
      .timeline{grid-template-columns:1fr 1fr}
      .work-cards{grid-template-columns:1fr}
      .author-grid{grid-template-columns:1fr}
    }
    @media(max-width:600px){
      .about-hero{padding:58px 0 64px}
      .about-hero-media{min-height:420px}
      .timeline{grid-template-columns:1fr}
      .timeline-card{min-height:auto}
      .author-card{grid-template-columns:110px 1fr}
      .human-image img,.approach-image img{min-height:420px}
    }

  
    /* Clean About page v2 */
    .about-story-clean{background:var(--paper)}
    .clean-story-grid{
      display:grid;
      grid-template-columns:.82fr 1.18fr;
      gap:82px;
      align-items:start;
    }
    .clean-story-copy{
      max-width:720px;
    }
    .clean-story-copy p{
      color:#4f5b55;
      font-size:1.04rem;
    }

    .working-style{
      background:#eef1ec;
    }
    .centered-intro{
      text-align:center;
      max-width:760px;
      margin:0 auto 38px;
    }
    .trust-cards{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }
    .trust-card{
      background:var(--paper);
      border:1px solid var(--line);
      border-radius:22px;
      padding:28px;
      min-height:250px;
    }
    .trust-icon{
      width:44px;
      height:44px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      background:#d8e1d4;
      color:#44544b;
      font-family:"Montserrat",sans-serif;
      font-size:.82rem;
      margin-bottom:26px;
    }
    .trust-card h3{margin-bottom:12px}
    .trust-card p{
      color:var(--muted);
      font-size:.96rem;
    }
    .approach-link-wrap{
      text-align:center;
      margin-top:28px;
    }

    .credibility-section{
      background:#26332e;
      color:#eef1ee;
    }
    .credibility-section .eyebrow{color:#bdc9c0}
    .credibility-section p{color:#cfd6d1}
    .credibility-grid{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:80px;
      align-items:start;
    }
    .credential-list{
      display:grid;
      gap:0;
      border-top:1px solid rgba(255,255,255,.14);
    }
    .credential-item{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:22px;
      padding:18px 0;
      border-bottom:1px solid rgba(255,255,255,.14);
    }
    .credential-item strong{
      font-family:"Montserrat",sans-serif;
      font-size:.95rem;
    }
    .credential-item span{
      color:#bfc8c2;
      font-size:.92rem;
    }
    .organisations-clean{
      margin-top:58px;
      padding-top:28px;
      border-top:1px solid rgba(255,255,255,.14);
    }
    .organisations-clean .authority-label{
      color:#aeb8b1;
    }
    .organisation-names{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:12px 26px;
      color:#e1e6e2;
      font-family:"Montserrat",sans-serif;
      font-size:.84rem;
    }

    .personal-note-section{
      background:#f6f2e9;
    }
    .personal-note-grid{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:74px;
      align-items:center;
      max-width:1000px;
    }
    .personal-photo img{
      width:100%;
      aspect-ratio:4/5;
      object-fit:cover;
      border-radius:var(--radius);
    }

    @media(max-width:900px){
      .clean-story-grid,.credibility-grid,.personal-note-grid{
        grid-template-columns:1fr;
        gap:42px;
      }
      .trust-cards{grid-template-columns:1fr}
      .trust-card{min-height:auto}
      .credential-item{grid-template-columns:1fr;gap:6px}
      .personal-photo{max-width:520px}
    }
