/* 02-layout.css - containers, sections, grid */
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 16px}
.section{padding:64px 0}
.section.alt{background:var(--soft)}
.section-head{text-align:center;max-width:720px;margin:0 auto 40px}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.page-banner{background:linear-gradient(120deg,var(--red),var(--red-dark));color:#fff;padding:56px 0;text-align:center}
.page-banner p{opacity:.9;margin:0}
.panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}