/* About only: editorial profiles in the existing Renable palette. */
#about-page { --about-rule:#d9e3e7; --about-muted:#52666f; }
#about-page .about-introduction { padding:clamp(54px,6vw,88px) 0 clamp(46px,5vw,68px); }
#about-page .about-introduction-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(40px,6vw,86px); align-items:start; }
#about-page .about-introduction h1 { font-size:clamp(52px,6.4vw,88px); font-weight:500; line-height:1.03; letter-spacing:-.05em; margin:0; }
#about-page .about-introduction p { color:var(--petrol); font-size:clamp(20px,2vw,25px); line-height:1.5; letter-spacing:-.018em; margin:4px 0 0; max-width:40ch; }
#about-page .founder-profile { padding:clamp(42px,5.8vw,76px) 0; }
#about-page .founder-profile:first-of-type { padding-top:0; }
#about-page .founder-profile + .founder-profile { border-top:1px solid var(--about-rule); background:#f5f8f9; }
#about-page .founder-profile-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(40px,6vw,86px); align-items:start; }
#about-page .founder-portrait { min-width:0; width:100%; max-width:390px; margin:0; }
#about-page .founder-portrait img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:50% 35%; border-radius:16px; }
#about-page .founder-copy { min-width:0; }
#about-page .founder-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 22px; border-bottom:1px solid var(--about-rule); padding-bottom:24px; margin-bottom:25px; }
#about-page .founder-name { font-size:clamp(38px,3.7vw,50px); font-weight:500; line-height:1.1; letter-spacing:-.035em; margin:0; color:var(--petrol); }
#about-page .founder-role { font-size:16px; line-height:1.5; color:var(--blue); margin:0; }
#about-page .founder-biography { max-width:68ch; color:var(--about-muted); }
#about-page .founder-biography p { font-size:17px; line-height:1.75; margin:0; }
#about-page .founder-biography p + p { margin-top:22px; }
#about-page .about-engagement { padding:clamp(48px,6vw,80px) 0; background:var(--petrol); color:#fff; }
#about-page .about-engagement-copy { max-width:860px; }
#about-page .about-engagement p { font-size:clamp(20px,2.2vw,27px); line-height:1.5; letter-spacing:-.018em; margin:0; }
#about-page .about-engagement p + p { margin-top:24px; color:#d2e2e8; font-size:clamp(18px,1.6vw,21px); letter-spacing:0; line-height:1.65; }
#about-page .about-services { display:inline-flex; margin-top:32px; background:#fff; color:var(--petrol); min-height:48px; padding:13px 24px; font-size:16px; }
#about-page .about-services:hover { background:#e6f2f6; }
#about-page .about-services:focus-visible { outline:3px solid var(--sky); outline-offset:5px; }
#about-page .about-closing { padding:clamp(40px,5vw,64px) 0; }
#about-page .about-closing p { max-width:900px; margin:0; font-size:clamp(24px,2.7vw,34px); font-weight:500; line-height:1.35; letter-spacing:-.025em; color:var(--petrol); }
@media (max-width:1000px) and (min-width:761px) {
  #about-page .about-introduction-grid, #about-page .founder-profile-grid { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:36px; }
  #about-page .founder-biography p { font-size:16px; }
}
@media (max-width:760px) {
  #about-page .about-introduction-grid, #about-page .founder-profile-grid { grid-template-columns:minmax(0,1fr); gap:30px; }
  #about-page .about-introduction p { max-width:none; margin:0; }
  #about-page .founder-portrait { max-width:440px; }
  #about-page .founder-heading { padding-bottom:18px; margin-bottom:22px; }
  #about-page .founder-biography { max-width:none; }
}