.content-grid{--content-grid-columns-desktop:3;--content-grid-columns-tablet:2;--content-grid-columns-mobile:1;--content-grid-gap:var(--space-lg);--content-grid-media-ratio:4 / 3}.content-grid.teachers-grid{--content-grid-media-ratio:4 / 4}.content-grid__container{max-width:1400px}.content-grid__intro{text-align:center;max-width:900px;margin:0 auto}.content-grid__intro p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.8}.content-grid__quote{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-text-secondary);margin:0 0 var(--space-xl);font-style:italic;font-weight:600;line-height:1.8}.content-grid__items{gap:var(--content-grid-gap);grid-template-columns:repeat(var(--content-grid-columns-desktop), minmax(0, 1fr));align-items:stretch;max-width:1400px;margin:0 auto;display:grid}.content-grid__card{background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.content-grid__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.content-grid__media{width:100%;aspect-ratio:var(--content-grid-media-ratio);background:var(--color-surface);overflow:hidden}.content-grid__image{object-fit:cover;width:100%;height:100%;display:block}.content-grid__image--uncropped{object-fit:contain}.content-grid__body{padding:var(--space-lg) var(--space-md) var(--space-xl);text-align:center;flex:1}.content-grid__title{font-size:var(--text-xl);margin-bottom:var(--space-xs);color:var(--color-text-primary)}.content-grid__subtitle{font-size:var(--text-sm);color:var(--color-accent);margin-bottom:var(--space-md);font-weight:500}.content-grid__divider{background:var(--color-accent-light);width:60px;height:2px;margin:0 auto var(--space-lg)}.content-grid__text{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:justify;white-space:pre-line;margin-bottom:0;line-height:1.7}.content-grid__text--clamped{line-clamp:10;-webkit-line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1023px){.content-grid__items{grid-template-columns:repeat(var(--content-grid-columns-tablet), minmax(0, 1fr))}}@media (max-width:767px){.content-grid__items{grid-template-columns:repeat(var(--content-grid-columns-mobile), minmax(0, 1fr));gap:1rem}.content-grid__card{width:100%}}