/* assets/css/pages/about.css */
.about-hero{padding-top:9rem;padding-bottom:2rem}
.about-hero__title{font-size:var(--fs-900);line-height:.95;margin-top:.4rem}
.about-hero__sub{margin-top:1.2rem;font-size:var(--fs-500);color:var(--color-ivory-soft);max-width:54ch}
.about-story__grid{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:start}
.about-story__grid h2{font-size:var(--fs-700);margin-top:.6rem}
.about-story__body p{color:var(--color-ivory-soft);font-size:var(--fs-500);line-height:1.6;margin-bottom:1.2rem;max-width:60ch}
.about-phil__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.about-phil__item{padding:2rem;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md)}
.about-phil__item h3{font-size:var(--fs-500);margin-bottom:.6rem}
.about-phil__item p{color:var(--color-ivory-soft)}
.about-team__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.teamcard__photo{aspect-ratio:3/4;background-size:cover;background-position:center;background-color:var(--color-surface);border-radius:var(--radius-md);filter:grayscale(1);transition:filter var(--dur-mid)}
.teamcard:hover .teamcard__photo{filter:grayscale(0)}
.teamcard__cap{margin-top:.8rem}
.teamcard__name{display:block;font-family:var(--font-display);font-size:var(--fs-500);color:var(--color-ivory)}
.teamcard__role{display:block;font-size:var(--fs-200);color:var(--color-rust-glow)}
.about-transition{padding-block:clamp(3rem,8vh,6rem);text-align:center;background:var(--color-bg-deep);border-block:1px solid var(--color-line)}
.about-transition__line{font-family:var(--font-display);font-size:var(--fs-600);color:var(--color-ivory);margin-bottom:1.2rem}
@media (max-width:900px){.about-story__grid{grid-template-columns:1fr}.about-phil__grid{grid-template-columns:1fr}.about-team__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.about-team__grid{grid-template-columns:1fr 1fr}}