/* Beige exact de la section .about::before de la homepage. */
body { background: #f5f1ee; }
.about-page { width: 71%; max-width: 1400px; margin: 0 auto; padding: 70px 0 90px; display: grid; grid-template-columns: 32% minmax(0, 1fr); column-gap: 5%; row-gap: 36px; }
.about-heading { grid-column: 2; }
.about-heading h1 { margin: 0; font: 400 clamp(22px, 2.2vw, 32px)/1.4 var(--font-heading); letter-spacing: .16em; }
.about-heading::after { content: ''; display: block; width: 35px; height: 1px; background: currentColor; opacity: .45; margin-top: 26px; }
.about-portrait { grid-column: 1; grid-row: 2; width: 100%; height: auto; }
.about-chapters { grid-column: 2; grid-row: 2; }
.about-chapters section + section { margin-top: 34px; }
.about-chapters h2 { margin: 0 0 18px; font: 400 clamp(15px, 1.2vw, 18px)/1.6 var(--font-heading); letter-spacing: .16em; }
.about-chapters p { margin: 0 0 16px; font-size: 15px; font-weight: 300; line-height: 1.6; letter-spacing: .025em; }
.about-chapters p:last-child { margin-bottom: 0; }
@media (max-width: 900px) { .about-page { width: 84%; column-gap: 6%; padding-top: 48px; } }
@media (max-width: 600px) {
 .about-page { width: auto; margin: 0 24px; padding: 38px 0 60px; display: flex; flex-direction: column; gap: 32px; }
 .about-heading { text-align: center; }
 .about-heading::after { margin-left: auto; margin-right: auto; }
 .about-portrait { width: 70%; max-width: 260px; align-self: center; }
 .about-chapters p { font-size: 15.5px; line-height: 1.6; letter-spacing: .025em; }
 .about-chapters section + section { margin-top: 32px; }
}