/* About has its own reading layout; other inner pages retain their styles. */
.about-page{--about-line:#d8e2dd;--about-muted:#52605a;background:#fff;color:#17231e}
.about-page *{min-width:0;letter-spacing:0}
.about-inner{width:min(100% - 56px,1108px);margin-inline:auto}
.about-page h1,.about-page h2,.about-page h3{overflow-wrap:break-word;text-wrap:pretty}
.about-page h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.2}
.about-page h3{margin:0 0 10px;font-size:18px;line-height:1.4}
.about-page p{font-size:16px;line-height:1.75}
.about-page .section-label{margin-bottom:14px;font-size:12px;line-height:1.5;font-weight:800;letter-spacing:0}
.about-hero{position:relative;isolation:isolate;background:#18372a;color:#fff}
.about-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.about-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(9,29,22,.57)}
.about-hero-content{padding-block:56px}
.about-hero .section-label{color:#d1f5de}
.about-hero h1{max-width:640px;margin:0 0 22px;color:#fff;font-size:56px;line-height:1.08}
.about-hero .about-hero-subtitle{max-width:570px;margin:0 0 30px;color:#fff;font-size:22px;line-height:1.5}
.about-page .hero-actions{gap:12px}
.about-hero .btn-primary,.about-next .btn-primary{background:#a3e7bf;color:#103624;box-shadow:none}
.about-hero .btn-secondary,.about-next .btn-secondary{background:transparent;border-color:#d3eddf;color:#fff}
.about-hero .btn:hover,.about-next .btn:hover{transform:none;background:#d8f5e4;color:#103624}
.about-introduction{padding-block:36px;border-bottom:1px solid var(--about-line);background:#f4f8f6}
.about-introduction-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.about-introduction p{margin:0}
.about-introduction .about-lead-copy{font-size:19px;line-height:1.6;font-weight:600;color:#183c2d}
.about-section,.about-page .company-capability-section{padding:64px 0;border-bottom:1px solid var(--about-line)}
.about-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}
.about-section-heading{max-width:620px}
.about-section-heading p{margin:18px 0 0;color:var(--about-muted);max-width:64ch}
.about-wide-heading{margin-bottom:34px}
.about-prose{max-width:68ch;color:var(--about-muted)}
.about-prose>p{margin:0 0 24px}
p.about-prose{margin:0}
.about-prose .feature-list{gap:12px;margin-top:24px}
.about-prose .feature-list li{font-size:15px;line-height:1.7;color:#253e31}
.about-prose .feature-list li:before{width:12px;height:2px;flex:0 0 12px;margin-top:12px;border-radius:0}
.about-tint{background:#f4f8f6}
.about-difference-list{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.about-difference{display:grid;grid-template-columns:30px minmax(0,1fr);gap:18px;padding:24px 0;border-top:1px solid var(--about-line)}
.about-item-number{font-size:13px;font-weight:700;line-height:25px;color:#33745a}
.about-difference p{margin:0;color:var(--about-muted);font-size:15px}
.about-page .company-capability-section{background:#eff4f7}
.about-page .card-grid{gap:32px}
.about-page .info-card{padding:0 0 0 20px;border:0;border-left:3px solid #659682;border-radius:0;background:transparent;box-shadow:none}
.about-page .info-card p{font-size:15px;color:var(--about-muted);line-height:1.75}
.about-page .company-capability-section h2{font-size:32px}
.about-audience-list .info-card{border-left-color:#ba9759}
.about-trust{background:#f8f9f8}
.about-next{background:#103b2c;color:#fff;border-bottom:0}
.about-next .section-label{color:#a3e7bf}
.about-next .about-prose{color:#e3f1e9}
.about-next .about-prose>p{margin-bottom:24px}
@media(max-width:920px){
  .about-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px}
  .about-page .card-grid{grid-template-columns:1fr;gap:28px}
  .about-introduction-grid{gap:32px}
  .about-difference-list{column-gap:32px}
}
@media(max-width:680px){
  .about-inner{width:calc(100% - 36px)}
  .about-hero-content{padding-block:36px}
  .about-hero h1{font-size:36px;line-height:1.12;margin-bottom:18px}
  .about-hero .about-hero-subtitle{font-size:18px;line-height:1.55;margin-bottom:24px}
  .about-hero-image{object-position:63% center}
  .about-page .hero-actions{display:flex;flex-direction:column;align-items:stretch}
  .about-page .btn{white-space:normal;text-align:center;min-height:48px;font-size:14px}
  .about-introduction{padding-block:28px}
  .about-introduction-grid,.about-row,.about-difference-list{grid-template-columns:minmax(0,1fr);gap:24px}
  .about-introduction .about-lead-copy{font-size:18px}
  .about-section,.about-page .company-capability-section{padding-block:40px}
  .about-page h2,.about-page .company-capability-section h2{font-size:27px;line-height:1.25}
  .about-wide-heading{margin-bottom:26px}
  .about-page p{font-size:16px}
  .about-difference-list{gap:0}
  .about-difference{grid-template-columns:24px minmax(0,1fr);gap:12px;padding-block:20px}
}