:root {
      color-scheme: light dark;
      --pink: #ec3e7b;
      --pink-dark: #c92962;
      --green: #1f4d2e;
      --green-deep: #12351f;
      --sand: #f5efe3;
      --paper: #fffdf9;
      --ink: #222222;
      --muted: #5d655f;
      --line: rgba(31,77,46,.18);
      --white: #ffffff;
      --shadow: 0 18px 50px rgba(22, 45, 29, .12);
      --header-bg: rgba(255,253,249,.93);
      --field: #ffffff;
      --focus: #f4a8c2;
      --display: "League Spartan", Impact, sans-serif;
      --body: "DM Sans", sans-serif;
      --max: 1180px;
    }
    @media (prefers-color-scheme: dark) {
      :root {
        --sand: #16251b;
        --paper: #101913;
        --ink: #f7f3eb;
        --muted: #c2c9c3;
        --line: rgba(245,239,227,.16);
        --shadow: 0 20px 54px rgba(0,0,0,.28);
        --header-bg: rgba(16,25,19,.94);
        --field: #17241b;
      }
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 88px; }
    body { margin: 0; font-family: var(--body); background: var(--paper); color: var(--ink); line-height: 1.6; overflow-x: hidden; }
    img { max-width: 100%; display: block; }
    button, input, select, textarea { font: inherit; }
    a { color: inherit; }
    :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
    .skip { position: fixed; left: 16px; top: -80px; z-index: 100; background: var(--pink); color: white; padding: 10px 14px; text-decoration: none; font-weight: 700; }
    .skip:focus { top: 16px; }
    .wrap { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }

    .site-nav { position: fixed; inset: 0 0 auto; z-index: 50; background: var(--header-bg); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
    .nav-inner { height: 78px; display: flex; align-items: center; gap: 28px; }
    .brand { margin-right: auto; display: inline-flex; align-items: center; text-decoration: none; }
    .brand-logo { display: block; width: 190px; height: auto; }
    .nav-links { display: flex; align-items: center; gap: 26px; }
    .nav-links a { text-decoration: none; font-size: 14px; font-weight: 700; }
    .nav-links a:not(.btn):hover { color: var(--pink); }
    .btn { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 48px; padding: 0 22px; border: 0; border-radius: 5px; background: var(--pink); color: white; font-weight: 800; text-decoration: none; cursor: pointer; transition: background .2s ease, transform .2s ease; }
    .btn:hover { background: var(--pink-dark); transform: translateY(-1px); }
    .btn--dark { background: var(--green-deep); }
    .btn--dark:hover { background: #0a2815; }
    .btn--outline { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.55); }
    .btn--outline:hover { background: white; color: var(--green-deep); }
    .menu-toggle { display: none; width: 46px; height: 46px; background: transparent; border: 1px solid var(--line); color: var(--ink); border-radius: 5px; cursor: pointer; }
    .menu-toggle span { display:block; width: 21px; height: 2px; margin: 5px auto; background: currentColor; }

    .hero { min-height: 760px; display: grid; align-items: end; position: relative; background: #173c25; color: white; overflow: hidden; }
    .hero::before { content:""; position:absolute; inset:0; background-image: linear-gradient(90deg, rgba(9,38,20,.94) 0%, rgba(17,56,31,.74) 45%, rgba(17,56,31,.12) 78%), linear-gradient(0deg, rgba(10,35,19,.5), transparent 42%), url(''); background-size: cover; background-position: center 52%; transform: scale(1.01); }
    .hero-inner { position: relative; z-index: 1; padding: 170px 0 92px; }
    .hero-copy { max-width: 770px; }
    .eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; color: #ffd7e6; font-weight: 800; font-size: 14px; letter-spacing: .05em; text-transform: uppercase; }
    .eyebrow::before { content:""; width: 44px; height: 4px; background: var(--pink); }
    h1, h2, h3 { font-family: var(--display); line-height: .98; margin: 0; letter-spacing: -.035em; }
    h1 { font-size: clamp(56px, 8.5vw, 112px); max-width: 820px; text-wrap: balance; }
    .hero-copy > p:not(.eyebrow) { margin: 26px 0 32px; max-width: 680px; font-size: clamp(18px, 2vw, 23px); line-height: 1.5; color: rgba(255,255,255,.88); }
    .hero-actions { display:flex; flex-wrap: wrap; gap: 12px; }
    .hero-aside { position: absolute; right: max(20px, calc((100vw - var(--max))/2)); bottom: 40px; display:flex; align-items:center; gap:12px; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; writing-mode: vertical-rl; transform: rotate(180deg); color: rgba(255,255,255,.74); }
    .hero-aside::after { content:""; height:65px; width:1px; background:var(--pink); }

    .trust { position: relative; z-index: 2; margin-top: -1px; background: var(--pink); color: white; }
    .trust-grid { display:grid; grid-template-columns: repeat(3, 1fr); }
    .trust-item { padding: 28px 34px; border-right: 1px solid rgba(255,255,255,.28); display:flex; gap:14px; align-items:center; }
    .trust-item:last-child { border:0; }
    .trust-num { font-family: var(--display); font-size: 34px; font-weight:800; line-height:1; }
    .trust-label { font-size:13px; line-height:1.35; font-weight:700; max-width:170px; }

    .section { padding: 112px 0; }
    .section-kicker { margin:0 0 14px; font-size:14px; font-weight:800; color:var(--pink); text-transform:uppercase; letter-spacing:.1em; }
    .section-head { display:grid; grid-template-columns: minmax(0,1fr) minmax(280px, .68fr); align-items:end; gap: 60px; margin-bottom: 54px; }
    h2 { font-size: clamp(43px, 6vw, 74px); color: var(--green); }
    @media (prefers-color-scheme: dark) { h2 { color: #eaf4e8; } }
    .section-head p { margin:0 0 5px; font-size:18px; color:var(--muted); }

    .service-grid { display:grid; grid-template-columns: repeat(12, 1fr); gap:16px; counter-reset: cards; }
    .service { counter-increment: cards; min-height: 280px; grid-column: span 4; padding: 34px; position:relative; display:flex; flex-direction:column; justify-content:flex-end; background: var(--sand); overflow:hidden; transition: transform .25s ease, box-shadow .25s ease; }
    .service:nth-child(1), .service:nth-child(2) { grid-column: span 6; min-height: 320px; }
    .service:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
    .service::before { content: "0" counter(cards); position:absolute; top:25px; right:27px; color:var(--pink); font-family:var(--display); font-size:18px; font-weight:800; }
    .service-icon { width:54px; height:54px; margin-bottom:auto; color:var(--green); }
    .service h3 { margin:24px 0 12px; font-size:30px; color:var(--green); }
    .service p { margin:0; color:var(--muted); font-size:15px; }
    .text-link { display:inline-flex; align-items:center; gap:8px; width:max-content; margin-top:18px; color:var(--pink); font-weight:800; text-decoration:none; }
    .text-link:hover { text-decoration:underline; }
    @media (prefers-color-scheme: dark) { .service h3, .service-icon { color:#d8ebd9; } }

    .commercial { background: var(--green-deep); color:white; position:relative; overflow:hidden; }
    .commercial-grid { display:grid; grid-template-columns: .85fr 1.15fr; gap:80px; align-items:center; position:relative; }
    .commercial .section-kicker { color:#ff9abd; }
    .commercial h2 { color:white; font-size: clamp(48px, 7vw, 86px); }
    .commercial-copy p { font-size:20px; color:rgba(255,255,255,.78); margin:0 0 30px; }
    .audience { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 32px; padding:0; list-style:none; }
    .audience li { padding:8px 12px; border:1px solid rgba(255,255,255,.22); color:rgba(255,255,255,.85); font-size:13px; font-weight:700; }
    .pink-rule { height:7px; width:96px; background:var(--pink); margin-top:32px; }

    .principles { background: var(--sand); }
    .principle-grid { display:grid; grid-template-columns: repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .principle { padding: 45px 42px 48px 0; }
    .principle + .principle { border-left:1px solid var(--line); padding-left:42px; }
    .principle b { display:block; color:var(--pink); font-family:var(--display); font-size:17px; letter-spacing:.14em; margin-bottom:18px; }
    .principle h3 { font-size:32px; color:var(--green); margin-bottom:15px; }
    .principle p { margin:0; color:var(--muted); }
    @media (prefers-color-scheme: dark) { .principle h3 { color:#d8ebd9; } }

    .image-break { min-height:500px; display:grid; place-items:center; position:relative; background:#183b25 url('') center / cover no-repeat; color:white; text-align:center; }
    .image-break::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(11,39,20,.87), rgba(23,57,33,.58), rgba(11,39,20,.83)); }
    .image-break blockquote { position:relative; z-index:1; width:min(900px, calc(100% - 40px)); margin:0; font-family:var(--display); font-size:clamp(39px, 6vw, 68px); font-weight:700; line-height:1.05; letter-spacing:-.035em; text-wrap:balance; }
    .image-break blockquote::before { content:"“"; color:var(--pink); display:block; font-size:82px; height:62px; }

    .contact { background:var(--paper); }
    .contact-grid { display:grid; grid-template-columns: .72fr 1.28fr; gap:72px; align-items:start; }
    .contact-copy { position:sticky; top:120px; }
    .contact-copy h2 { font-size:clamp(52px, 7vw, 84px); }
    .contact-copy > p { color:var(--muted); font-size:18px; margin:22px 0 28px; }
    .contact-panel { background:var(--sand); padding:42px; box-shadow:var(--shadow); }
    .contact-panel h3 { font-size:34px; color:var(--green); margin-bottom:12px; }
    .contact-panel p { margin:0 0 24px; color:var(--muted); font-size:17px; }
    .phone-link { font-family:var(--display); color:var(--pink); text-decoration:none; font-size:clamp(30px,4vw,46px); font-weight:800; letter-spacing:-.03em; }
    .phone-link:hover { text-decoration:underline; }
    .form-shell { background:var(--sand); padding:42px; box-shadow:var(--shadow); }
    .form-shell h3 { font-size:32px; color:var(--green); margin-bottom:8px; }
    .form-shell > p { margin:0 0 28px; color:var(--muted); }
    .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
    .field { display:flex; flex-direction:column; gap:7px; }
    .field--full { grid-column:1 / -1; }
    label { font-size:13px; font-weight:800; }
    input, select, textarea { width:100%; min-height:50px; padding:12px 14px; color:var(--ink); background:var(--field); border:1px solid var(--line); border-radius:3px; }
    textarea { min-height:120px; resize:vertical; }
    input:focus, select:focus, textarea:focus { border-color:var(--pink); outline:2px solid color-mix(in srgb, var(--pink) 28%, transparent); }
    .form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:22px; }
    .form-note { margin:0; color:var(--muted); font-size:13px; flex:1; min-width:220px; }
    .form-status { display:none; margin:18px 0 0; padding:14px 16px; background:color-mix(in srgb, var(--green) 10%, var(--paper)); color:var(--green); border-left:4px solid var(--pink); font-weight:700; }
    .form-status.show { display:block; }
    @media (prefers-color-scheme: dark) { .form-shell h3, .form-status { color:#d8ebd9; } }

    footer { background:var(--green-deep); color:white; padding:58px 0 32px; }
    .footer-top { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:end; padding-bottom:38px; border-bottom:1px solid rgba(255,255,255,.18); }
    .footer-brand { display: inline-flex; align-items: center; }
    .footer-logo { display: block; width: 220px; height: auto; }
    .footer-brand + p { margin:12px 0 0; color:rgba(255,255,255,.68); }
    .footer-phone { font-size:23px; font-weight:800; color:white; text-decoration:none; }
    .footer-nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px 22px; }
    .footer-nav a { color:rgba(255,255,255,.82); font-size:14px; font-weight:700; text-decoration:none; }
    .footer-nav a:hover { color:white; text-decoration:underline; }
    .footer-bottom { padding-top:26px; display:flex; justify-content:space-between; gap:20px; color:rgba(255,255,255,.62); font-size:13px; }

    .reveal { opacity:1; transform:none; transition:filter .7s ease, transform .7s ease; }
    .reveal.is-visible { filter:saturate(1.04); }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior:auto; }
      *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
      .reveal { opacity:1; transform:none; }
    }

    @media (max-width: 900px) {
      .nav-inner { height:70px; }
      .menu-toggle { display:block; }
      .nav-links { position:absolute; top:70px; left:0; right:0; display:none; padding:22px 20px 26px; flex-direction:column; align-items:stretch; gap:4px; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:var(--shadow); }
      .nav-links.open { display:flex; }
      .nav-links a { padding:12px 0; font-size:16px; }
      .nav-links .btn { margin-top:8px; padding:0 18px; }
      .hero { min-height:700px; }
      .hero-inner { padding:150px 0 70px; }
      .hero::before { background-image:linear-gradient(90deg,rgba(9,38,20,.93),rgba(17,56,31,.57)),linear-gradient(0deg,rgba(10,35,19,.62),transparent 48%),url(''); background-position:center; }
      .hero-aside { display:none; }
      .trust-grid { grid-template-columns:1fr; }
      .trust-item { padding:18px 20px; border-right:0; border-bottom:1px solid rgba(255,255,255,.28); }
      .trust-num { min-width:120px; font-size:29px; }
      .section { padding:82px 0; }
      .section-head, .commercial-grid, .contact-grid { grid-template-columns:1fr; gap:28px; }
      .service, .service:nth-child(1), .service:nth-child(2) { grid-column:span 6; min-height:285px; }
      .commercial-grid { gap:36px; }
      .principle-grid { grid-template-columns:1fr; }
      .principle, .principle + .principle { padding:32px 0; border-left:0; border-bottom:1px solid var(--line); }
      .principle:last-child { border-bottom:0; }
      .contact-copy { position:static; }
      .footer-top { grid-template-columns:1fr; }
    }
    @media (max-width: 600px) {
      .wrap { width:min(calc(100% - 32px), var(--max)); }
      .brand-logo { width:164px; }
      .hero { min-height:670px; }
      .hero-inner { padding:134px 0 56px; }
      h1 { font-size:clamp(53px,18vw,74px); }
      .hero-copy > p:not(.eyebrow) { font-size:17px; margin:20px 0 26px; }
      .hero-actions { display:grid; }
      .trust-num { min-width:102px; font-size:26px; }
      .section { padding:68px 0; }
      .section-head { margin-bottom:36px; }
      h2 { font-size:44px; }
      .service, .service:nth-child(1), .service:nth-child(2) { grid-column:1 / -1; min-height:250px; padding:28px; }
      .service-icon { width:46px; height:46px; }
      .image-break { min-height:420px; background-position:37% center; }
      .form-shell { padding:28px 20px; margin-inline:-4px; }
      .form-grid { grid-template-columns:1fr; }
      .field--full { grid-column:auto; }
      .form-actions .btn { width:100%; }
      .footer-bottom { flex-direction:column; }
    }
  
/* ===== Subpage components ===== */
.page-hero{position:relative;display:grid;align-items:end;min-height:560px;color:#fff;overflow:hidden;background:#173c25;}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(9,38,20,.93) 0%,rgba(17,56,31,.72) 45%,rgba(17,56,31,.18) 78%),linear-gradient(0deg,rgba(10,35,19,.55),transparent 45%),var(--hero-image);background-size:cover;background-position:center;}
.page-hero__inner{position:relative;padding:120px 0 90px;}
.page-hero__copy{max-width:760px;}
.page-hero h1{color:#fff;}
.page-hero p{color:rgba(255,255,255,.88);font-size:19px;max-width:640px;}
.cta-band{background:var(--pink);color:#fff;padding:72px 0;}
.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.cta-grid h2{color:#fff;margin:0 0 8px;}
.cta-grid p{color:rgba(255,255,255,.9);margin:0;}
.service-list{display:grid;gap:28px;}
.service-row{display:grid;grid-template-columns:90px 1fr 320px;gap:36px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:40px;box-shadow:var(--shadow);}
.service-num{font-family:var(--display);font-size:64px;font-weight:800;color:var(--pink);line-height:1;}
.service-row h2{margin:0 0 12px;font-size:34px;}
.service-row p{color:var(--muted);}
.included{background:var(--sand);border-radius:10px;padding:28px;align-self:start;}
.included h3{margin:0 0 14px;font-size:18px;}
.included ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;}
.included li{position:relative;padding-left:28px;color:var(--ink);}
.included li::before{content:"\2713";position:absolute;left:0;color:var(--pink);font-weight:800;}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:80px 0 0;}
.stat{text-align:center;padding:36px 20px;background:var(--paper);border:1px solid var(--line);border-radius:14px;}
.stat strong{display:block;font-family:var(--display);font-size:52px;color:var(--green);line-height:1.1;}
.stat span{color:var(--muted);}
.story-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start;}
.story-grid h2{margin-top:0;}
.story-copy p{color:var(--muted);font-size:18px;line-height:1.7;}
.section--sand{background:var(--sand);}
.section--green{background:var(--green-deep);color:#fff;}
.section--green h2{color:#fff;}
.section--green .section-kicker{color:#ffd7e6;}
.section--green p{color:rgba(255,255,255,.85);}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.step{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:36px;box-shadow:var(--shadow);}
.step h3{margin:0 0 10px;font-size:24px;}
.step p{color:var(--muted);margin:0;}
.estimate-form .form-status{min-height:24px;font-weight:600;}
.service-area{display:block;margin-top:14px;color:var(--muted);font-weight:600;}
@media (max-width:960px){
  .service-row{grid-template-columns:1fr;padding:28px;gap:24px;}
  .service-num{font-size:48px;}
  .stats,.process{grid-template-columns:1fr;}
  .story-grid{grid-template-columns:1fr;gap:32px;}
  .page-hero{min-height:480px;}
  .page-hero__inner{padding:100px 0 70px;}
}

/* ===== Property-type cards (commercial) ===== */
.prop-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.prop-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);}
.prop-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
.prop-card__body{padding:26px 24px 28px;}
.prop-card h3{font-size:24px;color:var(--green);margin:0 0 10px;}
.prop-card p{color:var(--muted);margin:0;font-size:16px;line-height:1.55;}
.prop-card--text{background:var(--green-deep);border-color:transparent;display:flex;align-items:center;}
.prop-card--text h3{color:#fff;}
.prop-card--text p{color:rgba(255,255,255,.85);}
@media (max-width:1000px){.prop-cards{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.prop-cards{grid-template-columns:1fr;}}