/* Coordinated quarry photography; the animated journey remains the second section. */
.hero-photo{background-image:linear-gradient(90deg,#15283c50,transparent 40%),linear-gradient(0deg,#0b182bd9,transparent 55%),url('images/quarry-hero.jpg');background-position:center;background-size:cover}
.hero .photo-label{right:8%;bottom:50px}
#services .steps{gap:24px}
#services .visual-service{padding:0 0 28px;overflow:hidden;background:#15283c;color:#fff;border:0;border-radius:5px;box-shadow:0 12px 30px #15283c12}
#services .visual-service img{display:block;width:100%;height:240px;object-fit:cover;transition:transform .4s}
#services .visual-service:hover img{transform:scale(1.025)}
#services .visual-service h3{padding:25px 25px 0;color:#fff;font-size:30px}
#services .visual-service h3:before{content:'';display:block;width:32px;height:3px;background:var(--yellow);margin-bottom:14px}
#services .visual-service p{padding:0 25px;color:#c4d0da;font-size:14px;line-height:1.8}
.imagery-note{text-align:center;color:#9cafbd;font-size:11px;margin:24px 0 0}
@media(max-width:640px){.hero-photo{min-height:360px;background-position:center}.hero .photo-label{bottom:28px}#services .visual-service img{height:auto;aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){#services .visual-service img{transition:none}}

.material-card .product-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0 0 24px;border-radius:3px}.library-link{text-align:center;margin:28px 0 0}.library-link a{color:#f5c842;text-underline-offset:6px;font-size:15px}