.material-grid{padding:25px 8vw 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.material-card{display:block;position:relative;min-height:520px;overflow:hidden;color:#fff;background:var(--navy)}
.material-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.material-card:hover img{transform:scale(1.035)}
.material-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,17,27,.12) 20%,rgba(5,17,27,.86) 100%)}
.material-tag{position:absolute;top:26px;left:26px;padding:9px 14px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);font-size:13px;letter-spacing:.04em}
.material-copy{position:absolute;left:28px;right:24px;bottom:26px}
.material-copy small{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:#d7dfe5}
.material-copy h3{font:500 clamp(1.8rem,2.4vw,2.7rem)/1.12 var(--font-head);letter-spacing:-.035em;margin:0;max-width:90%}
.material-copy b{position:absolute;right:0;bottom:0;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(6,20,31,.9);font-size:19px;font-weight:400}
.service-method-title{padding-top:30px}
.services-grid-page{margin-bottom:110px}
@media(max-width:980px){.material-grid{grid-template-columns:repeat(2,1fr);padding-left:7vw;padding-right:7vw}.material-card{min-height:480px}}
@media(max-width:620px){.material-grid{grid-template-columns:1fr;padding:15px 6vw 80px;gap:16px}.material-card{min-height:440px}.material-copy h3{font-size:2.25rem}}