@media(max-width:820px){.shell{width:min(100% - 28px,1180px)}.hero{padding:64px 0 46px}.section{padding:56px 0}.card,.card.wide{grid-column:1/-1}.figure-grid,.timeline{grid-template-columns:1fr}.navin{gap:15px}.hero h1{font-size:44px}.card{padding:22px}}
@media(max-width:430px){.shell{width:calc(100% - 20px)}.hero h1{font-size:38px}.lead{font-size:18px}.section h2{font-size:33px}.card{border-radius:20px;padding:18px}.figure{padding:10px}.navin{font-size:12px}th,td{padding:10px}}