.about-page{
  --about-navy:#071b3a;
  --about-navy-soft:#173653;
  --about-gold:#c9952e;
  --about-gold-dark:#8a6216;
  --about-paper:#fff;
  --about-warm:#f6f4ef;
  --about-mist:#edf3f2;
  --about-ink:#11223b;
  --about-muted:#5b6878;
  --about-line:rgba(17,34,59,.14);
  --about-shell:min(calc(100% - (var(--shell-gutter,clamp(20px,4vw,72px))*2)),var(--shell-max,1504px));
  --about-reading:min(calc(100% - (var(--shell-gutter,clamp(20px,4vw,72px))*2)),1240px);
  position:relative;
  overflow:clip;
  background:var(--about-warm);
  color:var(--about-ink)
}
.about-page,.about-page *,.about-page *::before,.about-page *::after{box-sizing:border-box}
.about-page *{min-width:0}
.about-page a:focus-visible{outline:3px solid rgba(201,149,46,.5);outline-offset:3px}
.about-document{position:relative}
.about-eyebrow{
  margin:0;
  color:var(--about-gold-dark);
  font-size:.7rem;
  font-weight:850;
  letter-spacing:0;
  line-height:1.3;
  text-transform:uppercase
}

/* Single-piece institutional hero */
.about-hero{
  position:relative;
  width:var(--about-shell);
  min-height:clamp(500px,38vw,570px);
  margin:10px auto 0;
  overflow:hidden;
  border:1px solid rgba(17,34,59,.16);
  border-radius:14px;
  background:#f0eee8;
  box-shadow:0 20px 52px rgba(17,34,59,.1)
}
.about-hero__picture{
  position:absolute;
  inset:0;
  display:block
}
.about-hero__picture img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center
}
.about-hero__inner{
  position:relative;
  z-index:1;
  min-height:inherit;
  padding:clamp(30px,3.8vw,58px) clamp(28px,4.8vw,72px);
  display:flex;
  flex-direction:column
}
.about-breadcrumb{width:min(42%,610px)}
.about-breadcrumb ol{
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:9px;
  list-style:none;
  color:#586677;
  font-size:.72rem;
  font-weight:720
}
.about-breadcrumb li+li::before{
  margin-right:9px;
  content:"/";
  color:var(--about-gold-dark)
}
.about-breadcrumb a{
  min-height:44px;
  display:inline-flex;
  align-items:center
}
.about-breadcrumb a:hover{color:var(--about-navy)}
.about-hero__copy{
  width:min(43%,620px);
  margin:auto 0;
  padding:34px 0 10px
}
.about-hero h1{
  max-width:11ch;
  margin:15px 0 0;
  color:var(--about-navy);
  font-family:var(--tkm-font-primary,"Gilroy","Segoe UI",Arial,sans-serif);
  font-size:clamp(3rem,4.5vw,4.35rem);
  font-weight:900;
  letter-spacing:0;
  line-height:1.01;
  overflow-wrap:normal;
  text-wrap:balance
}
.about-hero__summary{
  max-width:47ch;
  margin:22px 0 0;
  color:#3f4d5e;
  font-size:clamp(1rem,1.15vw,1.12rem);
  font-weight:550;
  line-height:1.65
}
.about-hero__actions{
  margin-top:28px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap
}
.about-button{
  min-height:46px;
  padding:11px 17px;
  border:1px solid transparent;
  border-radius:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:.77rem;
  font-weight:820;
  letter-spacing:0;
  line-height:1.3;
  text-align:center;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease
}
.about-button:hover{transform:translateY(-1px)}
.about-button--primary{border-color:var(--about-navy);background:var(--about-navy);color:#fff}
.about-button--primary:hover{background:var(--about-navy-soft)}
.about-button--text{
  padding-inline:8px;
  color:var(--about-navy);
  background:transparent
}
.about-button--text:hover{color:var(--about-gold-dark)}
.about-button--text span{font-size:1rem}
.about-hero__pillars{
  max-width:570px;
  margin:30px 0 0;
  padding:18px 0 0;
  border-top:1px solid rgba(17,34,59,.18);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.about-hero__pillars>div{
  padding:0 14px;
  border-left:1px solid rgba(17,34,59,.15)
}
.about-hero__pillars>div:first-child{padding-left:0;border-left:0}
.about-hero__pillars dt{
  color:var(--about-navy);
  font-size:.72rem;
  font-weight:850
}
.about-hero__pillars dd{
  margin:3px 0 0;
  color:#697585;
  font-size:.66rem;
  line-height:1.35
}

/* Opening institutional statement */
.about-opening{
  width:var(--about-reading);
  margin-inline:auto;
  padding:clamp(76px,8vw,118px) 0;
  border-bottom:1px solid var(--about-line);
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
  gap:clamp(44px,7vw,104px);
  align-items:start
}
.about-opening__label>span{
  color:var(--about-gold-dark);
  font-size:.67rem;
  font-weight:850;
  text-transform:uppercase
}
.about-opening__label h2{
  max-width:12ch;
  margin:20px 0 0;
  color:var(--about-navy);
  font-size:clamp(1.65rem,2.2vw,2.2rem);
  font-weight:850;
  letter-spacing:0;
  line-height:1.12;
  text-wrap:balance
}
.about-opening__copy{max-width:760px}
.about-opening__copy p{
  max-width:70ch;
  margin:0 0 18px;
  color:var(--about-muted);
  font-size:1rem;
  line-height:1.78
}
.about-opening__copy p:last-child{margin-bottom:0}
.about-opening__copy .about-opening__statement{
  max-width:38ch;
  margin-bottom:28px;
  color:var(--about-ink);
  font-family:var(--tkm-display,"TKM Editorial",Georgia,serif);
  font-size:clamp(1.55rem,2.35vw,2.3rem);
  font-weight:650;
  letter-spacing:0;
  line-height:1.2
}

/* Compact chapter navigation */
.about-chapter-nav{
  border-bottom:1px solid var(--about-line);
  background:var(--about-paper)
}
.about-chapter-nav>div{
  width:var(--about-reading);
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr))
}
.about-chapter-nav a{
  min-height:70px;
  padding:14px 18px;
  border-left:1px solid var(--about-line);
  display:flex;
  align-items:center;
  gap:10px;
  color:#425168;
  font-size:.72rem;
  font-weight:760;
  line-height:1.3
}
.about-chapter-nav a:last-child{border-right:1px solid var(--about-line)}
.about-chapter-nav a span{
  color:var(--about-gold-dark);
  font-size:.62rem;
  font-weight:850
}
.about-chapter-nav a:hover{color:var(--about-navy);background:#fbfaf7}

/* Long-form chapters */
.about-chapter{
  width:var(--about-reading);
  margin-inline:auto;
  padding:clamp(76px,8vw,116px) 0;
  border-bottom:1px solid var(--about-line);
  scroll-margin-top:110px
}
.about-chapter__header{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:clamp(28px,4vw,62px);
  align-items:start
}
.about-chapter__number{
  color:var(--about-gold-dark);
  font-size:.72rem;
  font-weight:850
}
.about-chapter__header h2{
  max-width:22ch;
  margin:15px 0 0;
  color:var(--about-navy);
  font-family:var(--tkm-display,"TKM Editorial",Georgia,serif);
  font-size:clamp(2.25rem,3.4vw,3.35rem);
  font-weight:650;
  letter-spacing:0;
  line-height:1.04;
  text-wrap:balance
}
.about-chapter__header>div>p:last-child{
  max-width:65ch;
  margin:22px 0 0;
  color:var(--about-muted);
  font-size:1rem;
  line-height:1.72
}
.about-chapter__disclosure>summary{display:none}
.about-chapter__disclosure:not([open])>.about-chapter__body{display:grid}
.about-chapter__body{
  margin:clamp(48px,6vw,78px) 0 0 150px;
  padding-left:clamp(28px,4vw,62px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(36px,5vw,70px);
  align-items:start
}
.about-section{
  padding:30px 0;
  border-top:1px solid var(--about-line);
  scroll-margin-top:116px
}
.about-section h3{
  max-width:24ch;
  margin:0 0 20px;
  color:var(--about-navy);
  font-size:clamp(1.18rem,1.55vw,1.4rem);
  font-weight:850;
  letter-spacing:0;
  line-height:1.2
}
.about-section>p{
  max-width:72ch;
  margin:0 0 16px;
  color:var(--about-muted);
  font-size:.96rem;
  line-height:1.76
}
.about-section>p:last-child{margin-bottom:0}
.about-chapter--purpose .about-section:nth-child(3),
.about-chapter--direction .about-section:first-child,
.about-chapter--commitment .about-section:first-child{
  grid-column:1/-1
}
.about-chapter--purpose .about-section:nth-child(3){
  margin-top:12px;
  padding:38px clamp(24px,4vw,48px);
  border-top:0;
  border-left:3px solid var(--about-gold);
  background:var(--about-mist)
}
.about-chapter--purpose .about-section:nth-child(3)>p{max-width:95ch}
.about-chapter--direction .about-section:first-child{
  margin-bottom:18px;
  padding:clamp(34px,4.5vw,54px);
  border-top:0;
  background:var(--about-navy);
  color:#fff
}
.about-chapter--direction .about-section:first-child h3{color:#f0cf82}
.about-chapter--direction .about-section:first-child>p{
  max-width:92ch;
  color:#e7edf3;
  font-family:var(--tkm-display,"TKM Editorial",Georgia,serif);
  font-size:clamp(1.25rem,1.8vw,1.65rem);
  line-height:1.45
}
.about-chapter--model .about-section:nth-child(odd),
.about-chapter--principles .about-section:nth-child(odd){
  padding-right:clamp(12px,2vw,24px);
  border-right:1px solid var(--about-line)
}
.about-chapter--model .about-section:nth-child(even),
.about-chapter--principles .about-section:nth-child(even){
  padding-left:clamp(2px,1vw,12px)
}
.about-chapter--commitment .about-section:nth-child(2){padding-right:clamp(12px,2vw,24px)}
.about-chapter--commitment .about-section:nth-child(3){
  padding-left:clamp(2px,1vw,12px);
  border-left:1px solid var(--about-line)
}
.about-roadmap{
  margin:28px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(30px,5vw,72px);
  list-style:none
}
.about-roadmap li{
  min-height:70px;
  padding:15px 0;
  border-top:1px solid rgba(17,34,59,.16);
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:12px;
  align-items:start
}
.about-roadmap li>span{
  padding-top:2px;
  color:var(--about-gold-dark);
  font-size:.64rem;
  font-weight:850
}
.about-roadmap li>p{
  margin:0;
  color:#34465c;
  font-size:.88rem;
  font-weight:680;
  line-height:1.5
}
.about-section__quote{
  margin:28px 0 0;
  padding:24px 0 24px 24px;
  border:0;
  border-left:3px solid var(--about-gold)
}
.about-section__quote p{
  margin:0 0 12px;
  color:var(--about-navy);
  font-family:var(--tkm-display,"TKM Editorial",Georgia,serif);
  font-size:1.45rem;
  line-height:1.35
}
.about-section__lead{
  max-width:30ch!important;
  margin-top:28px!important;
  padding-top:26px;
  border-top:3px solid var(--about-gold);
  color:var(--about-navy)!important;
  font-family:var(--tkm-display,"TKM Editorial",Georgia,serif);
  font-size:clamp(1.5rem,2.2vw,2rem)!important;
  font-weight:650;
  letter-spacing:0;
  line-height:1.25!important
}

/* Closing invitation */
.about-final{
  width:100%;
  background:var(--about-navy);
  color:#fff
}
.about-final__inner{
  width:var(--about-reading);
  min-height:310px;
  margin-inline:auto;
  padding:clamp(62px,7vw,96px) 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(40px,7vw,100px);
  align-items:center
}
.about-final .about-eyebrow{color:#f0cf82}
.about-final h2{
  max-width:22ch;
  margin:16px 0 0;
  color:#fff;
  font-family:var(--tkm-display,"TKM Editorial",Georgia,serif);
  font-size:clamp(2.2rem,3.5vw,3.45rem);
  font-weight:650;
  letter-spacing:0;
  line-height:1.04;
  text-wrap:balance
}
.about-final__inner>div:first-child>p:last-child{
  max-width:68ch;
  margin:22px 0 0;
  color:#cbd6e1;
  font-size:.95rem;
  line-height:1.72
}
.about-final__actions{
  width:min(100%,270px);
  display:grid;
  gap:10px
}
.about-button--gold{border-color:var(--about-gold);background:var(--about-gold);color:#111d2f}
.about-button--gold:hover{background:#dfb752}
.about-button--light{border-color:rgba(255,255,255,.34);background:transparent;color:#fff}
.about-button--light:hover{border-color:#fff;background:#fff;color:var(--about-navy)}

/* Page-owned type hierarchy overrides the global compact scale deliberately. */
.about-page .about-document .about-hero h1{
  max-width:min(100%,470px)!important;
  font-size:clamp(2.6rem,3.35vw,3.35rem)!important;
  line-height:1.03!important;
  overflow-wrap:normal!important;
  hyphens:none!important
}
.about-page .about-document .about-hero__summary{
  font-size:clamp(.96rem,1.08vw,1.06rem)!important;
  line-height:1.62!important
}
.about-page .about-document .about-opening__label h2{
  font-size:clamp(1.65rem,2.05vw,2rem)!important;
  line-height:1.13!important
}
.about-page .about-document .about-opening__copy p{
  font-size:.98rem!important;
  line-height:1.76!important
}
.about-page .about-document .about-opening__copy .about-opening__statement{
  font-size:clamp(1.55rem,2vw,1.95rem)!important;
  line-height:1.22!important
}
.about-page .about-document .about-chapter__header h2{
  font-size:clamp(2.15rem,2.75vw,2.75rem)!important;
  line-height:1.06!important
}
.about-page .about-document .about-chapter__header>div>p:last-child{
  font-size:.98rem!important;
  line-height:1.7!important
}
.about-page .about-document .about-section h3{
  font-size:clamp(1.16rem,1.35vw,1.32rem)!important;
  line-height:1.2!important
}
.about-page .about-document .about-section>p{
  font-size:.95rem!important;
  line-height:1.74!important
}
.about-page .about-document .about-chapter--direction .about-section:first-child>p{
  font-size:clamp(1.18rem,1.55vw,1.5rem)!important;
  line-height:1.46!important
}
.about-page .about-document .about-section__lead{
  font-size:clamp(1.42rem,1.85vw,1.8rem)!important;
  line-height:1.27!important
}
.about-page .about-document .about-final h2{
  font-size:clamp(2.15rem,2.85vw,2.85rem)!important;
  line-height:1.06!important
}
.about-page .about-document .about-final__inner>div:first-child>p:last-child{
  font-size:.95rem!important;
  line-height:1.7!important
}

@media(max-width:1100px){
  .about-hero{min-height:500px}
  .about-hero__inner{padding-inline:34px}
  .about-hero__copy{width:47%}
  .about-chapter__header{grid-template-columns:100px minmax(0,1fr)}
  .about-chapter__body{margin-left:100px;padding-left:40px}
}

@media(max-width:880px){
  .about-hero__copy{width:49%}
  .about-hero__summary{font-size:.94rem}
  .about-hero__pillars{grid-template-columns:1fr}
  .about-hero__pillars>div{padding:8px 0;border:0}
  .about-opening{grid-template-columns:1fr;gap:36px}
  .about-opening__label h2{max-width:18ch}
  .about-chapter__header{grid-template-columns:70px minmax(0,1fr)}
  .about-chapter__body{margin-left:70px;padding-left:28px}
  .about-final__inner{grid-template-columns:1fr}
  .about-final__actions{width:min(100%,440px);grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
  .about-page{--about-shell:calc(100% - 32px);--about-reading:calc(100% - 36px)}
  .about-hero{
    min-height:0;
    display:flex;
    flex-direction:column;
    border-radius:10px
  }
  .about-hero__picture{
    position:relative;
    inset:auto;
    width:100%;
    height:clamp(220px,62vw,300px);
    order:0
  }
  .about-hero__picture img{object-position:center 42%}
  .about-hero__inner{
    min-height:0;
    padding:19px 20px 28px;
    order:1;
    background:var(--about-paper)
  }
  .about-breadcrumb,.about-hero__copy{width:100%}
  .about-hero__copy{margin:0;padding:24px 0 0}
  .about-page .about-document .about-hero h1{
    max-width:12ch!important;
    margin-top:12px;
    font-size:clamp(2.15rem,9.5vw,2.55rem)!important;
    line-height:1.04!important
  }
  .about-hero__summary{max-width:45ch;margin-top:17px;font-size:.96rem;line-height:1.62}
  .about-hero__actions{margin-top:23px;display:grid;grid-template-columns:1fr}
  .about-button{width:100%}
  .about-button--text{min-height:44px;border-color:var(--about-line)}
  .about-hero__pillars{
    margin-top:24px;
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .about-hero__pillars>div{
    padding:0 10px;
    border-left:1px solid rgba(17,34,59,.15)
  }
  .about-hero__pillars>div:first-child{padding-left:0;border-left:0}
  .about-hero__pillars dt{font-size:.67rem}
  .about-hero__pillars dd{font-size:.59rem}
  .about-opening{padding:64px 0}
  .about-page .about-document .about-opening__label h2{font-size:1.6rem!important}
  .about-page .about-document .about-opening__copy .about-opening__statement{font-size:1.48rem!important}
  .about-opening__copy p{font-size:.96rem;line-height:1.72}
  .about-chapter-nav{overflow-x:auto;scrollbar-width:thin}
  .about-chapter-nav>div{width:max-content;min-width:100%;grid-template-columns:repeat(5,170px)}
  .about-chapter-nav a{min-height:62px;padding:12px 14px}
  .about-chapter{
    padding:66px 0;
    scroll-margin-top:86px
  }
  .about-chapter__header{grid-template-columns:1fr;gap:12px}
  .about-chapter__number{font-size:.65rem}
  .about-page .about-document .about-chapter__header h2{font-size:clamp(1.82rem,8vw,2.1rem)!important;line-height:1.08!important}
  .about-chapter__header>div>p:last-child{margin-top:18px;font-size:.95rem}
  .about-chapter__disclosure{margin-top:24px}
  .about-chapter__disclosure>summary{
    min-height:48px;
    padding:10px 14px;
    border:1px solid var(--about-line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    color:var(--about-navy);
    background:#fff;
    cursor:pointer;
    list-style:none;
    font-size:.76rem;
    font-weight:850
  }
  .about-chapter__disclosure>summary::-webkit-details-marker{display:none}
  .about-chapter__disclosure>summary i{color:var(--about-gold-dark);transition:transform .16s ease}
  .about-chapter__disclosure[open]>summary i{transform:rotate(180deg)}
  .about-chapter__disclosure:not([open])>.about-chapter__body{display:none}
  .about-chapter__body{
    margin:18px 0 0;
    padding:0;
    grid-template-columns:1fr
  }
  .about-section,
  .about-chapter--purpose .about-section:nth-child(3),
  .about-chapter--direction .about-section:first-child,
  .about-chapter--commitment .about-section:first-child{
    grid-column:auto
  }
  .about-section{padding:26px 0}
  .about-page .about-document .about-section h3{font-size:1.16rem!important}
  .about-section>p{font-size:.94rem;line-height:1.72}
  .about-chapter--purpose .about-section:nth-child(3){
    margin-top:8px;
    padding:28px 20px
  }
  .about-chapter--direction .about-section:first-child{
    margin-bottom:8px;
    padding:30px 22px
  }
  .about-chapter--direction .about-section:first-child>p{font-size:1.2rem}
  .about-chapter--model .about-section:nth-child(odd),
  .about-chapter--principles .about-section:nth-child(odd),
  .about-chapter--model .about-section:nth-child(even),
  .about-chapter--principles .about-section:nth-child(even),
  .about-chapter--commitment .about-section:nth-child(2),
  .about-chapter--commitment .about-section:nth-child(3){
    padding-right:0;
    padding-left:0;
    border-right:0;
    border-left:0
  }
  .about-roadmap{grid-template-columns:1fr;margin-top:22px}
  .about-final__inner{padding:58px 0}
  .about-page .about-document .about-final h2{font-size:2rem!important}
  .about-final__actions{grid-template-columns:1fr}
}

@media(max-width:420px){
  .about-page{--about-shell:calc(100% - 20px);--about-reading:calc(100% - 28px)}
  .about-hero__inner{padding-inline:17px}
  .about-page .about-document .about-hero h1{font-size:2.08rem!important}
  .about-hero__pillars>div{padding-inline:7px}
  .about-hero__pillars dd{font-size:.56rem}
  .about-page .about-document .about-chapter__header h2{font-size:1.78rem!important}
  .about-page .about-document .about-final h2{font-size:1.84rem!important}
}

@media(prefers-reduced-motion:reduce){
  .about-page *{scroll-behavior:auto!important;transition:none!important}
}

@media print{
  .about-page{background:#fff}
  .about-hero,.about-opening,.about-chapter,.about-final__inner{width:100%}
  .about-hero{min-height:0;border:0;border-radius:0;box-shadow:none}
  .about-hero__picture,.about-breadcrumb,.about-hero__actions,.about-chapter-nav,.about-final__actions{display:none}
  .about-hero__inner{min-height:0;padding:30px}
  .about-hero__copy{width:100%;padding:0}
  .about-opening,.about-chapter{padding:38px 30px}
  .about-chapter__disclosure>summary{display:none}
  .about-chapter__disclosure:not([open])>.about-chapter__body{display:grid}
  .about-chapter__body{margin:28px 0 0;padding:0}
  .about-final{background:#fff;color:#111;border-top:1px solid #aaa}
  .about-final h2,.about-final .about-eyebrow,.about-final__inner>div:first-child>p:last-child{color:#111}
}