:root{--navy:#0c1229;--blue:#2d4cb4;--cyan:#49bde2;--text:#253047;--muted:#5d687b;--light:#f4f7fb;--white:#fff;--border:#dce3ee}
.about-page{background:#fff;color:var(--text);font-family:Montserrat,Arial,sans-serif;line-height:1.7}
.about-page *{box-sizing:border-box}
.about-container{width:min(1180px,calc(100% - 40px));margin:auto}
.about-hero{display:flex;align-items:center;min-height:490px;padding:92px 0;background-color:#0c1229;background-image:
linear-gradient(90deg,rgba(12, 18, 41, .94),rgba(12, 18, 41, .82) 45%,rgba(45, 76, 180, .70)),url('/wp-content/uploads/2022/11/about-hero.webp');
    background-position: center center;background-repeat: no-repeat;background-size: center;color: #fff;}
.eyebrow,
.kicker{margin:0 0 14px;color:var(--blue);font-size:.79rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:#86daf3}
.about-page h1,.about-page h2,.about-page h3{font-family:'Playfair Display',Georgia,serif;font-weight:700}
.about-page h1{max-width:800px;margin:0;color:#fff;font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.02}
.hero-lead{max-width:760px;margin:25px 0 0;color:#edf3ff;font-size:clamp(1.05rem,2vw,1.3rem)}
.about-nav{border-bottom:1px solid var(--border);box-shadow:0 8px 24px rgba(12,18,41,.06)}
.nav-links{display:flex;justify-content:center;gap:8px;padding:12px 0}
.about-tab {appearance: none;padding: 12px 18px;border: 0;border-radius: 6px;background: transparent;color: var(--text);font: inherit;font-size: .92rem;font-weight: 700;line-height: 1.5;
    white-space: nowrap;cursor: pointer;transition:background-color .2s ease,color .2s ease;}
.about-tab:hover,
.about-tab:focus-visible {background: #f2f5fd;color: var(--blue);}
.about-tab.is-active {background: #edf2ff;color: var(--blue);}
.about-tab:focus-visible {outline: 3px solid rgba(45, 76, 180, .28);outline-offset: 2px;}
.section{padding:92px 0}.story-grid,.capabilities{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.about-page h2{margin:0 0 24px;color:var(--navy);font-size:clamp(2.15rem,4vw,3.7rem);line-height:1.12}
.about-page h3{margin:0 0 12px;color:var(--navy);font-size:1.4rem;line-height:1.25}
.about-page p{margin:0 0 20px}
.story-grid p:not(.kicker),.section-heading>p:last-child,.capabilities>div:last-child p{color:var(--muted);font-size:1.05rem}
.story-image {position: relative;width: 115%;margin: 0 0 0 -5%;}
.story-image:before {content: "";position: absolute;right: -22px;bottom: -22px;z-index: -1;width: 58%;height: 58%;border-radius: 18px;background: linear-gradient(135deg,var(--blue),var(--cyan));}
.story-image img {display: block;width: 100%;height: 299px;object-fit: cover;object-position: center center;border-radius: 18px;box-shadow: 0 18px 45px rgba(12, 18, 41, .12);}
.benefits-section{background:var(--light)}
.section-heading{max-width:760px;margin-bottom:42px}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.benefits article{min-height:275px;padding:30px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(12,18,41,.06)}
.benefits p{color:var(--muted);font-size:.95rem}
.capabilities{grid-template-columns:.9fr 1.1fr}
.text-link{display:inline-flex;gap:10px;color:var(--blue);font-weight:800;text-decoration:none}
.text-link:hover,.text-link:focus-visible{text-decoration:underline}
.about-cta{padding:82px 0;background:linear-gradient(135deg,var(--navy),#182557 58%,var(--blue));color:#fff}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.about-cta h2{color:#fff}
.about-cta p:not(.eyebrow){max-width:730px;margin:0;color:#dce5ff}
.button{flex:0 0 auto;padding:14px 23px;border:2px solid #fff;border-radius:7px;background:#fff;color:var(--blue);font-weight:800;text-align:center;text-decoration:none}
.button:hover,
.button:focus-visible{background:transparent;color:#fff}
.mission-intro {max-width: 820px;margin-bottom: 48px;}
.mission-intro > p:last-child {color: var(--muted);font-size: 1.08rem;}
.mission-focus-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.mission-focus-card {position: relative;padding: 34px 30px;border: 1px solid var(--border);border-top: 4px solid var(--blue);border-radius: 14px;background: #fff;box-shadow: 0 10px 30px rgba(12, 18, 41, .06);}
.mission-focus-label {margin: 0 0 18px;color: var(--blue);font-size: .78rem;font-weight: 800;letter-spacing: .14em;text-transform: uppercase;}
.mission-focus-card h3 {margin-bottom: 18px;}
.mission-focus-card > p:not(.mission-focus-label) {color: var(--muted);}
.mission-focus-card > p:last-child {margin-bottom: 0;}
.mission-values-link {display: flex;align-items: center;justify-content: space-between;gap: 40px;margin-top: 42px;padding: 30px 34px;border-radius: 14px;background: var(--navy);color: #fff;}
.mission-values-link .kicker {color: #86daf3;}
.mission-values-link h3 {margin: 0;color: #fff;}
.mission-values-button {flex: 0 0 auto;padding: 13px 20px;border: 2px solid #fff;border-radius: 7px;background: #fff;color: var(--blue);font: inherit;font-weight: 800;cursor: pointer;transition:background-color .2s ease,color .2s ease;}
.mission-values-button:hover,
.mission-values-button:focus-visible {background: transparent;color: #fff;}
.mission-values-button:focus-visible {outline: 3px solid rgba(134, 218, 243, .55);outline-offset: 3px;}
.values-intro {max-width: 850px;margin-bottom: 48px;}
.values-intro > p:last-child {color: var(--muted);font-size: 1.08rem;}
.values-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 24px;align-items: stretch;}
.value-card {grid-column: span 2;padding: 34px 30px;border: 1px solid var(--border);border-top: 4px solid var(--blue);border-radius: 14px;background: #fff;box-shadow: 0 10px 30px rgba(12, 18, 41, .06);}
.value-card:nth-child(4) {grid-column: 2 / span 2;}
.value-card:nth-child(5) {grid-column: 4 / span 2;}
.value-card__label {margin: 0 0 18px;color: var(--blue);font-size: .78rem;font-weight: 800;letter-spacing: .14em;text-transform: uppercase;}
.value-card h3 {margin-bottom: 18px;}
.value-card > p:not(.value-card__label) {margin-bottom: 0;color: var(--muted);}
.values-commitment {display: grid;grid-template-columns: .9fr 1.1fr;gap: 60px;align-items: start;margin-top: 48px;padding: 42px;border-radius: 14px;background: var(--light);}
.values-commitment__heading h3 {margin-bottom: 0;}
.values-commitment__content p {color: var(--muted);}
.values-commitment__content p:last-child {margin-bottom: 0;}
.values-mission-link {display: flex;align-items: center;justify-content: space-between;gap: 40px;margin-top: 42px;padding: 30px 34px;border-radius: 14px;background: var(--navy);color: #fff;}
.values-mission-link .kicker {color: #86daf3;}
.values-mission-link h3 {margin: 0;color: #fff;}
.values-mission-button {flex: 0 0 auto;padding: 13px 20px;border: 2px solid #fff;border-radius: 7px;background: #fff;color: var(--blue);font: inherit;font-weight: 800;cursor: pointer;transition:background-color .2s ease,color .2s ease;}
.values-mission-button:hover,
.values-mission-button:focus-visible {background: transparent;color: #fff;}
.values-mission-button:focus-visible {outline: 3px solid rgba(134, 218, 243, .55);outline-offset: 3px;}
.management-intro {max-width: 850px;margin-bottom: 48px;}
.management-intro > p:last-child {color: var(--muted);font-size: 1.08rem;}
.management-card {overflow: hidden;border: 1px solid var(--border);border-radius: 14px;background: #fff;box-shadow: 0 10px 30px rgba(12, 18, 41, .08);}
.management-card__summary {min-height: 126px;padding: 25px 26px 20px;text-align: center;}
.management-card__summary h3 {margin-bottom: 7px;}
.management-card__summary p {margin: 0;color: var(--blue);font-size:.86rem;font-weight:800;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;}
.management-bio {border-top: 1px solid var(--border);}
.management-bio summary {position: relative;padding: 16px 48px 16px 24px;color: var(--blue);font-weight: 800;cursor: pointer;list-style: none;}
.management-bio summary::-webkit-details-marker {display: none;}
.management-bio summary::after {content: "+";position: absolute;top: 50%;right: 24px;font-size: 1.4rem;line-height: 1;transform: translateY(-50%);}
.management-bio[open] summary::after {content: "−";}
.management-bio summary:hover,.management-bio summary:focus-visible {background: #edf2ff;}
.management-bio summary:focus-visible {outline: 3px solid rgba(45, 76, 180, .28);outline-offset: -3px;}
.management-bio__content {padding: 4px 24px 24px;}
.management-bio__content p {color: var(--muted);font-size: .94rem;}
.management-bio__content p:last-child {margin-bottom: 0;}
.management-values-link {display: flex;align-items: center;justify-content: space-between;gap: 40px;margin-top: 48px;padding: 30px 34px;border-radius: 14px;background: var(--navy);color: #fff;}
.management-values-link .kicker {color: #86daf3;}
.management-values-link h3 {margin: 0;color: #fff;}
.management-values-button {flex: 0 0 auto;padding: 13px 20px;border: 2px solid #fff;border-radius: 7px;background: #fff;color: var(--blue);font: inherit;font-weight: 800;cursor: pointer;transition:background-color .2s ease,color .2s ease;}
.management-values-button:hover,.management-values-button:focus-visible {background: transparent;color: #fff;}
.management-values-button:focus-visible {outline: 3px solid rgba(134, 218, 243, .55);outline-offset: 3px;}
.management-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 28px;align-items: start;}
.management-card > img {display: block;width: 100%;height: 330px;object-fit: cover;object-position: center top;}
@media (max-width: 980px) {
.story-grid,
.capabilities {grid-template-columns: 1fr;gap: 42px;}
.story-image {width: 100%;margin: 0;}
.story-image img {height: auto;object-fit: contain;}
.benefits {grid-template-columns: repeat(2, 1fr);}
.cta-inner {align-items: flex-start;flex-direction: column;}
.nav-links {justify-content: flex-start;overflow-x: auto;scrollbar-width: thin;}
.about-tab {flex: 0 0 auto;white-space: nowrap;}
.mission-focus-grid {grid-template-columns: 1fr;}
.mission-values-link,
.values-mission-link,
.management-values-link {align-items: flex-start;flex-direction: column;}
.values-grid {grid-template-columns: repeat(2, 1fr);}
.value-card,
.value-card:nth-child(4),
.value-card:nth-child(5) {grid-column: auto;}
.value-card:last-child {grid-column: 1 / -1;}
.values-commitment {grid-template-columns: 1fr;gap: 24px;}
.management-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px) {
.about-container {width: calc(100% - 28px);}
.about-hero {min-height: 390px;padding: 70px 0;background-position: 58% center;background-size: cover;}
.section {padding: 66px 0;}
.benefits,
.values-grid,
.management-grid {grid-template-columns: 1fr;}
.benefits article {min-height: 0;}
.story-image:before {right: -10px;bottom: -10px;}
.about-cta {padding: 64px 0;}
.button,
.mission-values-button,
.values-mission-button,
.management-values-button {width: 100%;}
.mission-focus-card,
.value-card,
.value-card:last-child {grid-column: auto;padding: 28px 24px;}
.mission-values-link,
.values-mission-link,
.management-values-link,
.values-commitment {padding: 28px 24px;}
.management-card > img {height: auto;}
.management-card__summary {min-height: 0;}
}
