/* /about */
.about-grid { display: grid; gap: 2.5rem; align-items: center; }
@media (min-width: 1024px) { .about-grid { grid-template-columns: 3fr 2fr; gap: 4rem; } }
.about-copy { display: grid; gap: 1.25rem; }
.about-copy .section-title { margin-bottom: .25rem; }
.about-copy p { color: var(--muted-foreground); line-height: 2.1; font-size: 1rem; max-width: 65ch; }
@media (min-width: 768px) { .about-copy p { font-size: 1.0625rem; } }
.about-figure { justify-self: center; max-width: 22rem; width: 100%; }
.about-figure img { width: 100%; height: auto; border-radius: 1.5rem; box-shadow: var(--shadow-xl); }

.principle { display: flex; flex-direction: column; }
.principle-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.principle-no { font-size: 1.5rem; font-weight: 900; color: var(--gold); line-height: 1; }