/* Version 09 artwork floats on the continuous About background. */
.info-about{color:var(--platinum-white);background:radial-gradient(ellipse at 85% 15%,#193953 0%,#10283e 52%,#081b2f 100%);padding-top:64px}
.info-about .kicker{color:var(--silver-light)}
.info-about .kicker::after{background:var(--silver-light)}
.info-about h1{font-size:clamp(44px,5.8vw,78px);font-weight:400;max-width:none;line-height:1.15}
.about-overview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:32px 80px;align-items:start}
.about-heading{align-self:center}
.about-art{margin:0;min-width:0;pointer-events:none}
.about-art img{display:block;width:100%;height:auto;object-fit:contain}
.about-constellation{width:100%;max-width:600px;justify-self:center;align-self:center}
.about-facts{display:grid;gap:36px;padding-top:10px;max-width:330px}
.about-fact{padding-bottom:28px;border-bottom:1px solid #b8cad326}
.about-number{display:block;color:var(--silver-light);font-size:clamp(46px,4.7vw,66px);line-height:1.15;letter-spacing:-.04em;font-weight:400}
.about-fact p{font-size:14px;color:#acbecd;margin-top:12px}
.about-narrative{max-width:70ch}
.about-narrative p{font-size:17px;line-height:1.8;color:#b7c7d4;margin-top:24px}
.about-narrative p:first-child{margin-top:0;color:#e0e7ed;font-size:20px;line-height:1.75}
.about-mission{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:80px;margin-top:50px;align-items:center}
.about-focus{width:100%;max-width:470px;justify-self:center}
.about-mission p{font-size:clamp(20px,2vw,26px);line-height:1.6;max-width:52ch}
.mission-copy strong{color:var(--silver-light);font-weight:500}
.about-principles{margin-top:54px;border-top:1px solid #b8cad326;padding-top:38px}
.about-principles>h2{font-size:clamp(20px,1.8vw,24px);line-height:1.6;font-weight:400;color:#e0e7ed;text-align:center;max-width:850px;margin-inline:auto}
.about-principles>h2 span{color:var(--silver-light);font-weight:500}
.principle-grid{display:grid;grid-template-columns:minmax(170px,1fr) minmax(280px,440px) minmax(170px,1fr);grid-template-areas:"partnership art transparency" "discretion art excellence";gap:28px 32px;max-width:1060px;margin:26px auto 0;align-items:center}
.about-balance{grid-area:art;width:100%;align-self:center}
.principle{padding:20px 0;border-top:1px solid #b8cad32e;color:#e0e7ed;min-width:0}
.principle>span{display:block;font-size:12px;letter-spacing:.12em;color:var(--silver-light);margin-bottom:12px}
.principle h3{font-size:clamp(20px,1.75vw,23px)}
.principle:nth-of-type(1){grid-area:partnership;text-align:right;align-self:end}
.principle:nth-of-type(2){grid-area:transparency;align-self:end}
.principle:nth-of-type(3){grid-area:discretion;text-align:right;align-self:start}
.principle:nth-of-type(4){grid-area:excellence;align-self:start}
.office-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:80px;margin-top:42px;align-items:start}
.office-contacts .contact-link{min-height:54px;padding:15px 0;border-bottom:1px solid var(--line);font-size:17px;color:var(--ink)}
.office-contacts .contact-icon{color:var(--accent);width:22px;height:22px;margin-top:3px}
.office-contacts .contact-link:hover>span,.office-contacts .contact-link:focus-visible>span{color:var(--accent)}
.office-map-wrap{min-width:0}
.office-map{display:block;width:100%;height:430px;border:0;background:#e2e8ed}
.map-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 0;font-size:14px;color:var(--accent);text-decoration:none}
.map-link:hover,.map-link:focus-visible{font-weight:700}
.info-page #details{background:#e9eef2}
.info-page #details .tbl{background:#fff}
.info-page #details .activities-heading{font-size:28px}
.info-page #details .acts{background:transparent;gap:14px}
.info-page #details .act{min-height:84px;padding:18px 24px}
.info-page #details .act h3{font-size:17px;line-height:1.55}
.info-page #details .permissions-note{margin-top:28px;padding-top:20px;border-top:1px solid var(--line-light);font-size:14px;line-height:1.75;color:var(--muted)}
.info-page #documents .cta h3{color:#fff}
.info-page #documents .doc span{white-space:normal}
@media(max-width:1059px){
  .about-overview{gap:24px 40px}
  .about-mission,.office-grid{gap:40px}
  .about-facts{gap:26px}
  .principle-grid{grid-template-columns:minmax(145px,1fr) minmax(220px,320px) minmax(145px,1fr);gap:20px}
  .principle h3{font-size:20px}
}
@media(max-width:759px){
  .info-page #details .acts{gap:12px}
  .info-page #details .act{min-height:64px;padding:16px 20px}
  .info-page #details .act h3{font-size:16px}
  .info-about{padding-top:28px}
  .about-overview{grid-template-columns:minmax(0,1fr);gap:28px;max-width:600px;margin-inline:auto}
  .about-constellation{grid-row:1;max-width:480px}
  .about-heading{grid-row:2}
  .about-narrative{grid-row:3}
  .about-narrative p,.about-narrative p:first-child{font-size:17px;line-height:1.75}
  .about-facts{grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:none;padding-top:0}
  .about-number{font-size:46px}
  .about-mission{grid-template-columns:minmax(0,1fr);gap:24px;margin:38px auto 0;max-width:600px}
  .about-focus{max-width:390px}
  .about-mission p{font-size:22px}
  .about-principles{margin-top:44px;padding-top:30px}
  .principle-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"art art" "partnership transparency" "discretion excellence";gap:12px 24px;max-width:540px;margin-top:12px}
  .about-balance{max-width:350px;justify-self:center}
  .principle-grid .principle{text-align:left;align-self:stretch;padding:18px 0}
  .principle h3{font-size:20px}
  .office-grid{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:28px}
  .office-map{height:360px}
  .office-contacts .contact-link{font-size:16px}
}
@media(max-width:379px){
  .principle-grid{column-gap:16px}
  .principle h3{font-size:18px}
}