/* Typography candidate. Scoped to the introduction until C.T. confirms it. */
.story-about{--reading-body:16px;--reading-lead:18px;--reading-title:23px;--reading-label:15px;--reading-ink:#596650}
.home-about.story-about{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3vw}
.story-reading{padding-left:1vw}
.story-chapter{max-width:650px}
.story-why-list p,.story-elements p,.story-strength-list dd,.story-feedback{font-size:var(--reading-body);line-height:2;color:var(--reading-ink);text-wrap:wrap;text-align:justify;text-justify:inter-ideograph;text-align-last:start}
.story-why-list p.story-lead{font-size:var(--reading-lead);font-weight:600;line-height:1.85;margin-bottom:18px;text-align:left}
.story-why-list h3{font-size:20px;line-height:1.6;margin-bottom:16px}
.story-why-list>li{margin-bottom:58px}
.story-number{font-size:13px;padding-top:5px;color:#78856d}
.story-reading .section-number{font-size:var(--reading-label);font-weight:600}
.story-section-label{font-size:18px;line-height:1.6}
.story-flower-caption{font-size:clamp(20px,1.65vw,26px);font-weight:700;color:#284e2e;letter-spacing:0;line-height:1.55;margin:18px 0 24px;text-wrap:balance;flex-shrink:0}
.story-equation p{font-size:20px;font-weight:700;color:#284e2e;line-height:1.6}
.equation-approx{font-size:34px;margin:12px 0}
.story-equation strong{font-size:clamp(28px,2.3vw,34px);gap:18px}
.story-equation i{font-size:23px}
.story-strength-list dt{font-size:25px;font-weight:600;line-height:1.6}
.story-strength-list dt>span{font-size:var(--reading-label);letter-spacing:.4px;color:#748068}
.story-strength-list>div{padding:24px 0 32px}
.story-strength-list dd{margin-top:12px}
.story-feedback{margin-top:24px;padding-left:20px}
.story-elements h3{font-size:var(--reading-title);font-weight:600;line-height:1.6;margin-bottom:9px}
.story-elements>li{padding:30px 0;gap:25px}
.story-elements>li>span{font-size:22px;color:#7d8b71;padding-top:2px}
.story-actions .button,.story-actions .quiet-link{font-size:16px}
.story-scroll-hint{font-size:12px;color:#7b856f}
.garden-tagline{font-size:clamp(21px,2.1vw,30px);font-weight:700}
@media(min-width:761px) and (max-width:1100px){
 .home-about.story-about{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px}
 .story-chapters{gap:10px}.story-chapters button{font-size:13px;gap:4px}.story-chapters small{font-size:9px}
 .story-equation strong{font-size:30px;gap:12px}.story-flower-caption{font-size:21px}
}
@media(max-width:760px){
 .story-about{--reading-body:15px;--reading-lead:17px;--reading-title:21px;--reading-label:14px}
 .home-about.story-about{gap:0}.story-reading{padding-left:0}
 .skyflora-stage{height:140px;width:175px}
 .story-flower-caption{display:block;font-size:18px;line-height:1.5;margin:2px 12px 6px}
 .story-visual{height:225px}.story-chapter{scroll-margin-top:353px}
 .story-why-list h3{font-size:19px}.story-why-list>li{gap:10px;margin-bottom:44px}
 .story-number{font-size:12px;padding-top:4px}
 .story-section-label{font-size:18px}
 .story-equation p{font-size:19px}.story-equation strong{font-size:28px;gap:10px}.story-equation i{font-size:19px}
 .story-strength-list dt{font-size:23px;gap:18px}.story-strength-list>div{padding:19px 0 24px}
 .story-elements>li{gap:18px;padding:23px 0}.story-elements>li>span{font-size:20px}
 .story-actions .button,.story-actions .quiet-link{font-size:15px}
 .garden-tagline{font-size:20px}
}