/* P27 About — Contemporary Institutional Editorial. Loaded after institutional-footer.css. */
.owner-about{--ab-navy:#16263a;--ab-sage:#e4ebe3;--ab-read:68ch;box-sizing:border-box;max-width:1180px;margin-inline:auto;padding:clamp(2.5rem,5vw,4.5rem) var(--qe-pad,24px) 0;color:var(--ink);font-size:var(--qe-body,18px);line-height:1.65}
.owner-about p{margin:0}
.owner-about p + p{margin-top:.85rem}
.owner-about a{color:var(--teal);text-underline-offset:.2em;text-decoration-thickness:1px;overflow-wrap:anywhere}
.owner-about :focus-visible{outline:2px solid var(--teal);outline-offset:3px}
/* Hero */
.owner-about-header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.25rem clamp(2rem,5vw,4.5rem);align-items:end;padding-bottom:clamp(2.5rem,4vw,3.5rem);border-bottom:1px solid var(--line)}
.owner-about-header > :first-child:not(h1){grid-column:1 / -1}
.owner-about-header h1{grid-column:1;margin:0;font:400 clamp(2.5rem,1.6rem + 3.4vw,4rem)/1.04 var(--serif);letter-spacing:-.03em;text-wrap:balance;max-width:16ch}
.owner-about-header .about-intro{grid-column:2;color:var(--muted)}
.owner-about-header .about-intro p:first-child{color:var(--ink);font-size:var(--qe-lead,1.25rem);line-height:1.55}
.owner-about-header .about-context{grid-column:1 / -1}
/* Prose shell */
.owner-about-prose{max-width:none}
.owner-about-prose h2{margin:0 0 1rem;font:400 clamp(1.875rem,1.4rem + 1.3vw,2.5rem)/1.12 var(--serif);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.owner-about-prose h3{margin:0 0 .5rem;font:400 clamp(1.2rem,1.1rem + .35vw,1.45rem)/1.25 var(--serif);color:var(--ink)}
.owner-about-prose > section{padding:clamp(3.5rem,6vw,5.5rem) 0;border-top:1px solid var(--line);scroll-margin-top:1.5rem}
.owner-about-prose > section:first-child{border-top:0}
.owner-about-prose > section > :is(p,ul,details,nav){max-width:var(--ab-read)}
/* Mission & Vision */
#mission-and-vision{padding-top:clamp(2.5rem,4vw,3.5rem)}
.about-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:1.5rem;background:var(--ab-sage);border-top:3px solid var(--teal)}
.about-mission-grid > div{padding:clamp(1.75rem,3.5vw,3rem)}
.about-mission-grid > div + div{border-left:1px solid rgba(28,103,96,.22)}
.about-mission-grid h3{font:700 var(--qe-eyebrow,.75rem)/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem}
.about-mission-grid p{font:400 clamp(1.25rem,1.1rem + .5vw,1.5rem)/1.45 var(--serif);color:var(--ink)}
/* Purpose: heading/lead rail + reading column */
#our-purpose{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2rem clamp(2rem,5vw,4.5rem);align-items:start}
#our-purpose > *{max-width:none}
.about-section-intro .about-lead{margin-top:1rem;font:400 var(--qe-lead,1.25rem)/1.5 var(--serif);color:var(--teal)}
.about-section-body{max-width:var(--ab-read)}
/* Disclosures */
.owner-about details{margin-top:1rem;border-top:1px solid var(--line)}
.owner-about summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:.5rem 0;cursor:pointer;list-style:none;font-size:var(--qe-util,.9375rem);font-weight:600;color:var(--teal)}
.owner-about summary::-webkit-details-marker{display:none}
.owner-about summary::after{content:"+";flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:400 1.1rem/1 var(--sans)}
.owner-about details[open] > summary::after{content:"\2212"}
.owner-about summary:hover{text-decoration:underline;text-underline-offset:.2em}
.owner-about details > :not(summary){margin-top:.75rem}
.owner-about details[open]{padding-bottom:.5rem}
/* Six work areas */
.about-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(2rem,4vw,4rem);margin-top:2rem;border-top:1px solid var(--ink)}
.about-work{padding:1.75rem 0 2rem;border-bottom:1px solid var(--line)}
.about-number{display:block;margin-bottom:.6rem;font:700 var(--qe-eyebrow,.75rem)/1 var(--sans);letter-spacing:.14em;color:var(--teal)}
/* Nine values */
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(1.5rem,3vw,2.75rem);margin-top:2rem}
.about-value{padding:1.5rem 0 1.75rem;border-top:1px solid var(--line)}
.about-value p{font-size:var(--qe-util,.9375rem);line-height:1.6;color:var(--muted)}
.about-value h3{font-size:1.25rem}
/* Commitments */
.owner-about .about-commitments{list-style:none;margin:2rem 0;padding:0;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(2rem,4vw,4rem);border-top:1px solid var(--ink)}
.about-commitments li{padding:1.1rem 0;border-bottom:1px solid var(--line)}
.about-commitments strong{display:block;font:400 1.25rem/1.3 var(--serif);color:var(--ink);margin-bottom:.25rem}
.about-commitments p{color:var(--muted)}
/* Accountability */
.about-accountability-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem clamp(2rem,4vw,4rem);margin-top:1.5rem}
.about-accountability-grid > article{padding-top:1.5rem;border-top:3px solid var(--teal)}
.about-accountability-grid nav{display:flex;flex-wrap:wrap;gap:0 1.5rem;margin-top:.75rem}
.about-accountability-grid nav a{min-height:44px;display:inline-flex;align-items:center;font-weight:600}
/* Audiences */
.owner-about .about-audiences{list-style:none;margin:1.75rem 0;padding:0;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.about-audiences li{padding:1.25rem 1.4rem;background:var(--ab-sage)}
.about-audiences strong{display:block;color:var(--teal);font-size:var(--qe-util,.9375rem);letter-spacing:.02em;margin-bottom:.2rem}
/* Future + founder lighter */
#our-future{background:linear-gradient(var(--ab-sage),var(--ab-sage)) no-repeat;background-size:100% 100%;padding-inline:clamp(1.5rem,4vw,3.5rem);border-top:0}
#founder{padding-block:2.5rem;color:var(--muted);font-size:var(--qe-util,.9375rem)}
#founder h2{font-size:var(--qe-h3,1.375rem);font-family:var(--sans);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;color:var(--teal)}
/* Light editorial closing, retaining the existing layout and content. */
.owner-about-prose > #knowledge-that-continues{margin-inline:calc(-1 * var(--qe-pad,24px));padding:clamp(3.5rem,6vw,5.5rem) var(--qe-pad,24px);background:var(--ivory);color:var(--ink);border-top:1px solid var(--line)}
#knowledge-that-continues h2{color:var(--ink)!important;font-size:clamp(2rem,1.5rem + 1.6vw,2.875rem);max-width:20ch}
#knowledge-that-continues p{color:var(--muted);max-width:var(--ab-read)}
#knowledge-that-continues strong{color:var(--teal);font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.15rem}
#knowledge-that-continues .about-closing-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2rem;margin-top:2.5rem;max-width:none;border-top:1px solid var(--line)}
#knowledge-that-continues .about-closing-links a{display:flex;flex-direction:column;gap:.4rem;min-height:44px;padding:1.4rem 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
#knowledge-that-continues .about-closing-links a strong{font-style:normal;font-size:1.5rem;color:var(--ink)}
#knowledge-that-continues .about-closing-links a strong::after{content:" \2192";color:var(--teal)}
#knowledge-that-continues .about-closing-links a span{font-size:var(--qe-util,.9375rem);color:var(--muted)}
#knowledge-that-continues .about-closing-links a:hover strong{text-decoration:underline;text-underline-offset:.2em}
#knowledge-that-continues a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
/* Responsive */
@media (max-width:1050px){.about-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#our-purpose{grid-template-columns:1fr}}
@media (max-width:760px){
  .owner-about-header,.about-mission-grid,.about-work-grid,.owner-about .about-commitments,.about-accountability-grid,.owner-about .about-audiences,#knowledge-that-continues .about-closing-links,.about-values-grid{grid-template-columns:1fr}
  .owner-about-header .about-intro,.owner-about-header h1{grid-column:1}
  .about-mission-grid > div + div{border-left:0;border-top:1px solid rgba(28,103,96,.22)}
  #our-future{padding-inline:1.25rem}
}
@media (prefers-reduced-motion:reduce){.owner-about *{transition:none!important}}
@media print{
  .owner-about{max-width:none;padding:0;font-size:11pt}
  .owner-about-prose > section{padding:1.25rem 0;break-inside:auto}
  .owner-about :is(h2,h3){break-after:avoid-page}
  .about-mission-grid,.about-audiences li,#our-future{background:none}
  .owner-about-prose > #knowledge-that-continues{background:none;color:black;margin:0;padding:1rem 0}
  #knowledge-that-continues :is(h2,p,strong,span,a){color:black!important}
  .owner-about summary::after{display:none}
}