.material-guides-hero{background:linear-gradient(135deg,#fff 0,var(--brand-bg-alt) 100%)}.material-guides-hero .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,0.9fr);grid-gap:44px;gap:44px;align-items:center}.material-guides-hero h1{font-size:max(2rem, min(4vw, 3.5rem))}.material-guides-hero__media img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:var(--brand-radius);box-shadow:0 18px 42px rgba(36,43,34,.13)}.material-metal-grid{background:#fff}.ma-metal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.ma-metal-card{display:grid;grid-gap:12px;gap:12px;padding:20px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:#fff;color:var(--brand-text)}.ma-metal-card img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--brand-radius) - 4px)}.material-selection-story{background:var(--brand-bg-alt)}.guide-story{max-width:900px;margin:0 auto}.guide-story blockquote{margin:28px 0 0;padding:24px;border-left:5px solid var(--brand-primary);background:#fff;border-radius:var(--brand-radius);color:var(--brand-text);font-weight:750}.guide-accordion{background:#fff}.guide-accordion .accordion-item{border:1px solid var(--brand-border);border-radius:var(--brand-radius);overflow:hidden;margin-bottom:14px}.guide-accordion .accordion-button{color:var(--brand-text);font-weight:800}.guide-accordion .accordion-button:not(.collapsed){background:var(--brand-bg-alt);color:var(--brand-primary-dark)}.guide-gallery{background:var(--brand-bg-alt)}.guide-compare{padding:28px;border-radius:var(--brand-radius);border:1px solid var(--brand-border);background:#fff}.guide-table{margin-bottom:0}.guide-table thead th{background:var(--brand-primary-dark);color:#fff;padding:14px}.guide-table td{padding:14px;color:var(--brand-text)}.guide-table tbody tr:nth-child(2n) td{background:var(--brand-bg-alt)}.material-guides-cta{background:var(--brand-primary-dark)}.material-guides-cta h2,.material-guides-cta p{color:#fff}@media (max-width:991px){.ma-metal-grid,.material-guides-hero .container{grid-template-columns:1fr}}