/* About: company identity, attributed experience and a concise present-day approach. */
.about-page{--about-ink:#233f50;--about-muted:#587183;--about-blue:#3f6e8b;--about-line:#cedbe0;background:#f7f9fa;color:var(--about-ink)}
.about-page .eyebrow{color:var(--about-blue)}
.about-page .expertise-hero{padding:48px 0 22px}
.about-page .expertise-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:56px}
.about-page .expertise-intro h1{font-size:clamp(2.7rem,4.75vw,4.15rem);line-height:1.12;letter-spacing:-.045em;max-width:none;margin:0}
.about-page .expertise-intro .lead{color:var(--about-muted);font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.65;max-width:430px;margin:0}
.about-page .company-origin{font-size:.9rem;color:var(--about-muted);margin:24px 0 0}
.about-page .company-heading,.about-page .company-intro{position:relative;z-index:1}
.about-page .architectural-systems{width:88%;margin:-80px 0 0 auto;pointer-events:none}
.about-page .architectural-systems img{display:block;width:100%;height:auto}
.about-page .founder-context{padding:34px 0 36px;border-top:1px solid var(--about-line)}
.about-page .founder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:56px;align-items:start}
.about-page .founder-context .eyebrow{margin-bottom:16px}
.about-page .founder-context h2{font-size:clamp(1.8rem,2.75vw,2.35rem);line-height:1.22;letter-spacing:-.035em;margin:0}
.about-page .founder-copy p{color:var(--about-muted);font-size:1rem;line-height:1.65;margin:0 0 14px}
.about-page .founder-copy p:last-child{margin-bottom:0}
.about-page .founder-copy .international-context{font-size:.88rem;line-height:1.6;margin-top:20px}
.about-page .international-context span{display:block;font-size:.75rem;font-weight:600;color:var(--about-ink);margin-bottom:3px}
.about-page .advisory-history{padding:0 0 52px}
.about-page .history-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:36px;background:var(--about-ink);color:#fff;padding:28px 32px}
.about-page .history-copy .eyebrow{color:#bfced6;margin-bottom:14px}
.about-page .history-years{font-size:1rem;font-weight:500;letter-spacing:.02em;line-height:1.4;margin:0 0 12px;color:#c4d3db}
.about-page .history-copy h2{font-size:clamp(1.7rem,2.5vw,2.1rem);font-weight:500;letter-spacing:-.025em;margin:0 0 8px;line-height:1.25}
.about-page .history-copy>p:last-child{font-size:1rem;line-height:1.6;color:#c4d3db;margin:0;max-width:450px}
.about-page .history-evidence{border-left:1px solid #58717e;padding-left:36px;display:flex;flex-direction:column;justify-content:center}
.about-page .history-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:0}
.about-page .history-metrics>div,.about-page .experience-metric{display:flex;flex-direction:column}
.about-page .history-metrics dd{order:-1;margin:0 0 12px;font-size:clamp(2.1rem,3.1vw,2.85rem);line-height:1.1;font-weight:400;letter-spacing:-.045em;white-space:nowrap}
.about-page .history-metrics dt{font-size:.95rem;color:#c4d3db;line-height:1.5}
.about-page .history-sectors{margin:22px 0 0;padding-top:16px;border-top:1px solid #58717e;color:#c4d3db;font-size:.94rem}
.about-page .operating-expertise{padding:0 0 56px}
.about-page .operating-expertise h2{font-size:clamp(2rem,3.1vw,2.7rem);line-height:1.2;letter-spacing:-.035em;margin-bottom:16px}
.about-page .experience-attribution{color:var(--about-muted);font-size:1rem;margin:0 0 34px}
.about-page .experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px;row-gap:36px}
.about-page .experience-item{border-top:1px solid var(--about-blue);padding-top:16px;min-width:0}
.about-page .experience-heading{display:flex;gap:18px;align-items:baseline;margin-bottom:20px}
.about-page .experience-heading h3{font-size:1.4rem;font-weight:550;letter-spacing:-.025em;line-height:1.25;margin:0}
.about-page .experience-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.95fr);gap:28px}
.about-page .experience-body>p{color:var(--about-muted);font-size:.98rem;line-height:1.6;margin:0}
.about-page .experience-metric{margin:0;min-width:0}
.about-page .experience-metric dd{order:-1;color:var(--about-blue);font-size:clamp(2.1rem,3.15vw,2.85rem);font-weight:400;line-height:1.12;letter-spacing:-.055em;margin:0 0 10px;white-space:nowrap}
.about-page .experience-metric dt{font-size:.82rem;line-height:1.5;color:var(--about-muted)}
.about-page .experience-source{margin-top:28px}
.about-page .experience-source p{margin:0;font-size:.84rem;line-height:1.6}
.about-page .experience-source p:first-child{font-weight:600;margin-bottom:4px}
.about-page .experience-source p:last-child{color:var(--about-muted);font-size:.8rem}
.about-page .experience-scope{font-size:.85rem;line-height:1.65;color:var(--about-muted);border-top:1px solid var(--about-line);padding-top:18px;margin:38px 0 20px}
.about-page .experience-projects-link{display:inline-block;font-size:.95rem;color:var(--about-ink)}
.about-page .editorial{border-color:var(--about-line)}
.about-page .company-approach h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.16;margin:0}
.about-page .company-approach .editorial-copy p{color:var(--about-muted);margin-bottom:22px}
.about-page .vision{position:relative;isolation:isolate;overflow:hidden;padding:52px 0;background:#fff;color:var(--about-ink)}
.about-page .vision::before{content:"";position:absolute;inset:0;z-index:-1;background:url("about-watercolor-blue.png") center bottom / max(1120px,100%) auto no-repeat;opacity:.82;pointer-events:none}
.about-page .vision h2{font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.15;margin-bottom:20px}
.about-page .vision .eyebrow{color:var(--about-blue)}
.about-page .vision p:last-child{color:var(--about-ink)}
@media(max-width:1000px){
  .about-page .founder-grid{gap:38px}
  .about-page .expertise-intro{gap:38px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .about-page .architectural-systems{width:94%;margin-top:-40px}
  .about-page .history-panel{gap:28px;padding:32px 26px}
  .about-page .history-evidence{padding-left:28px}
  .about-page .history-metrics{gap:20px}
  .about-page .experience-grid{column-gap:36px}
  .about-page .experience-body{grid-template-columns:minmax(0,1fr);gap:20px}
  .about-page .experience-metric dd{font-size:2.65rem;margin-bottom:6px}
}
@media(max-width:700px){
  .about-page .expertise-hero{padding:32px 0 26px}
  .about-page .expertise-intro{grid-template-columns:1fr;gap:24px}
  .about-page .architectural-systems{width:100%;margin:24px 0 0}
  .about-page .expertise-intro h1{font-size:clamp(2.55rem,8.8vw,3.7rem)}
  .about-page .expertise-intro .lead{max-width:540px;font-size:1.1rem}
  .about-page .company-origin{margin-top:16px}
  .about-page .founder-context{padding:28px 0}
  .about-page .founder-grid{grid-template-columns:1fr;gap:22px}
  .about-page .founder-context h2{font-size:1.85rem}
  .about-page .advisory-history{padding-bottom:40px}
  .about-page .history-panel{grid-template-columns:1fr;gap:28px;padding:28px 24px}
  .about-page .history-years{font-size:1rem}
  .about-page .history-evidence{border-left:0;border-top:1px solid #58717e;padding:26px 0 0}
  .about-page .history-metrics{gap:18px}
  .about-page .history-metrics dd{font-size:clamp(2rem,7vw,2.85rem)}
  .about-page .history-metrics dt{font-size:.84rem}
  .about-page .history-metrics dt br{display:none}
  .about-page .history-sectors{margin-top:24px;font-size:.85rem}
  .about-page .operating-expertise{padding-bottom:40px}
  .about-page .operating-expertise h2{font-size:2rem}
  .about-page .experience-attribution{margin-bottom:28px}
  .about-page .experience-grid{grid-template-columns:1fr;row-gap:30px}
  .about-page .experience-heading{gap:14px;margin-bottom:20px}
  .about-page .experience-heading h3{font-size:1.4rem}
  .about-page .experience-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}
  .about-page .experience-metric dd{font-size:clamp(2rem,6.8vw,2.65rem)}
  .about-page .experience-source{margin-top:24px}
  .about-page .experience-scope{margin-top:30px}
  .about-page .vision{padding:40px 0}
  .about-page .vision::before{background-size:auto 280px;background-position:62% bottom;opacity:.7}
}
@media(max-width:380px){
  .about-page .history-panel{padding:26px 20px}
  .about-page .history-metrics{grid-template-columns:1fr;gap:22px}
  .about-page .history-metrics dd{font-size:2.5rem;margin-bottom:6px}
  .about-page .experience-body{grid-template-columns:1fr;gap:18px}
  .about-page .experience-metric dd{font-size:2.6rem}
}
@media(max-width:380px){.about-page .expertise-intro h1{font-size:2.1rem}}