.about-page{background:#f2ebe2;color:#172338}
.about-container{width:min(100% - 3rem,1180px);margin-inline:auto}
.about-hero{background:linear-gradient(125deg,#071f55 0%,#102b65 65%,#223c74 100%);color:#fff;overflow:hidden}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.7fr);gap:clamp(2rem,5vw,5rem);align-items:end}
.about-hero-copy{padding:clamp(2.5rem,6vw,5rem) 0}
.about-hero .breadcrumbs{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:2.5rem;font-size:.95rem}
.about-hero .breadcrumbs a{color:#fff}
.about-eyebrow,.about-section-label{font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.about-eyebrow{color:#f3d9ae;margin:0 0 1rem}
.about-hero h1{color:#fff;font-size:clamp(2.8rem,6vw,5rem);line-height:1.05;margin:0 0 1.3rem}
.about-lead{font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.65;max-width:45rem;margin:0}
.about-hero-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;margin-top:2rem}
.about-button{display:inline-block;border-radius:6px;padding:.85rem 1.2rem;font-weight:700;text-decoration:none}
.about-button-light{background:#fff;color:#071f55}
.about-button-light:hover,.about-button-light:focus-visible{background:#f3d9ae;color:#071f55}
.about-text-link{color:#fff;font-weight:700;text-underline-offset:.2rem}
.about-hero-image{display:block;width:100%;height:min(35rem,48vw);min-height:24rem;object-fit:cover;object-position:center top;border-radius:12px 12px 0 0;box-shadow:0 15px 35px rgba(0,0,0,.18)}
.about-intro,.about-management{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.5fr);gap:2rem 5rem;padding-block:clamp(3rem,6vw,5rem)}
.about-section-label{color:#8c2332;margin:0 0 .75rem}
.about-intro h2,.about-management h2,.about-section-head h2{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.2;margin:0}
.about-intro p:not(.about-section-label),.about-management p:not(.about-section-label){font-size:1.08rem;line-height:1.7;margin:0 0 1rem}
.about-management p:last-child,.about-intro p:last-child{margin-bottom:0}
.about-projects{background:#f8fbff;padding:clamp(3rem,6vw,5rem) 0}
.about-section-head{max-width:47rem;margin-bottom:2rem}
.about-section-head>p:last-child{font-size:1.08rem;line-height:1.6;margin:.8rem 0 0}
.about-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.about-project-card{background:#fff;border:1px solid #dce2e9;border-radius:10px;padding:clamp(1.25rem,2.4vw,1.75rem);box-shadow:0 3px 12px rgba(17,33,55,.05);min-width:0}
.about-card-number{display:block;color:#8c2332;font-size:.8rem;font-weight:800;letter-spacing:.08em;margin-bottom:1.35rem}
.about-project-card h3{font-size:1.24rem;line-height:1.25;margin:0 0 .7rem}
.about-project-card h3 a{color:#132c5e;text-decoration:none}
.about-project-card h3 a:hover,.about-project-card h3 a:focus-visible{text-decoration:underline;text-underline-offset:.2rem}
.about-project-card h3 a span{font-size:.9em}
.about-project-card p{line-height:1.6;margin:0}
.about-management{border-top:1px solid #d7cbc0}
.about-management a{color:#005fa7;font-weight:700;text-underline-offset:.2rem}
.about-page :is(a,button,select,input):focus-visible{outline:3px solid #0068b7;outline-offset:3px}
@media(min-width:901px){.about-page .footer-bottom--inline nav{margin-right:8.5rem}}
@media(max-width:900px){.about-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr)}}
@media(max-width:700px){.about-hero-grid,.about-intro,.about-management{grid-template-columns:1fr}.about-hero-copy{padding-bottom:1rem}.about-hero-image{width:min(100%,23rem);height:19rem;min-height:0;justify-self:center}.about-intro,.about-management{gap:1rem}}
@media(max-width:560px){.about-container{width:min(100% - 2rem,1180px)}.about-project-grid{grid-template-columns:1fr}.about-hero .breadcrumbs{margin-bottom:2rem}.about-hero-image{width:100%;height:14rem;object-position:center 30%}.about-project-card{padding:1.35rem}}