/* ABOUT: narrative, important passages and three key phrases. */
.about-narrative.about-page.info-page{display:flex;flex-direction:column;height:auto;min-height:calc(100dvh - var(--nav-height));max-width:1440px;gap:0;padding:16px clamp(16px,3vw,44px) 10px;overflow:visible}
.about-narrative *{box-sizing:border-box;min-width:0}
.about-narrative .about-route-title{display:none}
.about-centered-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;width:100%;text-align:center}
.about-hero{width:100%;max-width:960px;margin:0 auto}
.about-narrative section{height:auto;min-height:0}
.about-narrative p{margin:0;color:#b8bec3;font:400 16px/1.35 var(--font)}
.about-opening{display:grid;gap:8px;margin-bottom:20px}
.about-narrative h2{margin:0;color:var(--text);font:600 19px/1.25 var(--font);letter-spacing:0;text-align:center}
.about-intro-copy{margin-top:8px}
.about-questions{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:4px}
.about-questions li{color:var(--text);font:500 18px/1.3 var(--font)}
.about-narrative .about-key{color:var(--accent);font:700 clamp(22px,2vw,27px)/1.15 var(--font);letter-spacing:.015em;text-transform:uppercase}
.about-narrative .about-final{margin-top:clamp(20px,3dvh,30px);padding:18px 0;border-top:1px solid var(--line);text-align:center}
.about-final h2{max-width:900px;margin:0 auto}
.about-closing-copy{display:grid;gap:4px;margin:10px 0 14px}
.about-disclaimer{padding-top:10px;border-top:1px solid var(--line)}
.about-narrative .about-disclaimer p{color:var(--muted);font-size:12px;line-height:1.3}
.about-narrative .workspace-bottom{margin-top:0;padding-top:10px;flex:none;width:100%}
.wardogs-ipad .about-narrative.about-page.info-page{padding-bottom:calc(25px + env(safe-area-inset-bottom))}
@media(max-width:760px){
.about-narrative.about-page.info-page{padding-top:10px;padding-left:14px;padding-right:14px}
.about-narrative p{font-size:14px;line-height:1.3}
.about-narrative h2{font-size:16px;line-height:1.25}
.about-narrative .about-key{font-size:clamp(18px,4.8vw,21px);line-height:1.15}
.about-opening{gap:6px;margin-bottom:14px}
.about-intro-copy{margin-top:7px}
.about-questions{margin:10px 0 12px;gap:3px}
.about-questions li{font-size:15px;line-height:1.25}
.about-narrative .about-final{margin-top:16px;padding:12px 0}
.about-closing-copy{margin:8px 0 10px;gap:3px}
.about-disclaimer{padding-top:8px}
.about-narrative .about-disclaimer p{font-size:11px}
}
@media(max-height:700px){
.about-opening{margin-bottom:12px;gap:5px}
.about-questions{margin-top:9px;margin-bottom:10px;gap:3px}
.about-narrative .about-final{margin-top:12px;padding:10px 0}
.about-closing-copy{margin:7px 0 9px}
}