.about-story { display:grid; grid-template-columns:1.1fr 1fr; gap:4rem; align-items:center; }
.about-story h2 em { color:#c41565; font-style:normal; }
.about-story p:not(.studio-kicker) { margin-top:1.5rem; }
.about-story-visual { margin:0; border-radius:1.2rem; overflow:hidden; border:1px solid #dce3e8; }
.about-story-visual img { display:block; width:100%; aspect-ratio:1.15; object-fit:cover; }
.about-story-visual figcaption { padding:1.75rem; background:#354c6a; color:#fff; display:flex; flex-direction:column; gap:.75rem; font-size:1rem; }
.about-story-visual strong { font-size:1.5rem; }
.about-purpose { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.about-purpose article { background:#fff; padding:2.5rem; border:1px solid #dce3e8; border-radius:1rem; scroll-margin-top:7rem; }
.about-purpose h3 { font-size:1.8rem; margin-bottom:1rem; }
.about-value-icon { display:grid; place-items:center; width:3.5rem; height:3.5rem; color:#087e93; background:#edf8fa; font-size:1.5rem; border-radius:.8rem; margin-bottom:1.5rem; }
.about-purpose article:nth-child(2) .about-value-icon { color:#c41565; background:#fff2f7; }
.about-values { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1.5rem; }
.about-value { grid-column:span 2; padding:2rem; border:1px solid #dce3e8; border-radius:1rem; }
.about-value:nth-last-child(-n+2) { grid-column:span 3; }
.about-value h3 { margin-bottom:1rem; }
.about-people { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; }
.about-person { min-width:0; background:#fff; border:1px solid #dce3e8; border-radius:1rem; overflow:hidden; }
.about-portrait { aspect-ratio:4/4.5; background:#e8edf1; overflow:hidden; }
.about-portrait img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.about-person-copy { padding:1.4rem; }
.about-studio .about-person-name { font-size:1.25rem; letter-spacing:-.02em; }
.about-person-role { margin-top:.6rem; font-size:1rem; }
.about-studio .stats-band-num { line-height:1.2; }
@media(max-width:1000px){ .about-story { gap:2rem; } .about-people { grid-template-columns:repeat(2,minmax(0,1fr)); } .about-value { grid-column:span 3; } .about-value:last-child { grid-column:1/-1; } }
@media(max-width:700px){ .about-story,.about-purpose { grid-template-columns:1fr; } .about-purpose article,.about-value { padding:1.5rem; } .about-values { grid-template-columns:1fr; } .about-values .about-value { grid-column:auto; } }
@media(max-width:450px){ .about-people { grid-template-columns:1fr; } .about-portrait { aspect-ratio:1.2; } }