/* About page: extends styles.css and storybrand.css */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.about-page .hero-visual>img{object-position:center}

.glance{background:var(--navy);color:var(--cream);padding-block:56px}
.glance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:0}
.glance-grid>div{border-left:1px solid color-mix(in srgb,var(--white) 18%,transparent);padding-left:24px}
.glance-grid dt{font-size:12px;line-height:16px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;opacity:.7;margin-bottom:12px}
.glance-grid dd{margin:0;color:var(--on-navy)}
.glance-grid strong{display:block;font:400 72px/1 'DM Serif Display',Georgia,serif;color:var(--cream);margin-bottom:8px}
.glance-grid>div:first-child strong{color:var(--orange)}

.pillars{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.pillar{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:32px}
.pillar .eyebrow{color:var(--orange-text);margin-bottom:12px}
.pillar h3{margin-bottom:16px;max-width:300px}
.pillar>p:last-child{color:var(--muted)}
.pillar-lead{background:var(--navy);border-color:var(--navy);color:var(--cream);border-radius:120px 16px 16px 16px}
.pillar-lead h3{font:400 32px/36px 'DM Serif Display',Georgia,serif}
.pillar-lead>p:last-child{color:var(--on-navy)}
.pillar-lead .step-number{color:color-mix(in srgb,var(--white) 25%,transparent)}

.network .section-heading>p{max-width:460px}
.logo-group h3{font-size:12px;line-height:16px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:16px}
.logo-grid{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.logo-grid-lead{grid-template-columns:repeat(6,1fr)}
.logo-grid li{background:var(--white);border-radius:12px;height:112px;display:flex;align-items:center;justify-content:center;padding:20px}
.logo-grid-lead li{height:136px}
.logo-grid img{max-width:100%;max-height:100%;object-fit:contain}
.logo-columns{display:grid;grid-template-columns:1fr 2fr;gap:24px}
.logo-columns .logo-group:first-child .logo-grid{grid-template-columns:repeat(2,1fr)}

.honesty-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.honesty-col{border-top:2px solid var(--navy);padding-top:24px}
.honesty-col h3{margin-bottom:16px}
.check-list,.cross-list{list-style:none;margin:0;padding:0}
.check-list li,.cross-list li{display:flex;gap:12px;padding-block:12px;border-bottom:1px solid var(--line)}
.check-list li:before{content:'';flex-shrink:0;width:20px;height:20px;background:var(--navy);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.5 2.8 2.8L16.5 9.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.5 2.8 2.8L16.5 9.5'/%3E%3C/svg%3E") center/contain no-repeat}
.cross-list li:before{content:'×';color:var(--muted);font-weight:700}

.about-cta{background:var(--cream);padding-block:96px}
.about-cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:end}
.about-cta-inner>div:last-child p{color:var(--muted);margin-bottom:24px}
.about-cta-inner .button{margin-right:24px}

@media(max-width:960px){
  .pillars{grid-template-columns:1fr}
  .logo-grid-lead{grid-template-columns:repeat(3,1fr)}
  .logo-columns{grid-template-columns:1fr}
  .logo-grid{grid-template-columns:repeat(3,1fr)}
  .about-cta-inner{grid-template-columns:1fr;gap:32px}
}
@media(max-width:760px){
  .glance-grid{grid-template-columns:1fr;gap:24px}
  .glance-grid strong{font-size:56px}
  .logo-grid,.logo-grid-lead{grid-template-columns:repeat(2,1fr)}
  .logo-grid li,.logo-grid-lead li{height:96px;padding:16px}
  .honesty-grid{grid-template-columns:1fr}
  .pillar{padding:24px}
  .pillar-lead{border-radius:72px 16px 16px 16px}
  .about-cta{padding-block:64px}
  .about-cta-inner .button{margin:0 0 16px;width:100%}
}