:root{--page-title-display:none;}/* Start custom CSS *//* ==========================================================================
   Millburn Lawn & Landscape -- About Us page
   Combined CSS -- all 10 sections + shared base, single file
   ========================================================================== */

/* ---------- Shared base (declared once here; every section below reuses it) ----------
   Colors, fonts, wrap/eyebrow/button utilities -- identical across every
   section in the original per-section files, consolidated here. ---------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600;700&display=swap');

.ld-intro {
  --ink:#183C51;
  --ink-15:rgba(24,60,81,.14);
  --green:#23A455;
  --green-dark:#17753C;
  --green-bright:#62BE1E;
  --text-gray:#7A7A7A;
  --field-bg:#fff;
  --line:#E4E4E4;

  --font-head:"Tahoma","Verdana",sans-serif;
  --font-slab:"Roboto Slab",serif;
  --font-body:"Roboto",sans-serif;
  --font-accent:"Work Sans",sans-serif;

  background:#fff;
  font-family:var(--font-body);
  color:var(--text-gray);
  -webkit-font-smoothing:antialiased;
  position:relative;
}
.ld-intro * { box-sizing:border-box; }
.ld-intro .wrap { max-width:1360px; margin:0 auto; padding:0 clamp(20px,4vw,64px); }

.ld-intro .eyebrow {
  font-family:var(--font-accent); font-weight:600; font-size:12px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--green); margin-bottom:18px;
}
.ld-intro .eyebrow-light { color:#9FD8B6; }
.ld-intro .eyebrow-center { justify-content:center; display:flex; }

.ld-intro .btn-primary {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  background:var(--green); color:#fff !important; border:none;
  font-family:var(--font-accent); font-weight:500; font-size:14px; letter-spacing:.5px;
  text-transform:uppercase; text-decoration:none !important; padding:17px 30px;
  transition:background .2s ease;
}
.ld-intro .btn-primary:hover { background:var(--green-dark); }
.ld-intro .btn-primary svg { transition:transform .18s ease; flex-shrink:0; }
.ld-intro .btn-primary:hover svg { transform:translateX(4px); }

.ld-intro .btn-ghost {
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--font-accent); font-weight:600; font-size:13px; letter-spacing:.05em;
  text-transform:uppercase; color:#fff; text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:4px;
  transition:border-color .2s ease, color .2s ease;
}
.ld-intro .btn-ghost:hover { color:#9FD8B6; border-color:#9FD8B6; }
.ld-intro .btn-ghost svg { transition:transform .18s ease; }
.ld-intro .btn-ghost:hover svg { transform:translateX(4px); }

/* Shared "arrow link" pattern (matches the real .s-link style already used
   on your homepage). */
.ld-intro .s-link { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-accent); font-size:13px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; color:var(--green); text-decoration:none; }
.ld-intro .s-link svg { transition:transform .18s ease; }
.ld-intro .s-link:hover svg { transform:translateX(4px); }
.ld-intro .s-link:hover { color:var(--green-dark); }

/* Shared section heading pattern (matches the real default H2 look on your
   homepage's "Complete Landscaping Services" section -- Roboto Slab bold,
   sentence case, navy -- reserved for content sections; the hero, process
   banner and closing CTA keep the uppercase Tahoma treatment instead). */
.ld-intro .section-head h2 {
  font-family:var(--font-slab); font-weight:700; font-size:clamp(1.5rem,2.6vw,2.1rem);
  line-height:1.28; margin:0 0 16px; color:var(--ink);
}
.ld-intro .section-head p { font-size:15px; line-height:1.75; margin:0; }
.ld-intro .section-head.center { max-width:760px; margin-left:auto; margin-right:auto; text-align:center; }

