/* One statement fills the incoming chapter. The doors carry identical copies. */
.about{padding:0 6% 120px;scroll-margin-top:-80px}
.door-content{padding:0 calc(var(--story-width)*.06) 120px}
:is(.about,.door-content) .about-statement,
.scroll-motion :is(.about,.door-content) .about-statement{
 display:flex;align-items:center;justify-content:center;gap:0;
 min-height:100svh;padding:100px 0 60px;
}
:is(.about,.door-content) .about-manifesto{
 width:100%;margin:0;text-align:center;text-transform:uppercase;
 font:600 7.1vw/1.08 var(--sans);
 letter-spacing:-.045em;word-spacing:.07em;color:var(--wine);
}
.about-manifesto .manifesto-line{display:block;white-space:nowrap}
.about-quote{width:100%;margin:0}
.about-quote figcaption{margin-top:42px;text-align:center;font:500 12px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--wine)}
:is(.about,.door-content) .about-manifesto em{
 font-family:var(--serif);font-weight:400;font-style:normal;
 font-size:1.19em;line-height:.88;letter-spacing:-.06em;
}
.about .portrait-pair{margin-top:60px}
@media(max-width:700px){
 .about{padding:0 7% 60px}
 .door-content{padding:0 calc(var(--story-width)*.07) 60px}
 :is(.about,.door-content) .about-statement,
 .scroll-motion :is(.about,.door-content) .about-statement{padding:105px 0 70px}
 :is(.about,.door-content) .about-manifesto{
  font-size:clamp(20px,8.5vw,56px);line-height:1.12;letter-spacing:-.045em;
 }
 .about-manifesto .manifesto-line{white-space:normal;text-wrap:balance}
 .about-manifesto .manifesto-line{margin-bottom:.32em}
 .about-manifesto .manifesto-line:last-child{margin-bottom:0}
 .about-quote figcaption{margin-top:30px;font-size:10px}
 .about .portrait-pair{margin-top:35px}
}
@media(max-width:700px) and (max-height:700px){
 :is(.about,.door-content) .about-manifesto{font-size:7.6vw}
 :is(.about,.door-content) .about-statement,
 .scroll-motion :is(.about,.door-content) .about-statement{padding-top:90px;padding-bottom:50px}
}

@media(max-height:500px) and (min-width:601px) and (max-width:1000px){
 :is(.about,.door-content) .about-manifesto{font-size:clamp(18px,5.5svh,32px)}
 :is(.about,.door-content) .about-statement,
 .scroll-motion :is(.about,.door-content) .about-statement{padding-top:80px;padding-bottom:35px}
}