.page-section { min-height: 100vh; }
.section-shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: clamp(120px, 16vw, 220px) 0 100px; }
.section-back { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 50px; text-align: center; }
.section-content { max-width: 880px; }
.section-content h1 { max-width: 11ch; margin: 0 0 52px; font-size: clamp(64px, 13vw, 170px); font-weight: inherit; line-height: .82; letter-spacing: -.075em; }
.section-content h2 { margin: 70px 0 22px; font-size: clamp(28px, 4vw, 58px); line-height: .95; letter-spacing: -.045em; }
.section-content h3 { margin: 42px 0 16px; font-size: clamp(20px, 2.2vw, 34px); }
.section-content p, .section-content li, .section-content blockquote { font-size: clamp(18px, 2vw, 28px); line-height: 1.28; }
.section-content p { max-width: 34em; margin: 0 0 1.2em; }
.section-content ul, .section-content ol { max-width: 32em; margin: 0 0 1.5em; padding-left: 1.2em; }
.section-content li + li { margin-top: .35em; }
.section-content blockquote { max-width: 30em; margin: 54px 0; padding-left: 24px; border-left: 2px solid currentColor; opacity: .72; }
.section-content a { text-decoration-thickness: 1px; text-underline-offset: .16em; }
.section-content code { padding: .08em .28em; border: 1px solid currentColor; border-radius: .2em; font-size: .82em; }
.section-content hr { margin: 70px 0; border: 0; border-top: 1px solid currentColor; opacity: .3; }
@media (max-width: 700px) {
  .section-shell { width: min(100% - 24px, 1120px); padding-top: 130px; }
  .section-content h1 { margin-bottom: 38px; }
  .section-content p, .section-content li, .section-content blockquote { font-size: 17px; }
}