/* ========== 1. Hero -- millburn-abt-hero.css ========== */
/* ---------- Hero ---------- */
.ld-intro .ld-hero { position:relative; min-height:600px; display:flex; align-items:center; overflow:hidden; background:var(--ink); }
.ld-intro .ld-hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ld-intro .ld-hero-scrim { position:absolute; inset:0; background:linear-gradient(100deg, rgba(24,60,81,.94) 0%, rgba(24,60,81,.82) 32%, rgba(24,60,81,.35) 62%, rgba(24,60,81,.1) 100%); }
.ld-intro .ld-hero .wrap { position:relative; z-index:2; width:100%; padding-top:64px; padding-bottom:64px; }
.ld-intro .ld-hero-copy { max-width:640px; }
.ld-intro .ld-headline {
  font-family:var(--font-head); font-weight:700; text-transform:uppercase;
  font-size:clamp(1.9rem,3.6vw,2.75rem); line-height:1.22; letter-spacing:.5px;
  margin:0 0 18px; color:#fff;
}
.ld-intro .ld-tagline {
  font-family:var(--font-slab); font-weight:700; font-size:clamp(1.35rem,2.4vw,1.85rem);
  line-height:1.28; margin:0 0 20px; color:#fff;
}
.ld-intro .ld-lede { font-size:15.5px; line-height:1.75; color:rgba(255,255,255,.82); max-width:56ch; margin:0 0 18px; }
.ld-intro .ld-lede:last-of-type { margin-bottom:32px; }
.ld-intro .ld-cta-row { display:flex; align-items:center; flex-wrap:wrap; gap:28px; margin-bottom:22px; }
.ld-intro .ld-fineprint { font-family:var(--font-accent); font-size:12.5px; letter-spacing:.03em; color:rgba(255,255,255,.68); margin:0; }

@media (max-width: 980px) {
  .ld-intro .ld-hero { min-height:520px; }
}
@media (max-width: 640px) {
  .ld-intro .ld-hero-scrim { background:linear-gradient(180deg, rgba(24,60,81,.55) 0%, rgba(24,60,81,.9) 65%, rgba(24,60,81,.96) 100%); }
  .ld-intro .ld-hero { align-items:flex-end; min-height:520px; }
}

/* ========== 2. Who We Are -- millburn-abt-who.css ========== */
/* ---------- Two-column feature row ---------- */
.ld-intro .feature-section { padding:84px 0; }
.ld-intro .feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.ld-intro .feature-grid.rev .feature-media { order:2; }
.ld-intro .feature-grid.rev .feature-copy { order:1; }
.ld-intro .feature-media { width:100%; height:400px; overflow:hidden; }
.ld-intro .feature-media img { width:100%; height:100%; object-fit:cover; display:block; }
.ld-intro .feature-copy h2 { font-family:var(--font-slab); font-weight:700; font-size:clamp(1.5rem,2.6vw,2.1rem); line-height:1.28; margin:0 0 18px; color:var(--ink); }
.ld-intro .feature-copy p { font-size:15px; line-height:1.8; margin:0 0 16px; }
.ld-intro .feature-copy p:last-of-type { margin-bottom:0; }

@media (max-width: 980px) {
  .ld-intro .feature-grid { grid-template-columns:1fr; gap:36px; }
  .ld-intro .feature-grid .feature-media, .ld-intro .feature-grid.rev .feature-media { order:-1; height:280px; }
}
@media (max-width: 700px) {
  .ld-intro .feature-section { padding-top:56px; padding-bottom:56px; }
}

/* ========== 3. What We Do -- millburn-abt-what-we-do.css ========== */
/* ---------- What We Do -- each card links to its real, live service page ---------- */
.ld-intro .design-section { padding:84px 0; }
.ld-intro .design-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; margin:52px 0 4px; }
.ld-intro a.design-card {
  display:block; background:#fff; border:1px solid var(--line); padding:28px 22px 26px;
  text-decoration:none; color:inherit;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.ld-intro a.design-card:hover { border-color:var(--green); transform:translateY(-3px); box-shadow:0 12px 26px rgba(24,60,81,.10); }
.ld-intro .design-card .icon { width:44px; height:44px; border-radius:50%; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.ld-intro .design-card h3 { font-family:var(--font-slab); font-weight:700; font-size:1.05rem; margin:0 0 10px; line-height:1.3; color:var(--ink); }
.ld-intro .design-card p { font-size:13.5px; line-height:1.6; margin:0 0 14px; }
.ld-intro .design-card .card-link { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-accent); font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--green); }
.ld-intro .design-card .card-link svg { transition:transform .18s ease; }
.ld-intro a.design-card:hover .card-link svg { transform:translateX(4px); }
.ld-intro .design-cta { text-align:center; margin-top:44px; }

