/* A single content grid; header styling and lower-page visual identity stay intact. */
:root{--content-width:1120px;--page-gutter:40px}
main>.hero,main>.section,main>.pathways,main>.community-stats{box-sizing:border-box;width:calc(100% - var(--page-gutter)*2);max-width:var(--content-width);margin-left:auto;margin-right:auto}
main>.hero,main>.section{padding-left:0;padding-right:0}
main>.pathways{margin-top:6px;margin-bottom:25px}
main>.community-stats{margin-top:20px;margin-bottom:65px}
main>.bottom-directory,body #app>footer{max-width:none;width:100%;padding-left:max(var(--page-gutter),calc((100% - var(--content-width))/2));padding-right:max(var(--page-gutter),calc((100% - var(--content-width))/2))}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-copy,.intro-panel{min-width:0}.hero-copy h1{margin-top:0}.project-showcase,.output-showcase{min-width:0}.output-grid{width:100%;max-width:none}.project-carousel{width:100%}
.about-intro{padding-top:64px;max-width:var(--content-width)}.about-intro h1{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:clamp(38px,4.6vw,62px);line-height:1.13;margin:20px 0 32px}.about-intro p{max-width:780px}.about-story{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;border-top:1px solid var(--line)}.about-story .serif{font-size:30px;line-height:1.3;color:var(--sage)}
@media(max-width:800px){:root{--page-gutter:28px}.hero{grid-template-columns:1fr}.about-story{grid-template-columns:1fr;gap:22px}}
@media(max-width:700px){.output-grid{max-width:none}.output-grid .paper-card{width:100%;max-width:420px;justify-self:center}}
@media(max-width:560px){:root{--page-gutter:22px}main>.community-stats{margin-top:15px;margin-bottom:42px}.about-intro{padding-top:35px}.about-intro h1{font-size:38px}.pathways article{min-width:0}}
@media(max-width:360px){:root{--page-gutter:18px}}