.materials-block{background:var(--paper);padding:44px var(--gutter);display:grid;grid-template-columns:minmax(255px,1.35fr) 3.5fr;gap:38px;align-items:start;min-height:330px}.materials-intro h2{font-size:clamp(27px,2.05vw,38px);margin:0 0 16px}.materials-intro p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:370px}.materials-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.material-card{min-width:0}.material-card picture{display:block;overflow:hidden;aspect-ratio:1.1}.material-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);object-position:center}.material-card:nth-child(2) img,.material-card:nth-child(4) img{transform:scale(1.36)}.material-card strong,.material-card span,.material-card small{display:block}.material-card strong{margin-top:12px;font-size:14px;overflow-wrap:anywhere}.material-card span{font-size:14px;color:#485258;margin-top:2px}.material-card small{font-size:13px;color:#5c656b;margin-top:4px;line-height:1.4}.material-more{aspect-ratio:1.1;display:grid;place-items:center;background:#30383b;color:#fff;font-size:42px;font-weight:200}.material-more:hover{background:#152128}@media(max-width:1050px){.materials-block{grid-template-columns:1fr;gap:28px}.materials-intro{max-width:560px}}@media(max-width:600px){.materials-block{padding:40px 22px}.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}}

@media(max-width:600px){.materials-grid{grid-template-columns:1fr;gap:14px}.material-card{display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:15px;align-content:center;min-height:78px}.material-card picture,.material-more{grid-column:1;grid-row:1/4;aspect-ratio:1;width:70px;height:70px;align-self:center}.material-card strong,.material-card span,.material-card small{grid-column:2;margin-top:0}.material-card strong{font-size:15px}.material-card small{font-size:13px}.materials-block{gap:24px;padding-block:36px}}