.about-hero{background:var(--navy);color:#fff;padding:150px 0 70px;text-align:center}
.about-hero h1{color:#fff;font-size:clamp(1.9rem,4vw,3rem);margin:14px 0 16px}
.about-hero .eyebrow{color:var(--aqua-b);justify-content:center}
.about-hero p{color:#B9D2CF;max-width:56ch;margin:0 auto;font-size:1.08rem}
.projgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.projcard{background:var(--navy);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;min-height:230px}
.projcard .plogo{height:46px;display:flex;align-items:center}
.projcard .plogo img{max-height:46px;width:auto}
.project-brandmark{display:block;width:178px;height:26px;overflow:hidden}
.projcard .project-brandmark img{width:auto;max-width:none;height:26px}
.projcard .pword{font-family:var(--disp);font-weight:800;font-size:1.5rem;color:#fff;letter-spacing:.01em}
.projcard .pword b{color:#C8A45D}
.projcard p{color:#A9C2C4;font-size:.92rem;margin:0}
.projcard .plink{margin-top:auto;font-family:var(--mono);font-weight:700;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--aqua-b)}
.projcard.current{border:1.5px solid var(--aqua-b)}
@media(max-width:860px){.projgrid{grid-template-columns:1fr}.projcard{min-height:0}}