:root{--primary:#2457ff;--accent:#8feeff;--dark:#07182f;--light:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:#111;font-family:'DM Sans',sans-serif}.demo-bar{height:34px;padding:0 5vw;background:#050505;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.16em}.demo-bar a{color:#8feeff;text-decoration:none}.nav{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);position:sticky;top:0;z-index:20;border-bottom:1px solid #00000012;backdrop-filter:blur(16px)}.brand{font-family:Oswald,sans-serif;font-size:21px;font-weight:700;color:#111;text-decoration:none;letter-spacing:.02em}.nav nav{display:flex;gap:28px}.nav nav a{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#111;text-decoration:none}.nav-cta{background:#111;color:#fff!important;border-radius:999px;padding:11px 18px;font-size:11px;font-weight:700;text-decoration:none}.hero{min-height:calc(100vh - 110px);position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.hero-image,.shade{position:absolute;inset:0}.hero-image{background-size:cover;background-position:center;transform:scale(1.02)}.shade{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.18) 100%)}.hero-copy{position:relative;z-index:2;padding:12vh 6vw 16vh;max-width:900px}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.eyebrow{color:var(--accent)}h1{font-family:Oswald,sans-serif;font-size:clamp(4.6rem,10vw,9rem);line-height:.86;letter-spacing:-.04em;margin:18px 0 24px;text-transform:uppercase;max-width:900px}.lede{font-size:18px;line-height:1.7;max-width:610px;color:#ffffffc9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-decoration:none}.primary{background:var(--primary);color:#fff}.ghost{border:1px solid #ffffff88;color:#fff;background:#ffffff12}.dark{background:#111;color:#fff}.info-strip{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;color:#111}.info-strip div{padding:22px 5vw;border-right:1px solid #00000012}.info-strip small{display:block;font-size:9px;font-weight:800;letter-spacing:.16em;color:#0007;margin-bottom:7px}.info-strip strong{font-size:13px}.section{padding:110px 6vw}.kicker{color:var(--primary);margin:0 0 16px}.section h2,.about h2,.visit h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(3rem,7vw,6rem);line-height:.95;margin:0;letter-spacing:-.035em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#0002;margin-top:60px;border:1px solid #0002}.card{background:#fff;padding:44px;min-height:260px}.card span{font-size:10px;font-weight:800;color:var(--primary);letter-spacing:.15em}.card h3{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:32px;margin:55px 0 12px}.card p{color:#0009;line-height:1.7}.gallery{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:8px;padding:0 6vw 110px}.gallery div{height:420px;background-size:cover;background-position:center}.about{background:var(--dark);color:#fff;padding:110px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.about p:last-child{font-size:18px;line-height:1.8;color:#ffffffb8;max-width:650px}.visit{padding:110px 6vw;background:var(--accent)}.visit h2{max-width:1000px}.visit>p:not(.kicker){font-size:17px}.visit .primary{background:var(--dark)}footer{padding:34px 6vw;display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}footer a{color:inherit}@media(max-width:760px){.nav nav{display:none}.hero{min-height:780px}.hero-copy{padding:90px 24px 210px}h1{font-size:clamp(4rem,20vw,6rem)}.info-strip{grid-template-columns:1fr}.info-strip div{padding:12px 24px}.section,.about,.visit{padding:80px 24px}.cards{grid-template-columns:1fr}.card{min-height:210px}.gallery{grid-template-columns:1fr;padding:0 24px 80px}.gallery div{height:300px}.about{grid-template-columns:1fr;gap:30px}footer{padding:28px 24px;flex-direction:column}.demo-bar{padding:0 18px}}

/* =========================================
   LANDSCAPING SHOWCASE
   ========================================= */

.landscape-showcase {
  padding: 110px 6vw;
  background: #f3f0e7;
  color: #0b1812;
}

.landscape-heading {
  max-width: 1400px;
  margin: 0 auto 50px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 50px;
  align-items: end;
}

.landscape-heading h2 {
  margin: 10px 0 0;
  font-family: "Oswald", sans-serif;
  font-size: clamp(3.5rem, 7vw, 7rem);
  line-height: .92;
  text-transform: uppercase;
}

.landscape-heading > p {
  max-width: 520px;
  margin: 0;
  font-size: 1rem;
  line-height: 1.8;
  opacity: .65;
}

.before-after {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.ba-card {
  overflow: hidden;
  border-radius: 28px;
  background: #fff;
}

.ba-image {
  height: 520px;
  background-size: cover;
  background-position: center;
  transition: transform .5s ease;
}

.ba-card:hover .ba-image {
  transform: scale(1.025);
}

.ba-label {
  padding: 22px 24px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ba-label span {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  color: #18392b;
}

.ba-label strong {
  font-size: .95rem;
}

.ba-card.featured {
  background: #18392b;
  color: white;
}

.ba-card.featured .ba-label span {
  color: #c8b88a;
}

.service-area {
  max-width: 1400px;
  margin: 18px auto 0;
  padding: 42px;
  border-radius: 28px;
  background: #0b1812;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.service-area h3 {
  margin: 8px 0 8px;
  font-family: "Oswald", sans-serif;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
  text-transform: uppercase;
}

.service-area p {
  margin-bottom: 0;
  color: rgba(255,255,255,.65);
}

.estimate-button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 26px;
  border-radius: 999px;
  background: #c8b88a;
  color: #0b1812;
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  transition: transform .2s ease;
}

.estimate-button:hover {
  transform: translateY(-3px);
}

@media (max-width: 800px) {

  .landscape-showcase {
    padding: 75px 20px;
  }

  .landscape-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .before-after {
    grid-template-columns: 1fr;
  }

  .ba-image {
    height: 360px;
  }

  .service-area {
    padding: 30px 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .estimate-button {
    width: 100%;
  }
}