.page-hero h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(46px, 6.4vw, 86px); line-height: 1.04; letter-spacing: -0.01em; margin: 0 0 var(--sp-4) 0; max-width: 16ch; color: var(--ink); text-wrap: balance; }
.page-hero p.lede { font-family: var(--serif); font-style: italic; font-size: clamp(21px, 2vw, 27px); line-height: 1.42; color: var(--ink); max-width: 56ch; margin: 0; }
.page-section { padding-block: clamp(8px, 2vw, 24px) clamp(40px, 6vw, 80px); }
/* collage */
.gallery { margin-top: var(--sp-4); }
/* long-form record */
.reading h3 { font-family: var(--serif); font-weight: 400; font-style: italic; font-size: clamp(26px, 3vw, 36px); line-height: 1.14; color: var(--forest-deep); margin: var(--sp-5) 0 var(--sp-3); }
.pullquote { margin: var(--sp-5) 0; padding-left: var(--sp-4); border-left: 2px solid var(--forest); font-family: var(--serif); font-style: italic; font-size: clamp(23px, 2.5vw, 30px); line-height: 1.3; color: var(--ink); max-width: 30ch; text-wrap: balance; }