/* Materials page: landing hero with a grade index in place of the photo, one block per material family. */
.materials-hero{align-items:start}
.materials-hero-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 26px;margin-top:22px}
.materials-index{grid-column:2;grid-row:1/3;min-width:0;border-top:2px solid var(--ink);padding-top:14px}
.materials-index-title{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.materials-index ul{list-style:none;margin:0;padding:0}
.materials-index a{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,2fr);gap:4px 16px;padding:13px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.materials-index a:hover strong,.materials-index a:focus-visible strong{text-decoration:underline;text-underline-offset:4px}
.materials-index span{font-size:13px;color:var(--muted)}
.materials-index strong{font-size:16px;line-height:1.45}
.materials-index-note{margin:10px 0 0;font-size:13px;color:var(--muted)}
.materials-families h2,.materials-treatments h2,.materials-review h2,.materials-faq h2{font-size:clamp(32px,3.5vw,50px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.materials-families .body-copy{margin:14px 0 26px;color:var(--muted)}
.materials-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.materials-family{min-width:0;border-top:2px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:10px;scroll-margin-top:100px}
.materials-family h3{font-size:22px;letter-spacing:-.02em;margin:0}
.materials-family p{margin:0;font-size:15px;line-height:1.6}
.materials-family .materials-grades-line{font-weight:600}
.materials-records{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.55;color:var(--muted)}
.materials-records a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.materials-family .text-link{margin-top:auto;align-self:flex-start}
.materials-treatments-layout{display:block}
.materials-treatment{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;border-top:1px solid var(--line);padding:24px 0}
.materials-treatment-text{grid-template-columns:minmax(0,1.1fr)}
.materials-evidence{margin:0;min-width:0}
.materials-evidence img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;object-position:left top;background:var(--soft)}
.materials-evidence figcaption,.materials-gallery figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--muted)}
.materials-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:36px}
.materials-gallery figure{margin:0;min-width:0}
.materials-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.materials-treatments h2{margin-bottom:16px}
.materials-treatments h3{font-size:20px;letter-spacing:-.02em}
.materials-treatments article p{font-size:15px;line-height:1.65;margin:8px 0 10px}
.materials-review .two-column{gap:clamp(30px,5vw,80px);align-items:start}
.materials-checklist{margin:22px 0 18px;padding-left:20px}
.materials-checklist li{font-size:16px;line-height:1.6;padding:5px 0}
.materials-send{border-top:2px solid var(--ink);padding-top:18px}
.materials-send h3{font-size:22px;letter-spacing:-.02em}
.materials-send p{font-size:15px;line-height:1.65;margin:12px 0}
.materials-ladder{font-weight:600}
.materials-faq .landing-faq-grid{margin-top:28px}
@media(max-width:1100px){.materials-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
 .materials-index{grid-column:1;grid-row:auto}
 .materials-treatment{grid-template-columns:1fr}.materials-gallery{grid-template-columns:1fr 1fr}
 .materials-faq .landing-faq-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .materials-family-grid{grid-template-columns:1fr}
 .materials-index a{grid-template-columns:1fr;gap:0;padding:10px 0}
 .materials-index strong{font-size:15px}
}