/* About-specific refinements using the shared card palette. */
.about-page .value-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-page .value-rows article{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:28px;border-radius:20px;background:#eef0e7;border:1px solid #e0e3da}
.about-page .value-rows .value-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#678c4718;color:#678c47}
.about-page .value-icon svg{width:26px;height:26px}
.about-page .value-rows h3{font-size:24px;line-height:1.15;font-weight:500;margin:0}
.about-page .value-rows p{font-size:16px;line-height:1.5;margin:0;max-width:48ch}
.about-page .about-credentials{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #d3d8cc;margin-top:28px;padding-top:20px;color:#526f39;font-size:14px}
.about-page .about-credentials span{white-space:nowrap}
.about-page .people .owner-role{color:#526f39;font-size:16px;margin-top:-12px}
@media(max-width:760px){.about-page .value-rows{grid-template-columns:1fr}.about-page .value-rows article{padding:24px}.about-page .value-rows h3{font-size:22px}.about-page .about-credentials{flex-direction:column;gap:12px}}

/* A quieter, compact introduction to the owner. */
.about-page .people{padding:44px 0}
.about-page .people .people-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:6%;align-items:center}
.about-page .people figure{max-width:340px;width:100%;margin:0}
.about-page .people figure>img{height:270px;width:100%;object-fit:cover;border-radius:20px}

.about-page .people .owner-role{font-size:14px;color:#62685e;margin:12px 0 20px}
.about-page .people p:not(.owner-role){font-size:17px;line-height:1.55;max-width:58ch;margin:0}
@media(max-width:760px){.about-page .people{padding:36px 0}.about-page .people .people-grid{grid-template-columns:1fr;gap:24px}.about-page .people figure{max-width:280px}.about-page .people figure>img{height:220px}.about-page .people p:not(.owner-role){font-size:16px}}

/* Owner label, attribution and quote align with the portrait top. */
.about-page .people .people-grid{align-items:start}
.about-page .people .people-grid>div{padding-top:0}
.about-page .people .owner-role{color:#678c47;font-weight:600;font-size:18px;line-height:1.4;margin:16px 0 20px}
.about-page .people .owner-quote{font-family:inherit;font-size:17px;font-style:italic;font-weight:400;line-height:1.6;letter-spacing:-.015em;color:#62685e;max-width:58ch;margin:0;padding:0;border:0}
@media(max-width:760px){.about-page .people .owner-role{font-size:17px}.about-page .people .owner-quote{font-size:16px}}

/* Use the shared pill typography and preserve the full owner portrait. */
.about-page .people figure>img{height:auto;object-fit:contain;object-position:center}

/* Owner introduction shares the rounded neutral card language. */
.about-page .people{background:#f9f9f5;padding:60px 0}
.about-page .people .people-grid{box-sizing:border-box;background:#eef0e7;border:1px solid #e0e3da;border-radius:20px;padding:36px;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px;align-items:start}
.about-page .people figure{max-width:300px}
.about-page .people .owner-role{margin:20px 0 26px}
.about-page .people .owner-quote{max-width:44ch}
@media(max-width:900px){.about-page .people .people-grid{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:30px;padding:28px}}
@media(max-width:760px){.about-page .people{padding:40px 0}.about-page .people .people-grid{grid-template-columns:1fr;gap:28px;padding:24px}.about-page .people figure{max-width:280px}.about-page .people .owner-role{margin:16px 0 22px}}

/* Welcoming image beneath the pathways heading. */
.about-page .pathways-image{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;object-position:center 60%;border-radius:20px;margin-top:28px}
@media(max-width:760px){.about-page .pathways-image{margin-top:24px;aspect-ratio:1.6}}

/* Let the adjacent links determine the desktop column height. */
@media(min-width:761px){
 .about-page .pathways{align-items:stretch}
 .about-page .pathways-heading{display:flex;flex-direction:column;min-height:0}
 .about-page .pathways-heading>.tag{align-self:flex-start;flex-shrink:0}
 .about-page .pathways-heading>h2{flex-shrink:0}
 .about-page .pathways-image{flex:1 1 0;height:0;min-height:0;aspect-ratio:auto;margin-bottom:24px}
}