:root{
  --ink:#102b24;--green:#17664a;--green-dark:#0d3d2d;--lime:#a7d44b;--yellow:#ffd62e;
  --cream:#fffdf5;--paper:#f5f6f1;--muted:#61716a;--line:#dce4dd;--white:#fff;
  --shadow:0 20px 60px rgba(13,61,45,.12);--radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;background:#fff;padding:10px;z-index:100}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,245,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,43,36,.08)}
.nav-wrap{min-height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--green);color:var(--yellow);font-weight:900}.brand strong{display:block;font-size:1.15rem;line-height:1}.brand small{display:block;color:var(--muted);font-size:.68rem;margin-top:4px}.nav{display:flex;gap:22px}.nav a{text-decoration:none;font-weight:700;font-size:.9rem}.nav a:hover{color:var(--green)}.header-phone{background:var(--green);color:#fff;text-decoration:none;font-weight:800;padding:11px 17px;border-radius:999px;white-space:nowrap}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-weight:700}

.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f3f8ed 0%,#fffdf5 55%,#fff3a8 100%);padding:78px 0 90px}.hero-glow{position:absolute;width:500px;height:500px;background:var(--yellow);filter:blur(100px);opacity:.22;right:-160px;top:-180px;border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.eyebrow{font-size:.76rem;letter-spacing:.17em;font-weight:900;color:var(--green);margin:0 0 14px}.hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em;margin:0;max-width:720px}.hero h1 span{color:var(--green)}.hero-lede{font-size:1.15rem;color:#4e6159;max-width:620px;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 20px;border-radius:12px;text-decoration:none;border:0;font:inherit;font-weight:850;cursor:pointer}.button-primary{background:var(--green);color:#fff;box-shadow:0 10px 25px rgba(23,102,74,.2)}.button-primary:hover{background:var(--green-dark)}.button-light{background:#fff;color:var(--ink);border:1px solid var(--line)}.button-dark{background:var(--ink);color:#fff}.hero-points{display:flex;gap:18px;flex-wrap:wrap;color:#52635b;font-size:.86rem;font-weight:700;margin-top:24px}.hero-visual{position:relative}.hero-visual img{width:100%;height:540px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.floating-card{position:absolute;left:-35px;bottom:30px;background:#fff;padding:18px 20px;border-radius:16px;box-shadow:var(--shadow);display:grid;gap:2px}.floating-card strong{font-size:.98rem}.floating-card span{color:var(--muted);font-size:.8rem}

.trust-strip{background:var(--green);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}.trust-grid div{display:flex;align-items:center;gap:12px;padding:5px 20px;border-right:1px solid rgba(255,255,255,.2)}.trust-grid div:last-child{border:0}.trust-grid b{color:var(--yellow);font-size:.78rem}.trust-grid span{font-size:.86rem;font-weight:750}

.section{padding:100px 0}.section-heading{max-width:720px;margin-bottom:42px}.section-heading h2,.split-copy h2,.clearance-section h2,.contact-copy h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 16px}.section-heading>p:last-child,.split-copy>p,.contact-copy>p{color:var(--muted);font-size:1.03rem}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;min-height:205px;transition:.25s;box-shadow:0 5px 25px rgba(16,43,36,.04)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c5d9cb}.service-card.featured{background:var(--green);color:#fff;border-color:var(--green)}.service-card.featured h3{color:#fff}.service-card h3{font-size:1.08rem;margin:12px 0 7px}.service-card p{font-size:.9rem;color:var(--muted);margin:0}.featured p{color:#d9eee5}.service-icon{font-size:1.7rem}

.split-section{background:var(--paper);padding:100px 0}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split-image{position:relative}.split-image img{height:580px;width:100%;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.image-tag{position:absolute;right:20px;bottom:20px;background:var(--yellow);padding:9px 14px;border-radius:999px;font-weight:900}.check-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:15px}.check-list li{display:grid;grid-template-columns:150px 1fr;gap:14px;padding-top:15px;border-top:1px solid var(--line)}.check-list b{color:var(--green)}.check-list span{color:var(--muted);font-size:.9rem}

.clearance-section{padding:80px 0;background:var(--yellow);overflow:hidden}.clearance-grid{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.clearance-section .eyebrow{color:var(--green-dark)}.clearance-grid>div{max-width:560px}.clearance-section p:not(.eyebrow){font-size:1.05rem;max-width:560px}.clearance-grid img{width:100%;max-height:500px;object-fit:cover;border-radius:24px;box-shadow:0 25px 60px rgba(16,43,36,.18)}

.work-section{background:#fff}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--cream)}.work-card img{height:250px;width:100%;object-fit:cover}.work-card>div{padding:20px}.work-card b,.work-card span{display:block}.work-card span{color:var(--muted);font-size:.88rem;margin-top:5px}.badge-card img{object-fit:cover;object-position:center}

.reviews{background:var(--green-dark);color:#fff;padding:90px 0}.section-heading.light .eyebrow{color:var(--yellow)}.section-heading.light h2{margin-bottom:0}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid blockquote{margin:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:25px}.stars{color:var(--yellow);letter-spacing:3px}.review-grid p{font-size:1.05rem;min-height:75px}.review-grid cite{font-style:normal;font-weight:800;color:#cbe1d7}

.contact-section{padding:100px 0;background:var(--paper)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.contact-line{display:flex;align-items:center;gap:13px;text-decoration:none;margin:22px 0;font-size:1.05rem}.contact-line span{display:grid;place-items:center;width:40px;height:40px;background:var(--yellow);border-radius:12px}.small-note{font-size:.86rem!important;margin-top:30px}.contact-section form{background:#fff;padding:30px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:.82rem;font-weight:800;display:grid;gap:7px}input,select,textarea{font:inherit;width:100%;border:1px solid #ccd8d1;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,102,74,.1)}textarea{min-height:135px;resize:vertical}.submit{width:100%}.form-status{margin:0;font-size:.85rem;color:var(--green);font-weight:700}

footer{background:#092a20;color:#d6e5df;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid strong{color:#fff;font-size:1.25rem}.footer-grid p{max-width:360px;color:#a9c0b7}.footer-grid b{display:block;color:#fff;margin-bottom:12px}.footer-grid a{display:block;text-decoration:none;margin:6px 0;color:#c7d9d2}.footer-grid a:hover{color:var(--yellow)}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:18px;font-size:.76rem;color:#87a399}

@media(max-width:900px){
 .nav{display:none}.menu-toggle{display:block}.nav-wrap.nav-open .nav{display:flex;position:absolute;left:20px;right:20px;top:70px;background:#fff;padding:18px;border-radius:16px;box-shadow:var(--shadow);flex-direction:column}.header-phone{font-size:.82rem}.hero-grid,.split-grid,.clearance-grid,.contact-grid{grid-template-columns:1fr}.hero{padding:60px 0}.hero-visual img{height:420px}.floating-card{left:18px}.service-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid div:nth-child(2){border-right:0}.trust-grid div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:12px}.work-grid,.review-grid{grid-template-columns:1fr}.split-image img{height:450px}.contact-grid{gap:40px}
}
@media(max-width:560px){
 .container{width:min(100% - 28px,1160px)}.header-phone{display:none}.hero h1{font-size:3rem}.hero-lede{font-size:1rem}.hero-visual img{height:330px}.service-grid,.form-row{grid-template-columns:1fr}.section,.contact-section{padding:70px 0}.trust-grid{grid-template-columns:1fr}.trust-grid div,.trust-grid div:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding:12px 0}.trust-grid div:last-child{border:0}.split-image img{height:360px}.check-list li{grid-template-columns:1fr}.clearance-grid img{max-height:360px}.footer-grid{grid-template-columns:1fr;gap:25px}
}
/* Logo styling */
.brand-logo {
  height: 20px;          /* Adjust to your preferred size */
  width: auto;           /* Preserve aspect ratio */
  display: inline-block;
  vertical-align: left;/* Align logo with text */
  margin-right: 12px;    /* Space between logo and text */
}

/* Brand container layout */
.brand {
  display: flex;
  align-items: center;
  gap: 12px;             /* Spacing between logo and text */
  text-decoration: none;
}

/* Optional: responsive logo for mobile */
@media (max-width: 768px) {
  .brand-logo {
    height: 38px;        /* Slightly smaller on phones */
  }
}
.brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}
/* Hero two-column grid layout */
.hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;  /* Equal width columns → left : right */
  gap: 40px;                        /* Space between columns */
  align-items: center;              /* Vertically center both columns */
  padding: 40px 0;
}

/* Left column — text content */
.hero-copy {
  text-align: left;
}

/* Right column — fence image + card */
.hero-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-visual img {
  max-width: 100%;
  height: auto;
  border-radius: 8px; /* optional soft corners */
}

.floating-card {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 12px 20px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  text-align: center;
  white-space: nowrap;
}

/* 📱 Mobile: stack columns vertically on small screens */
@media (max-width: 768px) {
  .hero-grid {
    grid-template-columns: 1fr;  /* Back to single column */
    gap: 30px;
  }
}