/* Compact shared rhythm, preserving each page's existing type and layout. */
body[data-page="index.html"] main>.hero{min-height:0;padding-top:42px;padding-bottom:40px}
body[data-page="index.html"] .hero-kicker{margin-bottom:24px}
body[data-page="index.html"] .hero h1{margin-bottom:26px}
body[data-page="index.html"] :is(.manifesto,.capabilities,.design-section,.case-studies,.tools-section,.about,.audience-section,.evidence-section,.work-section){padding-top:44px;padding-bottom:44px}
body[data-page="index.html"] .capability-grid article{padding:22px!important}
body[data-page="index.html"] .capability-grid h3{margin:18px 0}
body[data-page="index.html"] .design-section{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:32px}
body[data-page="index.html"] footer{padding-top:38px;padding-bottom:24px}
body[data-page="index.html"] footer .footer-bottom{margin-top:30px;padding-top:20px}
body[data-page="work/index.html"] .hub-hero{padding-block:40px}
body[data-page="work/index.html"] .hub-section{padding-block:38px}
body[data-page="work/index.html"] .hub-card{min-height:0}
body[data-page="work/index.html"] .hub-card-copy>a{margin-top:8px}
body[data-page="work/index.html"] .hub-heading{margin-bottom:24px}
body[data-page="portfolio/covid-awareness/index.html"] .section{padding-block:42px}
body[data-page="contact/index.html"] main{gap:40px;padding-block:40px}
body[data-page="contact/index.html"] .location{margin-top:28px}
@media(max-width:700px){body[data-page="index.html"] :is(.manifesto,.capabilities,.design-section,.case-studies,.tools-section,.about,.audience-section,.evidence-section,.work-section){padding-block:32px}body[data-page="index.html"] .design-section{grid-template-columns:1fr;gap:24px}body[data-page="index.html"] main>.hero{padding-top:28px;padding-bottom:30px}body[data-page="work/index.html"] .hub-hero,body[data-page="work/index.html"] .hub-section,body[data-page="portfolio/covid-awareness/index.html"] .section{padding-block:30px}body[data-page="contact/index.html"] main{gap:28px;padding-block:30px}}

/* Work cards share title space and align their actions at each row's bottom. */
body[data-page="work/index.html"] .hub-tool-grid{align-items:stretch;gap:20px}
body[data-page="work/index.html"] .hub-tool-grid .hub-card{display:flex;flex-direction:column;padding:0;min-width:0}
body[data-page="work/index.html"] .hub-tool-grid .hub-card-copy{display:flex;flex-direction:column;flex:1;padding:24px}
body[data-page="work/index.html"] .hub-card-copy>.eyebrow{margin:0 0 16px;line-height:1.5}
body[data-page="work/index.html"] .hub-tool-grid h3{font-size:27px;line-height:1.2;min-height:2.4em;margin:0 0 16px}
body[data-page="work/index.html"] .hub-tool-grid .hub-card-copy>p:not(.eyebrow){margin:0 0 24px;line-height:1.6}
body[data-page="work/index.html"] .hub-tool-grid .hub-card-copy>a{margin-top:auto!important;padding-top:0;line-height:1.5}
body[data-page="work/index.html"] .hub-card img,.prompt-visual{flex-shrink:0}
body[data-page="work/index.html"] .hub-case-grid .hub-card h3{min-height:1.2em}
@media(max-width:600px){body[data-page="work/index.html"] .hub-tool-grid .hub-card-copy{padding:22px}body[data-page="work/index.html"] .hub-tool-grid h3{min-height:0}}