/* Shared photo treatment: natural colours, clear image above, contrast behind copy. */
.material-grid .copy-card,.industry-grid .copy-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:#24332b;border:1px solid rgba(31,57,41,.12);color:#fff;padding:26px 24px;border-radius:16px}
.material-grid .copy-card{min-height:430px;display:grid;grid-template-rows:16px 50px auto;align-content:start;row-gap:8px;padding-top:120px}.material-grid .copy-card h3{margin:0;align-self:start}.material-grid .copy-card .card-index{line-height:16px}
.industry-grid .copy-card{min-height:310px;display:grid;grid-template-rows:50px auto;align-content:start;row-gap:8px;padding-top:145px}.industry-grid .copy-card h3{margin:0;align-self:start}
.material-grid .copy-card::before,.industry-grid .copy-card::before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--card-photo);background-size:cover;background-position:var(--card-position,center);filter:none}
.material-grid .copy-card::after,.industry-grid .copy-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(6,12,9,0) 0%,rgba(6,12,9,.06) 24%,rgba(6,12,9,.57) 53%,rgba(6,12,9,.86) 100%);pointer-events:none}
.material-grid .copy-card .card-index{color:#eff4df;text-shadow:0 1px 3px #0009}
.material-grid .copy-card h3,.industry-grid .copy-card h3{color:#fff;text-shadow:0 1px 4px #0008}
.material-grid .copy-card p,.industry-grid .copy-card p{color:#fff;text-shadow:0 1px 3px #0009;line-height:1.6}
.material-grid #copper{--card-photo:url("copper-scrap.webp");--card-position:center 42%}
.material-grid #brass{--card-photo:url("brass-scrap.webp");--card-position:center 46%}
.material-grid #aluminum{--card-photo:url("aluminum-scrap.webp");--card-position:center 45%}
.material-grid #other-materials{--card-photo:url("equipment-scrap.webp");--card-position:center 45%}
.industry-grid #industry-construction{--card-photo:url("industry-construction.webp")}
.industry-grid #industry-manufacturing{--card-photo:url("industry-manufacturing.webp")}
.industry-grid #industry-cable{--card-photo:url("industry-cable.webp")}
.industry-grid #industry-energy{--card-photo:url("industry-energy.webp")}
.industry-grid #industry-service{--card-photo:url("industry-service.webp")}
.industry-grid #industry-beverage{--card-photo:url("industry-beverage.webp")}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.material-grid .copy-card,.industry-grid .copy-card{transition:transform .25s ease,box-shadow .25s ease}
.material-grid .copy-card::before,.industry-grid .copy-card::before{transition:transform .4s ease}
.material-grid .copy-card:hover,.industry-grid .copy-card:hover{transform:translateY(-5px);z-index:2;box-shadow:0 16px 32px rgba(16,45,37,.18)}
.material-grid .copy-card:hover::before,.industry-grid .copy-card:hover::before{transform:scale(1.035)}
}
@media(max-width:650px){.material-grid .copy-card{min-height:370px}.industry-grid .copy-card{min-height:300px}.material-grid .copy-card,.industry-grid .copy-card{padding:24px 22px}}
@media(max-width:650px){.material-grid .copy-card{padding-top:100px}}

.material-grid .copy-card::after{background:linear-gradient(180deg,rgba(6,12,9,0) 0%,rgba(6,12,9,.12) 18%,rgba(6,12,9,.58) 30%,rgba(6,12,9,.7) 55%,rgba(6,12,9,.86) 100%)}

@media(max-width:650px){.industry-grid .copy-card{padding-top:130px}}