
:root{--forest:#173b2a;--deep:#102a1e;--leaf:#39a935;--sage:#78916d;--cream:#f5f3eb;--sand:#e7e1d3;--ink:#202820;--muted:#667067;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:var(--deep);color:#e8eee7;font-size:.83rem;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #14271a12}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:260px;height:76px;object-fit:contain}.links{display:flex;align-items:center;gap:28px;font-size:.91rem;font-weight:700}.links a:hover,.links a.active{color:var(--leaf)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--leaf);color:#fff;padding:14px 22px;border-radius:5px;font-weight:800;letter-spacing:.02em;border:0;cursor:pointer;transition:.2s}.btn:hover{background:#278526;transform:translateY(-1px)}.btn.dark{background:var(--forest)}.btn.outline{background:transparent;border:1px solid #fff;color:#fff}.menu{display:none;background:none;border:0;font-size:1.8rem;color:var(--forest)}.hero{min-height:590px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#07170fdb 0%,#0c2017a8 48%,#10251920 100%),url('assets/after-landscaping.jpeg') center 48%/cover no-repeat}.hero-inner{padding:90px 0;max-width:720px}.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#b8e4a8}.hero h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:.98;margin:16px 0 20px;text-transform:uppercase;letter-spacing:-.045em}.hero h1 span{display:block;color:#6bd34c}.hero p{font-size:1.18rem;max-width:620px;color:#f0f2ed}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.strip{background:var(--cream);border-bottom:1px solid var(--sand)}.strip .container{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.strip-item{text-align:center;padding:22px 10px;font-size:.82rem;font-weight:800;border-right:1px solid #d8d2c5}.strip-item:last-child{border:0}.strip-item b{display:block;color:var(--forest);font-size:1.5rem;margin-bottom:4px}.section{padding:82px 0}.section.cream{background:var(--cream)}.section.dark{background:var(--deep);color:#fff}.section-head{max-width:720px;margin-bottom:38px}.kicker{color:#368b31;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}.section h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.035em;margin:10px 0 16px;color:var(--forest)}.dark h2{color:#fff}.lead{font-size:1.08rem;color:var(--muted)}.dark .lead{color:#d4ddd4}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:54px;align-items:center}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-grid img{height:220px;width:100%;object-fit:cover;border-radius:7px}.photo-grid img:first-child{grid-row:span 2;height:454px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e7e8e2;border-radius:8px;overflow:hidden;box-shadow:0 8px 26px #1d35200a}.card img{width:100%;height:210px;object-fit:cover}.card-body{padding:22px}.card h3{margin:0 0 8px;color:var(--forest);font-size:1.2rem}.card p{margin:0;color:var(--muted);font-size:.95rem}.icon{font-size:1.7rem;color:var(--leaf)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery figure{margin:0;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 5px 20px #10251912}.gallery img{width:100%;height:260px;object-fit:cover}.gallery figcaption{padding:13px 16px;font-weight:800;color:var(--forest)}.beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:12px}.beforeafter img{height:230px;width:100%;object-fit:cover;border-radius:6px}.tag{display:inline-block;background:var(--cream);color:var(--forest);font-size:.72rem;font-weight:900;letter-spacing:.08em;padding:5px 9px;border-radius:3px;margin-bottom:8px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.feature{display:flex;gap:12px;align-items:flex-start}.check{color:var(--leaf);font-weight:900;font-size:1.2rem}.cta{background:linear-gradient(110deg,#173b2a,#284e32);color:#fff;padding:55px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{color:#fff;margin:0 0 8px}.cta p{margin:0;color:#dce8dc}.page-hero{background:linear-gradient(90deg,#0b2018df,#0b201899),url('assets/after-pavers.jpeg') center/cover;color:#fff;padding:92px 0}.page-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);margin:8px 0;line-height:1}.page-hero p{max-width:650px;color:#e7eee6}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}.contact-panel{background:var(--cream);padding:28px;border-radius:8px}.contact-panel p{margin:10px 0}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form label{display:block;font-size:.86rem;font-weight:800;color:var(--forest)}.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #d7dbd2;border-radius:5px;font:inherit;margin-top:6px;background:#fff}.form .full{grid-column:1/-1}.form textarea{min-height:125px;resize:vertical}.note{font-size:.82rem;color:var(--muted)}.footer{background:#0d2419;color:#e9eee8;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer img{width:240px;max-height:90px;object-fit:contain;object-position:left center;background:#fff;border-radius:4px;padding:4px}.footer h3{color:#fff;font-size:1rem}.footer a{color:#d9e5d8}.footer a:hover{color:#8cdb70}.copyright{border-top:1px solid #ffffff24;margin-top:35px;padding-top:18px;font-size:.8rem;color:#b9c8b8}.small{font-size:.88rem;color:var(--muted)}@media(max-width:900px){.links{gap:14px;font-size:.82rem}.brand img{width:220px}.strip .container{grid-template-columns:repeat(3,1fr)}.strip-item:nth-child(3){border-right:0}.strip-item:nth-child(-n+3){border-bottom:1px solid #d8d2c5}.split{gap:30px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.topbar .container{justify-content:center}.nav{min-height:75px}.brand img{width:205px;height:65px}.menu{display:block}.links{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:18px 22px 24px;box-shadow:0 10px 15px #0001;flex-direction:column;align-items:stretch}.links.open{display:flex}.nav>.btn{display:none}.hero{min-height:570px;background-position:58% center}.hero-inner{padding:75px 0}.strip .container{grid-template-columns:repeat(2,1fr)}.strip-item:nth-child(3){border-right:1px solid #d8d2c5}.strip-item:nth-child(2n){border-right:0}.strip-item:nth-child(-n+4){border-bottom:1px solid #d8d2c5}.section{padding:60px 0}.split,.contact-grid,.footer-grid{grid-template-columns:1fr}.photo-grid img{height:165px}.photo-grid img:first-child{height:344px}.cards,.gallery{grid-template-columns:1fr}.gallery img{height:240px}.cta{padding:30px;align-items:flex-start;flex-direction:column}.form{grid-template-columns:1fr}.form .full{grid-column:auto}.beforeafter img{height:155px}}

/* Homepage branding: give the Elevation logo more visual prominence. */
.home-page .nav{min-height:108px}
.home-page .brand img{width:330px;height:96px}
@media(max-width:900px){
  .home-page .brand img{width:275px;height:86px}
  .home-page .nav{min-height:96px}
}
@media(max-width:680px){
  .home-page .brand img{width:235px;height:76px}
  .home-page .nav{min-height:75px}
}