@media (max-width: 1080px) {
  .ld-intro .design-grid { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .ld-intro .design-grid { grid-template-columns:1fr; }
  .ld-intro .design-section { padding-top:56px; padding-bottom:56px; }
}

/* ========== 4. Our Approach -- millburn-abt-approach.css ========== */
/* ---------- Our Approach ---------- */
.ld-intro .approach-section { padding:84px 0; background:#F7F9F8; }
.ld-intro .approach-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:26px; margin-top:52px; }
.ld-intro .approach-card { text-align:center; padding:8px 14px; }
.ld-intro .approach-card .icon { width:52px; height:52px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; margin:0 auto 18px; }
.ld-intro .approach-card h3 { font-family:var(--font-slab); font-weight:700; font-size:1.05rem; margin:0 0 10px; color:var(--ink); }
.ld-intro .approach-card p { font-size:14px; line-height:1.7; margin:0; }

@media (max-width: 980px) {
  .ld-intro .approach-grid { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .ld-intro .approach-grid { grid-template-columns:1fr; }
  .ld-intro .approach-section { padding-top:56px; padding-bottom:56px; }
}

/* ========== 5. Our Mission -- millburn-abt-mission.css ========== */
/* ---------- Two-column feature row (reversed) ---------- */
.ld-intro .feature-section { padding:84px 0; }
.ld-intro .feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.ld-intro .feature-grid.rev .feature-media { order:2; }
.ld-intro .feature-grid.rev .feature-copy { order:1; }
.ld-intro .feature-media { width:100%; height:400px; overflow:hidden; }
.ld-intro .feature-media img { width:100%; height:100%; object-fit:cover; display:block; }
.ld-intro .feature-copy h2 { font-family:var(--font-slab); font-weight:700; font-size:clamp(1.5rem,2.6vw,2.1rem); line-height:1.28; margin:0 0 18px; color:var(--ink); }
.ld-intro .feature-copy p { font-size:15px; line-height:1.8; margin:0 0 16px; }
.ld-intro .feature-copy p:last-of-type { margin-bottom:0; }

@media (max-width: 980px) {
  .ld-intro .feature-grid { grid-template-columns:1fr; gap:36px; }
  .ld-intro .feature-grid .feature-media, .ld-intro .feature-grid.rev .feature-media { order:-1; height:280px; }
}
@media (max-width: 700px) {
  .ld-intro .feature-section { padding-top:56px; padding-bottom:56px; }
}

/* ========== 6. Why Millburn -- millburn-abt-why.css ========== */
/* ---------- Why Millburn ---------- */
.ld-intro .why-section { padding:84px 0; }
.ld-intro .why-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:26px; margin-top:52px; }
.ld-intro .why-card { background:#fff; border:1px solid var(--line); padding:28px 26px; display:flex; gap:18px; align-items:flex-start; }
.ld-intro .why-card .icon { width:44px; height:44px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ld-intro .why-card h3 { font-family:var(--font-slab); font-weight:700; font-size:1.05rem; margin:0 0 8px; color:var(--ink); }
.ld-intro .why-card p { font-size:14px; line-height:1.7; margin:0; }

@media (max-width: 980px) {
  .ld-intro .why-grid { grid-template-columns:1fr; }
}
@media (max-width: 700px) {
  .ld-intro .why-section { padding-top:56px; padding-bottom:56px; }
}

/* ========== 7. Meet the Team -- millburn-abt-team.css ========== */
/* ---------- Meet the Team ----------
   Real headshots are not currently published for these employee profiles
   on millburnlandscape.com (their profile pages use a generic placeholder
   icon), so cards use a clean initials avatar instead of a fabricated
   photo -- swap in real headshots here whenever they're available. */
.ld-intro .team-section { padding:84px 0; background:#F7F9F8; }
.ld-intro .team-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:26px; max-width:760px; margin:52px auto 44px; }
.ld-intro a.team-card {
  display:block; background:#fff; border:1px solid var(--line); padding:32px 28px;
  text-align:center; text-decoration:none; color:inherit;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.ld-intro a.team-card:hover { border-color:var(--green); transform:translateY(-3px); box-shadow:0 12px 26px rgba(24,60,81,.10); }
.ld-intro .team-avatar {
  width:76px; height:76px; border-radius:50%; margin:0 auto 18px;
  background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center;
  font-family:var(--font-slab); font-weight:700; font-size:1.4rem; letter-spacing:.02em;
}
.ld-intro .team-card h3 { font-family:var(--font-slab); font-weight:700; font-size:1.1rem; margin:0 0 6px; color:var(--ink); }
.ld-intro .team-card .team-role { font-family:var(--font-accent); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--green); margin:0; }
.ld-intro .team-cta { text-align:center; }

@media (max-width: 640px) {
  .ld-intro .team-grid { grid-template-columns:1fr; }
  .ld-intro .team-section { padding-top:56px; padding-bottom:56px; }
}

/* ========== 8. What Our Clients Say -- millburn-abt-reviews.css ========== */
/* ---------- What Our Clients Say ---------- */
.ld-intro .reviews-section { padding:84px 0; }
.ld-intro .review-pull { max-width:720px; margin:0 auto 48px; text-align:center; }
.ld-intro .review-pull img { width:64px; height:64px; border-radius:50%; object-fit:cover; margin:0 auto 18px; display:block; }
.ld-intro .review-pull blockquote { font-family:var(--font-slab); font-weight:700; font-size:1.2rem; line-height:1.5; color:var(--ink); margin:0 0 14px; }
.ld-intro .review-pull cite { font-family:var(--font-accent); font-size:13px; font-style:normal; color:var(--text-gray); }
.ld-intro .reviews-widget { }

@media (max-width: 700px) {
  .ld-intro .reviews-section { padding-top:56px; padding-bottom:56px; }
}

/* ========== 9. Our Guarantee + Warranty -- millburn-abt-guarantee.css ========== */
/* ---------- Guarantee + Warranty ---------- */
.ld-intro .guarantee-section { padding:84px 0; background:#F7F9F8; }
.ld-intro .guarantee-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; margin:52px 0 44px; }
.ld-intro .guarantee-card { text-align:center; padding:8px 14px; }
.ld-intro .guarantee-card .icon { width:52px; height:52px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; margin:0 auto 18px; }
.ld-intro .guarantee-card h3 { font-family:var(--font-slab); font-weight:700; font-size:1.05rem; margin:0 0 10px; color:var(--ink); }
.ld-intro .guarantee-card p { font-size:14px; line-height:1.7; margin:0; }
.ld-intro .guarantee-cta { text-align:center; }

@media (max-width: 980px) {
  .ld-intro .guarantee-grid { grid-template-columns:1fr; }
}
@media (max-width: 700px) {
  .ld-intro .guarantee-section { padding-top:56px; padding-bottom:56px; }
}

/* ========== 10. Ready to Work With Millburn? -- millburn-abt-cta.css ========== */
/* ---------- Closing CTA band ---------- */
.ld-intro .cta-band { padding:92px 0; background:var(--ink); text-align:center; }
.ld-intro .cta-band h2 { font-family:var(--font-slab); font-weight:700; font-size:clamp(1.6rem,3vw,2.3rem); line-height:1.28; color:#fff; margin:0 0 18px; max-width:820px; margin-left:auto; margin-right:auto; }
.ld-intro .cta-lede { font-size:15px; line-height:1.8; color:rgba(255,255,255,.78); max-width:640px; margin:0 auto 36px; }
.ld-intro .cta-actions { display:flex; flex-direction:column; align-items:center; gap:18px; }
.ld-intro .cta-phone { font-family:var(--font-accent); font-weight:600; font-size:14px; letter-spacing:.03em; color:#fff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.4); padding-bottom:3px; }
.ld-intro .cta-phone:hover { border-color:#fff; }
.ld-intro .cta-serving { font-family:var(--font-accent); font-size:12.5px; letter-spacing:.03em; color:rgba(255,255,255,.6); margin:6px 0 0; }

@media (max-width: 700px) {
  .ld-intro .cta-band { padding:64px 0; }
}/* End custom CSS */