.gravel-hero{background-image:url('images/gravel.webp');background-position:center}.gravel-choice{padding:105px 0;background:#080808}.gravel-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gravel-samples .stone{height:170px;border:7px solid #242424;background-size:10px 10px}.st1{background:radial-gradient(circle at 30% 30%,#e4c180 0 2px,#9c713e 3px 5px,#c99a59 6px)}.st2{background:radial-gradient(circle at 70% 30%,#d6d4cb 0 2px,#797b78 3px 5px,#aaa9a1 6px)}.st3{background:radial-gradient(circle at 40% 70%,#d18d57 0 2px,#6d4a39 3px 5px,#a76444 6px)}.st4{background:radial-gradient(circle at 60% 40%,#ece5d1 0 2px,#aa9f88 3px 5px,#d0c7b2 6px)}.st5{background:radial-gradient(circle at 35% 45%,#72767a 0 2px,#2d3032 3px 5px,#51555a 6px)}.st6{background:radial-gradient(circle at 65% 65%,#c5a05f 0 2px,#795a32 3px 5px,#ad8550 6px)}.gravel-samples p{grid-column:1/-1;background:var(--asg-yellow);color:#111;padding:18px;margin:0}.gravel-samples strong,.gravel-samples span{display:block}.gravel-structure{padding:100px 0;background:#0b0b0b}.gravel-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.gravel-detail-grid article{padding:17px;background:#ffffff08;border-left:2px solid var(--asg-yellow)}.gravel-detail-grid b,.gravel-detail-grid span{display:block}.gravel-detail-grid span{color:#aaa;font-size:13px}.gravel-structure-photo{position:relative}.gravel-structure-photo img{width:100%;height:570px;object-fit:cover}.gravel-structure-photo span{position:absolute;left:0;right:0;bottom:0;background:#f4c400e8;color:#111;padding:18px;font-size:12px;font-weight:900;letter-spacing:1.3px}.gravel-maintenance{padding:90px 0;background:#1b1b1b}.gravel-maintenance .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.gravel-maintenance h2{font-size:44px;line-height:1.08;margin:12px 0}.gravel-maintenance p{color:#bbb}.gravel-maintenance ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.gravel-maintenance li{padding:22px;background:#0d0d0d;border-top:3px solid var(--asg-yellow)}.gravel-maintenance b,.gravel-maintenance span{display:block}.gravel-maintenance b{font-size:20px}.gravel-maintenance span{color:#aaa}
@media(max-width:850px){.gravel-maintenance .container{grid-template-columns:1fr}.gravel-samples{max-width:650px}}@media(max-width:600px){.gravel-choice,.gravel-structure,.gravel-maintenance{padding:65px 0}.gravel-samples .stone{height:105px;border-width:4px}.gravel-detail-grid,.gravel-maintenance ul{grid-template-columns:1fr}.gravel-structure-photo img{height:400px}}