.about-preview { padding: clamp(2.5rem, 5vw, 5rem) 0; background: var(--page-bg); }
.about-preview h2, .about-page h1 { font-family: "Rajdhani", sans-serif; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.1; }
.about-preview p { margin-top: 1rem; max-width: 44rem; color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.125rem); line-height: 1.7; }
.about-more { display: inline-flex; margin-top: 1.25rem; color: var(--green); font-weight: 700; text-decoration: underline; text-underline-offset: 0.25rem; }
.about-more:hover { color: var(--text); }
.about-page { padding-top: clamp(7rem, 12vw, 11rem); padding-bottom: clamp(4rem, 8vw, 7rem); }
.about-page h1 { margin-bottom: 1.5rem; }
.about-page p { max-width: 44rem; margin-top: 1.25rem; color: var(--muted); font-size: clamp(1rem, 1.35vw, 1.125rem); line-height: 1.75; }
.about-page .about-lead { color: var(--text); font-weight: 600; font-size: clamp(1.1rem, 1.7vw, 1.3rem); }
.about-closing { margin-top: 2.5rem; }
.about-closing p { color: var(--text); font-weight: 600; }
@media (max-width: 48rem) { .about-page { padding-top: 7rem; } }