:root{--ink:#132018;--green:#315d3a;--sage:#dfe8dc;--cream:#f7f3e8;--gold:#c29b4a;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.top{background:#0f1b13;color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:28px}.brand{font-weight:800;letter-spacing:.08em;font-size:1.2rem}.brand small{display:block;font-weight:500;letter-spacing:.2em;font-size:.65rem;color:#cfd8cf}.menu{display:flex;gap:26px;align-items:center}.menu a{padding:26px 0;border-bottom:3px solid transparent}.menu a:hover,.menu a.active{border-color:var(--gold)}.cta{background:var(--gold);color:#111;padding:13px 18px;font-weight:700;border-radius:0}.hero{min-height:620px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(11,22,14,.84),rgba(11,22,14,.2)),radial-gradient(circle at 76% 28%,#8ea36c 0 16%,transparent 17%),linear-gradient(135deg,#314e34 0 46%,#779268 47% 72%,#b99a70 73%);color:white}.hero-inner{max-width:670px;padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#f0d58f;font-weight:700}.hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.9;margin:.25em 0}.hero p{font-size:1.2rem;max-width:580px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:14px 20px;border:2px solid var(--gold);font-weight:700}.btn.primary{background:var(--gold);color:#111}.section{padding:72px 0}.section h2{font-size:clamp(2rem,4vw,3.6rem);margin:0 0 16px}.lead{font-size:1.1rem;max-width:760px;color:#425147}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.card{background:white;border:1px solid #d9dfd6;padding:28px;border-radius:0}.card .visual{height:190px;margin:-28px -28px 24px;background:linear-gradient(140deg,#55775a,#c7d4b8 55%,#8b6f49)}.card h3{font-size:1.35rem;margin:.2rem 0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:stretch}.panel-dark{background:#17271c;color:#fff;padding:48px}.panel-photo{min-height:420px;background:linear-gradient(160deg,#a7b691 0 35%,#5c7a56 36% 60%,#9f8260 61%)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.stat{background:#eef1e8;padding:20px;text-align:center}.stat strong{display:block;font-size:2rem}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:230px;gap:14px;margin-top:30px}.gallery div{background:linear-gradient(145deg,#5f805e,#c9d3b8 60%,#9c7d58)}.gallery div:nth-child(1){grid-row:span 2}.gallery div:nth-child(3){background:linear-gradient(145deg,#38533f,#8fa478 55%,#b7a078)}.gallery div:nth-child(4){background:linear-gradient(145deg,#bdb9a0,#657a56)}.contact-band{background:var(--gold);padding:40px 0}.contact-band .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-band .btn{border-color:#111}.footer{background:#0f1b13;color:#dfe6df;padding:52px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px}.footer h4{color:#fff;margin-top:0}.footer a{display:block;margin:7px 0;color:#dfe6df}.legal{border-top:1px solid #415046;margin-top:34px;padding-top:16px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.legal-links{display:flex;gap:18px}.page-hero{background:#263b2a;color:white;padding:90px 0}.page-hero h1{font-size:clamp(2.7rem,6vw,5rem);margin:0}.content{background:white;padding:36px;border:1px solid #d9dfd6}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:13px;border:1px solid #aeb9ad;border-radius:0;font:inherit}.form button{border:0;cursor:pointer}.notice{display:none;padding:12px;background:#e5efe2;border:1px solid #adc1a8;margin-top:12px}
@media(max-width:850px){.menu{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%}.grid3,.split,.footer-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr;grid-auto-rows:220px}.gallery div:nth-child(1){grid-row:auto}.contact-band .container{display:block}.stats{grid-template-columns:1fr}.hero{min-height:560px}.hero h1{font-size:3.7rem}}
@media(max-width:560px){.hero{min-height:520px}.hero-inner{padding:54px 0}.hero h1{font-size:clamp(2.65rem,13vw,3.15rem);line-height:.96;overflow-wrap:normal;word-break:normal;text-wrap:balance}.page-hero h1{font-size:clamp(2.35rem,11vw,3rem);line-height:1.02;text-wrap:balance}.eyebrow{letter-spacing:.15em}.actions{gap:10px}.btn{padding:12px 15px}}
.footer:after{content:"Complete demonstration website by Video Productions by Zeus. Available to use as shown or customize for your business.";display:block;width:min(1180px,92%);margin:18px auto 0;padding-top:14px;border-top:1px solid #415046;color:#aeb9ad;font-size:.78rem}
button,.btn,.card,.content,.stat,input,textarea,select{border-radius:0!important}

/* Finished photographic treatment across all pages. Every visible image position
   has its own file so no photograph repeats anywhere on the website. */
.hero{background:linear-gradient(90deg,rgba(11,22,14,.80),rgba(11,22,14,.08)),url('ridgeview-hero.png') center/cover no-repeat}
.page-hero{position:relative;isolation:isolate;background-position:center;background-size:cover;min-height:380px;display:flex;align-items:center}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,12,.78),rgba(10,20,12,.10));z-index:-1}
.page-services .page-hero{background-image:url('outdoor-kitchen.png')}
.page-about .page-hero{background-image:url('about-hero.png')}
.page-gallery .page-hero{background-image:url('gallery-hero-bright.png');background-position:center 58%}
.page-contact .page-hero{background-image:url('contact-hero.png')}
.page-privacy .page-hero{background-image:url('privacy-hero.png')}
.page-terms .page-hero{background-image:url('terms-hero.png')}
.page-services .card{padding:0 0 12px;overflow:hidden;box-shadow:0 16px 32px rgba(15,27,19,.15)}
.page-services .card>h3,.page-services .card>p{margin-left:18px;margin-right:18px}
.page-services .card>h3{font-size:1.15rem;margin-top:12px;margin-bottom:5px}
.page-services .card>p{font-size:.9rem;line-height:1.4;margin-top:0;margin-bottom:0}
.panel-photo{background-color:#eef1e8;background-position:center;background-size:contain;background-repeat:no-repeat;filter:saturate(1.12) contrast(1.06);box-shadow:0 18px 38px rgba(15,27,19,.18)}
.page-index .panel-photo{background-image:url('commercial-courtyard.png')}
.page-about .panel-photo{background-image:url('about-team.png')}
.page-contact .panel-dark{position:relative;isolation:isolate;background:url('contact-consultation.png') center/cover no-repeat}.page-contact .panel-dark:before{content:"";position:absolute;inset:0;background:rgba(15,27,19,.80);z-index:-1}
.gallery div,.gallery div:nth-child(3),.gallery div:nth-child(4){background-color:#eef1e8;background-position:center;background-size:contain;background-repeat:no-repeat;filter:saturate(1.12) contrast(1.06);box-shadow:0 14px 28px rgba(15,27,19,.18)}
.page-index .grid3 .card .visual{background-color:#eef1e8;background-position:center;background-size:contain;background-repeat:no-repeat;filter:saturate(1.12) contrast(1.06)}
.page-index .grid3 .card:nth-child(1) .visual{background-image:url('landscape-design.png')}
.page-index .grid3 .card:nth-child(2) .visual{background-image:url('hardscape-build.png')}
.page-index .grid3 .card:nth-child(3) .visual{background-image:url('outdoor-lighting.png')}
.page-index .gallery div:nth-child(1){background-image:url('planting-beds.png')}
.page-index .gallery div:nth-child(2){background-image:url('property-maintenance.png')}
.page-index .gallery div:nth-child(3){background-image:url('fire-feature.png')}
.page-index .gallery div:nth-child(4){background-image:url('water-feature.png')}
.page-index .gallery div:nth-child(5){background-image:url('native-garden.png')}
.page-gallery .gallery:first-of-type div:nth-child(1){background-image:url('gallery-courtyard.png')}
.page-gallery .gallery:first-of-type div:nth-child(2){background-image:url('gallery-pool.png')}
.page-gallery .gallery:first-of-type div:nth-child(3){background-image:url('gallery-terraces.png')}
.page-gallery .gallery:first-of-type div:nth-child(4){background-image:url('gallery-four-season.png')}
.page-gallery .gallery:first-of-type div:nth-child(5){background-image:url('gallery-commercial.png')}
.page-gallery .gallery:last-of-type div:nth-child(1){background-image:url('gallery-pergola.png')}
.page-gallery .gallery:last-of-type div:nth-child(2){background-image:url('gallery-woodland.png')}
.page-gallery .gallery:last-of-type div:nth-child(3){background-image:url('gallery-estate.png')}
.page-gallery .gallery:last-of-type div:nth-child(4){background-image:url('gallery-installation.png')}
.page-gallery .gallery:last-of-type div:nth-child(5){background-image:url('gallery-blue-hour.png')}

/* Keep the three process steps readable against their light panels. */
.panel-dark .stat{background:#eef1e8!important;color:#132018!important;border-top:4px solid var(--gold)}
.panel-dark .stat strong{color:#315d3a!important}

/* Contact photographs: lift the dimmed treatments without changing other pages. */
.page-contact .page-hero:before{background:linear-gradient(90deg,rgba(10,20,12,.53),rgba(10,20,12,.03))}
.page-contact .panel-dark:before{background:rgba(15,27,19,.36)}

/* About photographs use their intrinsic dimensions, without crop boxes. */
.about-photo-hero{position:relative;background:#263b2a;color:white}
.about-photo-hero>img{width:100%;height:auto}
.about-photo-title{position:absolute;inset:auto 0 0;padding:28px 0;background:linear-gradient(transparent,rgba(10,20,12,.9))}
.about-photo-title h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:8px 0 0}
.about-team-photo{margin:0;align-self:center}
.about-team-photo img{width:100%;height:auto}

/* Place the navigation indicator immediately beneath its label. */
.menu a{padding:4px 0}