@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--lime:#c7e600;--black:#050505;--char:#101112;--white:#f7f7f5;--muted:#a9aaad;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding-left:22px;padding-right:22px}
.topbar{height:32px;background:#000;border-bottom:1px solid #292929;display:flex;align-items:center;justify-content:center;gap:22px;font-size:11px;color:#ddd}.topbar a{color:#fff}.topbar a:last-child{color:var(--lime)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(4,4,4,.96);backdrop-filter:blur(12px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;letter-spacing:.4px}.brand .jd{font:800 50px/1 'Inter';letter-spacing:-6px;color:#fff}.brand .jd::first-letter{color:var(--lime)}.brand b{display:block;font-size:29px;line-height:.9}.brand small{display:block;color:var(--lime);font-size:16px;font-weight:700;line-height:1.1}.links{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:700}.links>a:not(.quote){padding:30px 0;border-bottom:2px solid transparent}.links>a:not(.quote):hover{color:var(--lime);border-color:var(--lime)}.quote{background:var(--lime);color:#070707;padding:14px 17px;font-weight:800}.quote span,.btn span{font-size:18px;margin-left:8px}.menu{display:none;background:none;border:0;color:#fff;font-size:27px}
.hero{position:relative;min-height:610px;overflow:hidden;background:#050505}.hero-image{position:absolute;inset:0;background-image:url('assets/black-ford-ranger-wildtrak-hero.jpg');background-position:center right;background-size:cover;filter:saturate(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.96) 34%,rgba(5,5,5,.28) 67%,rgba(5,5,5,.18) 100%)}.hero-content{position:relative;padding-top:110px;padding-bottom:95px}.eyebrow{color:var(--lime);font-size:13px;font-weight:800;letter-spacing:1.7px;margin:0 0 9px}.hero h1,h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.92;margin:0;letter-spacing:.5px}.hero h1{font-size:72px;max-width:650px}.hero h1 em,h2 em{font-style:normal;color:var(--lime)}.lead{font-size:17px;color:#e7e7e7;max-width:530px}.ticks{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;font-weight:700;margin:24px 0}.ticks span{color:#ddd}.ticks span::first-letter{color:var(--lime)}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 22px;font-size:12px;font-weight:800;border:1px solid var(--lime);transition:.2s}.btn.lime{background:var(--lime);color:#050505}.btn.lime:hover{background:#fff;border-color:#fff}.btn.outline{background:transparent;color:#fff}.btn.outline:hover{background:#fff;color:#050505;border-color:#fff}
.trust{display:grid;grid-template-columns:repeat(4,1fr);background:#0a0a0a;border-top:1px solid #292929;border-bottom:1px solid #292929}.trust>div{padding:22px 28px;display:flex;gap:12px;align-items:center;border-right:1px solid #333}.trust>div:last-child{border-right:0}.trust b{font-size:29px;color:var(--lime)}.trust strong,.trust small{display:block}.trust strong{font-size:11px}.trust small{color:#aaa;font-size:10px;margin-top:2px}
.section{padding:85px 0}.light{background:#f3f4f1;color:#111}.section-head{max-width:580px;margin-bottom:38px}.section-head h2,.about h2,.contact h2{font-size:52px}.section-head>p:last-child{color:#444}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#090909;color:#fff;border:1px solid #252525}.photo{height:190px;background-size:cover;background-position:center}.photo.resin{background-image:url('assets/resin-driveway.jpg')}.photo.paving{background-image:url('assets/patios-pathways.jpg')}.photo.tarmac{background-image:url('assets/tarmac-texture.jpg')}.photo.aggregate{background-image:url('assets/driveway-repairs.jpg')}.card p{margin:0 18px 22px;color:#bbb;font-size:13px}
.about{padding:82px 0;background:#0a0a0a}.about-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:65px;align-items:center}.about h2{font-size:56px}.about p:not(.eyebrow){color:#bbb;max-width:500px}.benefits{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #333}.benefits div{padding:25px;border-bottom:1px solid #333;border-right:1px solid #333}.benefits b{display:block;color:var(--lime);font-size:25px}.benefits strong,.benefits span{display:block}.benefits strong{margin-top:8px}.benefits span{color:#aaa;font-size:12px;margin-top:5px}
.gallery{padding:85px 0;background:#111}.gallery h2{font-size:55px}.gallery-note{margin-top:30px;border:1px dashed #555;padding:45px;text-align:center;background:linear-gradient(135deg,#0b0b0b,#191a1b)}.gallery-note span{font:700 32px 'Barlow Condensed';color:var(--lime)}.gallery-note p{color:#aaa}
.areas{padding:70px 0;background:#080808;border-top:1px solid #333;border-bottom:1px solid #333}.area-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:50px;align-items:center}.areas h2{font-size:58px}.areas p:not(.eyebrow){color:#aaa}.area-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px;margin-top:25px;font-size:13px}.area-list span::first-letter{color:var(--lime)}.contact-box{border:1px solid var(--lime);padding:32px;background:#0e0e0e}.contact-box p{color:var(--lime)!important;font-size:12px;font-weight:800}.contact-box>a:not(.btn){display:block;font-size:23px;font-weight:700;margin:7px 0}.contact-box .btn{margin-top:18px;width:100%}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact-details{display:grid;gap:10px;margin-top:25px}.contact-details a,.contact-details>span{font-weight:700}.contact-details span span{margin-left:7px;font-weight:500}form{background:#fff;border:1px solid #ddd;padding:28px;box-shadow:0 10px 40px rgba(0,0,0,.08)}form label{display:block;font-size:12px;font-weight:700;margin-bottom:15px}input,textarea{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #cfcfcf;font:inherit;background:#fafafa}textarea{resize:vertical}.hidden{display:none}form .btn{width:100%;cursor:pointer}
footer{background:#050505;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:50px;padding-bottom:45px}.footer-grid h4{font-size:11px;color:var(--lime);letter-spacing:1px}.footer-grid a,.footer-grid span{display:block;color:#bbb;font-size:12px;margin:7px 0}.footer-grid p{color:#888;font-size:11px;max-width:300px}.copyright{text-align:center;border-top:1px solid #222;color:#777;padding:16px;font-size:10px}
@media(max-width:1000px){.links{gap:10px}.links>a:not(.quote){font-size:10px}.hero h1{font-size:61px}.cards{grid-template-columns:1fr 1fr}.trust{grid-template-columns:1fr 1fr}.trust>div:nth-child(2){border-right:0}.trust>div{border-bottom:1px solid #333}.about-grid,.contact-grid,.area-grid{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{display:none}.nav{min-height:68px}.links{display:none;position:absolute;top:68px;left:0;right:0;background:#050505;padding:12px 22px 22px;flex-direction:column;align-items:stretch}.links.open{display:flex}.links>a:not(.quote){padding:10px 0;border:0}.quote{text-align:center}.menu{display:block}.brand .jd{font-size:43px}.brand b{font-size:24px}.brand small{font-size:13px}.hero{min-height:670px}.hero-image{position:absolute;inset:0;background-image:url('assets/black-ford-ranger-wildtrak-hero.jpg');background-position:center right;background-size:cover;filter:saturate(1.02)}.hero-overlay{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.91) 53%,rgba(5,5,5,.25) 100%)}.hero-content{padding-top:85px}.hero h1{font-size:50px}.lead{font-size:15px}.ticks{display:grid;gap:7px}.trust{grid-template-columns:1fr}.trust>div{border-right:0}.section{padding:60px 0}.section-head h2,.about h2,.contact h2,.areas h2{font-size:43px}.cards{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:20px}.gallery-note{padding:30px 18px}}

.gallery-intro{max-width:760px;color:#aaa;margin:12px 0 34px;font-size:16px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-grid figure{margin:0;background:#0a0a0a;border:1px solid #2c2c2c;overflow:hidden;transition:transform .25s,border-color .25s}.gallery-grid figure:hover{transform:translateY(-4px);border-color:var(--lime)}.gallery-link{position:relative;display:block;overflow:hidden;background:#171717}.gallery-grid img{display:block;width:100%;height:300px;object-fit:cover;transition:transform .45s ease}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-zoom{position:absolute;left:14px;bottom:14px;background:var(--lime);color:#050505;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.8px;opacity:0;transform:translateY(5px);transition:.2s}.gallery-grid figure:hover .gallery-zoom{opacity:1;transform:none}.gallery-grid figcaption{padding:14px 15px;font-size:12px;font-weight:700;color:#fff}.gallery-cta{margin-top:30px;padding:22px 24px;border:1px solid #333;background:#0a0a0a;display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-cta strong,.gallery-cta span{display:block}.gallery-cta strong{font-size:13px;color:var(--lime);letter-spacing:1px}.gallery-cta span{font-size:13px;color:#bbb;margin-top:4px}
@media(max-width:1000px){.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:260px}.gallery-cta{align-items:stretch;flex-direction:column}.gallery-cta .btn{width:100%}}

.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:30px;opacity:0;transition:opacity .18s}.lightbox.open{opacity:1}.lightbox img{max-width:min(1200px,96vw);max-height:90vh;object-fit:contain;box-shadow:0 20px 80px rgba(0,0,0,.5)}.lightbox-close{position:absolute;top:18px;right:24px;background:none;border:0;color:#fff;font-size:42px;line-height:1;cursor:pointer}.lightbox-close:hover{color:var(--lime)}

.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{display:block;overflow:hidden;border-radius:10px;background:#111;border:1px solid #252525;aspect-ratio:4/3}.project-card img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:auto;transition:transform .25s ease}.project-card:hover img{transform:scale(1.025)}@media(max-width:800px){.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:520px){.project-gallery{grid-template-columns:1fr}}