.design-hero{padding-top:150px;background:linear-gradient(135deg,var(--brand-bg-alt),#fff)}.design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:22px;gap:22px}.design-grid article{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);overflow:hidden}.design-grid article h2,.design-grid article p{padding-left:20px;padding-right:20px}.design-grid article h2{padding-top:18px}.design-grid article p{padding-bottom:22px}.design-principles .row{margin-top:24px}.design-note{margin-top:28px}