/* Independent Materials Hero: shared by the overview and CNC material catalogue. */
.materials-hero { display:flex; align-items:center; height:auto; padding:var(--banner-top) 0 var(--banner-bottom); background:linear-gradient(125deg,#e8edf3,#edf2f5 62%,#e7eef5); }
.materials-hero-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:44px; }
.materials-hero-copy { min-width:0; }
.materials-eyebrow { margin-bottom:12px; color:var(--color-primary); font-size:12.5px; font-weight:700; line-height:20px; letter-spacing:1.6px; text-transform:uppercase; }
.materials-hero h1 { color:var(--color-ink); font-size:42px; font-weight:800; line-height:1.1; letter-spacing:-1.25px; }
.materials-hero h1 > span:not(.screen-reader-text) { color:var(--color-primary); }
.materials-hero-description { max-width:548px; margin-top:18px; font-size:16.2px; line-height:1.66; }
.materials-hero .materials-actions { margin-top:24px; }
.materials-compliance { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:26px; }
.materials-compliance > p { color:var(--color-muted); font-size:11.5px; font-weight:700; line-height:18.4px; letter-spacing:.8px; text-transform:uppercase; }
.materials-compliance ul { display:flex; flex-wrap:wrap; gap:8px; }
.materials-compliance li { padding:4px 10px; border:1px solid #cfe0f0; border-radius:30px; background:var(--color-tint); color:var(--color-deep-blue); font-size:11.6px; font-weight:600; line-height:18.56px; }
.materials-collage { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,166px); gap:16px; }
.materials-collage .materials-collage-image { width:100%; height:100%; object-fit:cover; border-radius:16px; box-shadow:0 8px 20px rgb(16 28 46 / 6%); }
.materials-collage-image:first-child { grid-row:span 2; }
.materials-stats { display:flex; gap:26px; max-width:580px; margin-top:24px; padding-top:20px; border-top:1px solid var(--color-border); }
.materials-stats > div { display:flex; flex-direction:column-reverse; gap:4px; }
.materials-stats dt { color:var(--color-muted); font-size:12px; line-height:19.2px; }
.materials-stats dd { color:var(--color-ink); font-size:20px; font-weight:800; line-height:32px; letter-spacing:-.5px; }
@media(max-width:1150px) { .materials-hero-layout { gap:32px; } .materials-hero h1 { font-size:36px; } .materials-compliance { align-items:flex-start; } }
@media(max-width:1000px) { .materials-hero-layout { grid-template-columns:1fr; gap:36px; } .materials-hero-description { max-width:680px; } .materials-collage { grid-template-rows:repeat(2,190px); } }
@media(max-width:600px) { .materials-hero h1 { font-size:32px; letter-spacing:-.8px; } .materials-hero-description { font-size:15px; } .materials-collage { grid-template-rows:repeat(2,118px); gap:12px; } .materials-collage .materials-collage-image { border-radius:12px; } .materials-stats { gap:22px; } .materials-stats dd { font-size:18px; } .materials-stats dt { font-size:11px; } }

@media(max-width:800px) { .materials-hero { padding-block:var(--banner-mobile); } }
@media print { .materials-hero { padding-block:32px; } }