:root{--gold:#c7a45a;--ivory:#f4efe5;--ink:#0b0b0b;--muted:#a7a197}*{box-sizing:border-box}.sp-service{background:#0b0b0b;color:#fff;overflow:hidden}.sp-hero{min-height:78vh;display:grid;align-items:end;position:relative;padding:190px 7vw 90px;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.35)),var(--hero) center/cover}.sp-hero:after{content:"";position:absolute;inset:0;border:1px solid rgba(199,164,90,.15);pointer-events:none}.sp-kicker{font:600 11px/1 'DM Sans';letter-spacing:.28em;color:var(--gold);margin-bottom:24px}.sp-hero h1{font:400 clamp(58px,8vw,132px)/.86 'Playfair Display';max-width:1050px;margin:0}.sp-hero h1 em{color:#dfc487;font-weight:400}.sp-hero p{max-width:680px;color:#d1cec7;font:400 17px/1.8 'DM Sans';margin:30px 0}.sp-btn{display:inline-flex;padding:17px 26px;border:1px solid var(--gold);color:#fff;text-decoration:none;font:600 11px 'DM Sans';letter-spacing:.16em}.sp-intro{background:var(--ivory);color:#15130f;padding:110px 7vw}.sp-intro-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.sp-label{font:600 10px 'DM Sans';letter-spacing:.25em;color:#9a7735}.sp-intro h2,.sp-scope h2{font:400 clamp(42px,5vw,78px)/.95 'Playfair Display';margin:18px 0}.sp-intro h2 em,.sp-scope h2 em{color:#b38d48;font-weight:400}.sp-intro p{font:400 17px/1.85 'DM Sans';color:#625d55}.sp-scope{padding:110px 7vw;background:#10100f}.sp-scope-wrap{max-width:1280px;margin:auto}.sp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.sp-card{min-height:260px;border:1px solid rgba(199,164,90,.25);padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#151513,#0d0d0c)}.sp-card b{color:var(--gold);font:500 11px 'DM Sans';letter-spacing:.2em}.sp-card h3{font:400 30px 'Playfair Display';margin:35px 0 12px}.sp-card p{color:#aaa59c;font:400 14px/1.7 'DM Sans'}.sp-cta{padding:90px 7vw;background:#c8a45a;color:#111;display:flex;justify-content:space-between;align-items:center;gap:30px}.sp-cta h2{font:400 clamp(38px,5vw,70px)/1 'Playfair Display';margin:0}.sp-cta a{border-color:#111;color:#111}.sp-service .sd-service-entry{background:#0b0b0b}@media(max-width:800px){.sp-hero{min-height:70vh;padding:150px 24px 65px}.sp-intro,.sp-scope{padding:75px 24px}.sp-intro-grid{grid-template-columns:1fr;gap:20px}.sp-cards{grid-template-columns:1fr}.sp-cta{padding:60px 24px;display:block}.sp-cta a{margin-top:28px}.sp-hero h1{font-size:54px}}

/* 2026 luxury service-page refinement */
.sp-service .sd-service-entry{position:relative;z-index:2;padding-top:150px;padding-bottom:110px;background:radial-gradient(circle at 8% 12%,rgba(199,164,90,.13),transparent 30%),linear-gradient(135deg,#080808 0%,#11100e 55%,#090909 100%)}
.sp-service .sd-service-entry:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.sp-service .sd-service-entry-shell{position:relative;max-width:1380px;gap:70px;align-items:center}
.sp-service .sd-service-entry-copy{padding:36px 0}
.sp-service .sd-service-entry-kicker{color:#d4b56f;letter-spacing:.3em}
.sp-service .sd-service-entry-badge{display:inline-flex;margin-top:28px;border-color:rgba(212,181,111,.42);background:rgba(212,181,111,.06);backdrop-filter:blur(8px)}
.sp-service .sd-service-entry-copy h1{font-size:clamp(52px,6vw,94px);line-height:.95;letter-spacing:-.035em}
.sp-service .sd-service-entry-copy h1 em{color:#d7ba77}
.sp-service .sd-service-entry-lead{max-width:620px;font-size:16px;line-height:1.85;color:#aaa59b}
.sp-service .sd-service-entry-form-card{border:1px solid rgba(199,164,90,.28);box-shadow:0 35px 90px rgba(0,0,0,.42);background:linear-gradient(145deg,rgba(250,247,239,.99),rgba(236,229,215,.98));position:relative;overflow:hidden}
.sp-service .sd-service-entry-form-card:before{content:"PRIVATE CONSULTATION";position:absolute;right:-35px;top:30px;transform:rotate(90deg);font:600 8px 'DM Sans';letter-spacing:.3em;color:rgba(130,98,43,.35)}
.sp-service .sd-service-form-mini{letter-spacing:.28em;color:#98732f}
.sp-service .sd-service-form-head h2{font-size:clamp(34px,3.2vw,50px);line-height:1.02}
.sp-service .sd-service-submit{transition:transform .25s ease,box-shadow .25s ease;background:#111;color:#fff;border:1px solid #111}
.sp-service .sd-service-submit:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.sp-service .sp-hero{min-height:88vh;background-position:center;isolation:isolate}
.sp-service .sp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.52) 50%,rgba(0,0,0,.18) 100%);z-index:-1}
.sp-service .sp-hero>div{max-width:1240px}
.sp-service .sp-scope{background:linear-gradient(180deg,#11110f,#090909)}
.sp-service .sp-card{transition:transform .3s ease,border-color .3s ease;background:linear-gradient(145deg,rgba(27,26,22,.96),rgba(11,11,10,.98))}
.sp-service .sp-card:hover{transform:translateY(-6px);border-color:rgba(215,186,119,.7)}
@media(max-width:800px){.sp-service .sd-service-entry{padding-top:115px;padding-bottom:70px}.sp-service .sd-service-entry-shell{gap:34px}.sp-service .sd-service-entry-copy h1{font-size:46px}.sp-service .sd-service-entry-form-card:before{display:none}}

.sp-service .sp-hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.75),
      rgba(0, 0, 0, 0.25)
    ),
    url("../images/image16.webp") !important;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/* LANDSCAPING PAGE BACKGROUND IMAGE ONLY */

body.landscaping-page .sp-hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.75),
            rgba(0, 0, 0, 0.25)
        ),
        url("../images/image19.webp") !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


body.exterior-page .sp-hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.70),
      rgba(0, 0, 0, 0.15)
    ),
    url("../images/image20.webp") !important;

  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}


/* PROPERTY VALUATION BACKGROUND IMAGE */

body.property-valuation-page .sp-hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.80),
            rgba(0, 0, 0, 0.35)
        ),
        url("../images/image24.webp") !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}