.content-page { padding-top: 5rem; }
.content-hero { padding: var(--space-3xl) 0; background: var(--navy); color: var(--white); }
.content-hero .section-label { color: var(--pink); }
.content-hero h1 { margin: 0 0 var(--space-lg); font-size: clamp(2.8rem, 8vw, 6rem); line-height: 1.02; letter-spacing: -.02em; }
.content-hero p:not(.section-label) { max-width: 44rem; font-size: clamp(1.15rem, 2.6vw, 1.5rem); line-height: 1.45; }
.content-hero p:not(.section-label) + p { margin-top: var(--space-sm); }
.content-sections { padding: var(--space-3xl) 0; }
.content-sections article { padding: var(--space-xl) 0; border-top: 1px solid rgba(10,25,41,.2); }
.content-sections h2 { margin: 0 0 var(--space-md); font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.08; }
.content-sections p, .content-sections li { max-width: 44rem; font-size: 1.1rem; line-height: 1.65; }
.content-sections ul { margin: 0; padding-left: 1.25rem; }
.about-page-opening { display: grid; grid-template-columns: minmax(15rem, .78fr) minmax(0, 1.22fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; padding-bottom: clamp(3rem, 6vw, 5.5rem); }
.about-page-portrait { width: 100%; max-width: 30rem; aspect-ratio: 3 / 4; margin: 0; overflow: hidden; background: var(--navy); }
.about-page-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 59%; }
.about-page .content-sections h2 { margin: 0 0 clamp(1.25rem, 2vw, 1.75rem); }
.about-page .content-sections p { margin: 0; max-width: 44rem; }
.about-page .content-sections p + p { margin-top: 1rem; }
.about-page-opening-copy h2 { font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.08; }
.about-page-opening-copy p { font-size: 1.1rem; line-height: 1.65; }
.about-profile { max-width: 46rem; padding: clamp(3.25rem, 6vw, 5.5rem) 0; border-top: 1px solid rgba(10,25,41,.2); }
.about-profile > h2 { font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.04; }
.about-profile-intro { margin-top: clamp(1rem, 2vw, 1.5rem); }
.about-profile-intro p { font-size: clamp(1.12rem, 2vw, 1.28rem); line-height: 1.6; }
.about-profile-subsection { margin-top: clamp(1.75rem, 3vw, 2.25rem); }
.about-profile-subsection h3 { margin: 0 0 .5rem; font-size: clamp(1.3rem, 2.5vw, 1.65rem); line-height: 1.2; letter-spacing: -.01em; }
.about-profile-subsection p { font-size: 1.1rem; line-height: 1.65; }
.about-contact-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(2rem, 5vw, 5rem); align-items: center; margin-top: clamp(1rem, 2vw, 2rem); padding: clamp(2rem, 4vw, 3.5rem); background: var(--paper); color: var(--navy); }
.about-contact-panel h2 { max-width: 38rem; color: var(--navy); font-size: clamp(2rem, 4vw, 3.2rem); }
.about-contact-panel p { color: rgba(10,25,41,.82); font-size: 1.05rem; line-height: 1.6; }
.about-contact-panel .download-btn { background: var(--pink); border-color: var(--pink); color: var(--navy); white-space: nowrap; }
.about-contact-panel .download-btn:hover,
.about-contact-panel .download-btn:focus-visible { background: var(--pink); border-color: var(--pink); color: var(--navy); }
.content-cta { margin: var(--space-xl) 0; padding: clamp(1.5rem, 4vw, 3rem); background: #f7f6f4; border-top: .35rem solid var(--pink); }
.book-page-intro { display: grid; grid-template-columns: minmax(14rem, .75fr) minmax(0, 1.25fr); gap: var(--space-xl); align-items: center; padding-bottom: var(--space-xl); }
.book-cover { margin: 0; padding: var(--space-lg); background: var(--pink); border-radius: .5rem; }
.book-cover img { display: block; width: 100%; height: auto; }
.book-editorial-copy { padding: 0 !important; border-top: 0 !important; }
.book-editorial-copy p { margin-bottom: var(--space-md); }
.book-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: var(--space-lg); }
@media (max-width: 48rem) { .content-page { padding-top: 4.5rem; } .content-hero, .content-sections { padding: var(--space-2xl) 0; } .content-cta .download-btn { display: inline-block; max-width: 100%; white-space: normal; } .book-page-intro { grid-template-columns: 1fr; } }
@media (max-width: 47.99rem) {
  .about-page-opening { grid-template-columns: 1fr; gap: 2rem; padding-bottom: 3rem; }
  .about-page-portrait { max-width: 28rem; }
  .about-page .content-sections h2 { margin-bottom: 1.25rem; }
  .about-page .content-sections p + p { margin-top: .9rem; }
  .about-profile { padding: 3rem 0; }
  .about-profile-subsection { margin-top: 1.75rem; }
  .about-contact-panel { grid-template-columns: 1fr; gap: 1.5rem; margin-top: .5rem; padding: 2rem; }
  .about-contact-panel .download-btn { width: 100%; text-align: center; white-space: normal; }
}