/* CanopyX-only styles: shared MOG header and footer are unchanged */
.construction-page{--cx-green:#264c38;--cx-dark:#193328;--cx-cream:#f7f5ee;--cx-sage:#e7eee5;--cx-ink:#1b2b24;color:var(--cx-ink)}.construction-page .cx-main{overflow:hidden}.cx-container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.cx-skip{position:absolute;left:-9999px;top:0;z-index:999;background:#fff;padding:12px}.cx-skip:focus{left:10px}.cx-main h1,.cx-main h2,.cx-main h3,.cx-main p{margin-top:0}.cx-main h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.12;letter-spacing:-.04em;color:var(--cx-dark)}.cx-main h2 em,.cx-main h1 em{font-style:normal;color:#648a65}.cx-kicker,.cx-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.17em;color:#557d59}.cx-section{padding:100px 0}.cx-main a{text-decoration:none}.cx-hero{min-height:730px;position:relative;background:linear-gradient(90deg,rgba(15,35,26,.94),rgba(15,35,26,.76) 46%,rgba(15,35,26,.10)),url('assets/home-canopyx-approved.webp') center 43%/cover no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.cx-hero-inner{position:relative;z-index:1;flex:1;display:flex;align-items:center;padding-block:70px 35px}.cx-hero-copy{max-width:780px}.cx-identity{display:flex;align-items:center;gap:10px;margin-bottom:35px;font-weight:800;font-size:1.25rem;letter-spacing:.07em}.cx-identity img{width:84px;height:84px;object-fit:contain;background:transparent;border-radius:0;padding:0}.cx-identity small{display:block;font-size:.63rem;letter-spacing:.16em;margin-top:7px;color:#d4e2d1}.cx-hero .cx-eyebrow{color:#d3e7c5}.cx-hero h1{font-size:clamp(2.65rem,5.6vw,5.2rem);line-height:1.08;letter-spacing:-.05em;margin:15px 0 23px;font-weight:850}.cx-hero h1 em{color:#b6d5a2}.cx-lead{font-size:1.14rem;line-height:1.75;max-width:660px;color:#e8eee6}.cx-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.cx-button{display:inline-flex;justify-content:center;align-items:center;gap:13px;border-radius:100px;min-height:54px;padding:14px 27px;font-size:1rem;font-weight:750;border:1px solid transparent;cursor:pointer}.cx-button svg{width:19px;height:19px}.cx-button-primary{background:#40794e;color:#fff!important}.cx-button-primary:hover{background:#2e6240}.cx-button-outline{border-color:#c5d4c7;color:#fff!important;background:rgba(255,255,255,.08)}.cx-button-outline:hover{background:rgba(255,255,255,.18)}.cx-hero-categories{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:34px}.cx-hero-categories a{color:#fff;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(6px);padding:15px 18px;border-radius:14px;font-weight:750;font-size:.91rem}.cx-hero-categories svg{width:25px;height:25px;flex:none;color:#b9dda8}.cx-about-grid,.cx-why-grid,.cx-quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,85px);align-items:center}.cx-about-image{height:490px;border-radius:26px;overflow:hidden}.cx-about-image img,.cx-why-photo img{width:100%;height:100%;object-fit:cover}.cx-about-copy p:not(.cx-kicker){line-height:1.85;color:#58665c;font-size:1.03rem}.cx-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--cx-green);font-weight:800;margin-top:15px}.cx-text-link svg{width:18px}.cx-services-section{background:var(--cx-cream)}.cx-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.cx-section-heading>p{max-width:410px;line-height:1.75;color:#657066}.cx-service-group{margin:40px 0 56px;scroll-margin-top:120px}.cx-group-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dfd6;margin-bottom:20px;padding-bottom:13px}.cx-group-title h3{font-size:1.45rem;color:var(--cx-dark);margin:0}.cx-group-title span{font-size:.75rem;font-weight:800;letter-spacing:.13em;color:#718174}.cx-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cx-service{background:#fff;border:1px solid #e2e8df;border-radius:18px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.cx-service:hover,.cx-service:focus-within,.cx-service[open]{box-shadow:0 15px 35px rgba(27,55,38,.09);border-color:#9bb79e}.cx-service summary{cursor:pointer;list-style:none;min-height:150px;display:flex;align-items:flex-start;flex-direction:column;gap:15px;padding:25px;position:relative}.cx-service summary::-webkit-details-marker{display:none}.cx-service-icon{width:49px;height:49px;background:#edf4eb;border-radius:13px;display:grid;place-items:center;color:#376b46}.cx-service-icon svg{width:25px;height:25px}.cx-service-name{font-weight:800;font-size:1.13rem;line-height:1.35;padding-right:22px;color:var(--cx-dark)}.cx-service-arrow{position:absolute;right:22px;bottom:26px;color:#52725b}.cx-service-arrow svg{width:20px}.cx-service[open] .cx-service-arrow{transform:rotate(180deg)}.cx-service-body{border-top:1px solid #e8eee6;padding:20px 25px 25px}.cx-service-body p{color:#5c6a5e;line-height:1.6;min-height:60px}.cx-service-body strong{display:block;color:var(--cx-green);margin-bottom:17px}.cx-service-body a{font-weight:800;color:var(--cx-green);display:inline-flex;align-items:center;gap:6px}.cx-service-body a svg{width:16px}.cx-why-grid{grid-template-columns:1.25fr .75fr}.cx-why-intro{color:#667469;line-height:1.7;max-width:600px}.cx-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:35px}.cx-benefit{display:flex;gap:12px}.cx-benefit>svg{flex:none;width:25px;height:25px;color:#43784e}.cx-benefit h3{font-size:1rem;color:var(--cx-dark);margin:0 0 6px}.cx-benefit p{color:#6b786e;font-size:.9rem;line-height:1.6;margin:0}.cx-why-photo{height:570px;border-radius:24px;overflow:hidden}.cx-centered{text-align:center;max-width:680px;margin:0 auto 42px}.cx-centered>p:last-child{color:#6b776d}.cx-steps{background:#eaf0e7}.cx-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cx-step{background:#fff;border-radius:20px;padding:26px 24px;position:relative}.cx-step-number{font-size:.8rem;color:#86a18b;font-weight:800}.cx-step-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#e9f3e8;color:#42774b;margin:22px 0}.cx-step-icon svg{width:29px;height:29px}.cx-step h3{font-size:1.08rem;color:var(--cx-dark)}.cx-step p{font-size:.94rem;line-height:1.65;color:#69776d}.cx-quote-section{background:#f9faf6}.cx-quote-grid{align-items:start;grid-template-columns:.82fr 1.18fr}.cx-quote-intro>p:not(.cx-kicker){line-height:1.75;color:#5e6e61}.cx-contact-links{display:grid;gap:15px;margin:34px 0}.cx-contact-links a{display:flex;align-items:center;gap:12px;color:var(--cx-green);font-weight:800;overflow-wrap:anywhere}.cx-contact-links svg{width:20px}.cx-form-note{font-size:.85rem}.cx-form{background:#fff;border:1px solid #e1e9e0;box-shadow:0 20px 60px rgba(30,60,35,.07);border-radius:24px;padding:34px;display:grid;gap:21px}.cx-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cx-form label{font-weight:800;color:#253d2b;display:grid;gap:9px;font-size:.94rem}.cx-form input,.cx-form select,.cx-form textarea{width:100%;box-sizing:border-box;font:inherit;font-weight:500;color:#1c3024;border:1px solid #cdd9cf;border-radius:12px;background:#fff;padding:15px 17px;min-height:58px;outline-offset:2px}.cx-form textarea{resize:vertical;min-height:135px}.cx-form :is(input,select,textarea):focus{outline:2px solid #538461;border-color:#538461}.cx-submit{width:100%}.cx-form-feedback{font-size:.88rem;color:#3e724c;margin:0}.cx-clients{padding-bottom:80px}.cx-clients .client-marquee{overflow:hidden;width:100%;margin-top:30px}.cx-clients .client-track{display:flex;width:max-content;animation:cx-client-scroll 35s linear infinite}.cx-clients .client-logo{flex:0 0 190px;width:190px;height:112px;padding:20px 22px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cx-clients .client-logo img{display:block;width:130px;height:52px;max-width:100%;max-height:100%;object-fit:contain;filter:none;transform:none}.cx-clients .client-marquee:hover .client-track{animation-play-state:paused}@keyframes cx-client-scroll{to{transform:translateX(-50%)}}@media(max-width:960px){.cx-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-step-grid{grid-template-columns:repeat(2,1fr)}.cx-hero-categories{grid-template-columns:repeat(2,1fr)}.cx-about-grid,.cx-why-grid,.cx-quote-grid{grid-template-columns:1fr}.cx-about-image{height:380px}.cx-why-photo{height:350px}.cx-quote-intro{max-width:700px}}@media(max-width:600px){.cx-container{width:min(100% - 32px,1160px)}.cx-section{padding:66px 0}.cx-hero{min-height:760px;background-position:60% center}.cx-hero-inner{padding-top:48px}.cx-identity{font-size:.95rem;gap:10px}.cx-identity img{width:65px;height:65px}.cx-hero h1{font-size:clamp(2.1rem,9vw,3.1rem)}.cx-lead{font-size:1rem}.cx-hero-categories{gap:8px;padding-bottom:20px}.cx-hero-categories a{padding:11px;gap:8px;font-size:.74rem}.cx-hero-categories svg{width:20px;height:20px}.cx-section-heading{display:block}.cx-services-grid,.cx-benefits,.cx-form-row{grid-template-columns:1fr}.cx-service summary{min-height:130px}.cx-step-grid{gap:12px}.cx-step{padding:18px}.cx-step-icon{width:52px;height:52px}.cx-form{padding:22px}.cx-about-image{height:290px}.cx-why-photo{height:300px}.cx-clients .client-logo{flex-basis:155px;width:155px;height:100px}.cx-clients .client-logo img{width:115px;height:46px}}@media(prefers-reduced-motion:reduce){.cx-clients .client-track{animation:none}.cx-service{transition:none}}

/* Approved palm-cleaning hero photo; keep the existing text readable. */
.construction-page .cx-hero{background-image:linear-gradient(90deg,rgba(15,35,26,.94),rgba(15,35,26,.76) 46%,rgba(15,35,26,.10)),url('assets/canopyx-palm-cleaning-hero.webp');background-position:center 43%;}

/* Match Pristinia hero headline typography and responsive dimensions. */
.construction-page .cx-hero h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(34px, 4.25vw, 64px);
  line-height: 1.07;
  letter-spacing: -0.035em;
  font-weight: 850;
}
@media (max-width: 600px) {
  .construction-page .cx-hero h1 {font-size: clamp(32px, 7vw, 48px);}
}

/* Position CanopyX identity 20 CSS px below the fixed MOG header. */
.construction-page .cx-hero-inner {align-items:flex-start; padding-top:20px; padding-bottom:35px;}
@media (max-width:600px) {
  .construction-page .cx-hero-inner {padding-top:20px; padding-bottom:24px;}
}

/* Final header-to-brand spacing: fixed 20px, not an additive offset. */
.construction-page .cx-hero .cx-hero-inner{padding-top:20px !important;align-items:flex-start !important;}
@media(max-width:600px){.construction-page .cx-hero .cx-hero-inner{padding-top:20px !important;}}

/* Logo-to-company-name spacing: exact 10px at all viewport widths. */
.construction-page .cx-hero .cx-identity { column-gap: 10px !important; gap: 10px !important; }
.construction-page .cx-hero .cx-identity > img { display:block; flex:0 0 84px; width:84px; height:auto; max-width:none; margin:0; padding:0; }
.construction-page .cx-hero .cx-identity > span { display:block; margin:0; padding:0; }
@media(max-width:600px){.construction-page .cx-hero .cx-identity > img{flex-basis:65px;width:65px;}}

/* Screenshot-matched, above-the-fold desktop hero. Scoped to CanopyX only. */
@media (min-width: 961px) {
  .construction-page .cx-hero {
    min-height: min(775px, calc(100svh - 88px));
    height: calc(100svh - 88px);
    box-sizing: border-box;
  }
  .construction-page .cx-hero .cx-hero-inner {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
    flex: 1 1 auto;
    min-height: 0;
  }
  .construction-page .cx-hero .cx-identity { margin-bottom: clamp(16px, 3vh, 34px); }
  .construction-page .cx-hero .cx-identity > img { width: 84px; flex-basis:84px; }
  .construction-page .cx-hero .cx-eyebrow { margin-bottom: 8px; }
  .construction-page .cx-hero h1 {
    font-size: clamp(34px, min(4.25vw, 6.9vh), 64px);
    margin: 10px 0 clamp(12px, 2.1vh, 22px);
  }
  .construction-page .cx-hero .cx-lead { line-height: 1.55; margin-bottom: 0; }
  .construction-page .cx-hero .cx-actions { margin-top: clamp(14px, 2.7vh, 30px); }
  .construction-page .cx-hero .cx-hero-categories { padding-bottom: 18px; }
}
@media (min-width: 961px) and (max-height: 780px) {
  .construction-page .cx-hero .cx-identity { margin-bottom: 13px; }
  .construction-page .cx-hero .cx-identity > img { width: 70px; flex-basis:70px; }
  .construction-page .cx-hero .cx-hero-inner { padding-top: 8px !important; }
  .construction-page .cx-hero h1 { font-size: clamp(33px, min(4vw, 6.3vh), 56px); margin: 7px 0 10px; }
  .construction-page .cx-hero .cx-lead { font-size: 1rem; line-height:1.4; }
  .construction-page .cx-hero .cx-actions { margin-top: 12px; }
  .construction-page .cx-hero .cx-button { min-height:46px; padding: 10px 22px; }
  .construction-page .cx-hero .cx-hero-categories { padding-bottom: 12px; }
  .construction-page .cx-hero .cx-hero-categories a { padding: 11px 14px; }
}
/* On tablet and mobile, let content determine height to prevent clipping. */
@media (max-width: 960px) {
  .construction-page .cx-hero { height:auto; min-height:0; }
  .construction-page .cx-hero .cx-hero-inner { flex:0 0 auto; padding-bottom: 24px; }
  .construction-page .cx-hero .cx-hero-categories { padding-bottom:20px; }
}

/* Balanced hero typography and spacing: avoids over-compression on laptops. */
@media (min-width: 961px) {
  .construction-page .cx-hero {
    height: auto;
    min-height: max(740px, calc(100svh - 88px));
  }
  .construction-page .cx-hero .cx-hero-inner {
    padding-top: 20px !important;
    padding-bottom: 34px !important;
    flex: 1 0 auto;
  }
  .construction-page .cx-hero .cx-identity {
    margin-bottom: clamp(25px, 3.5vh, 42px);
  }
  .construction-page .cx-hero .cx-eyebrow { margin-bottom: 15px; }
  .construction-page .cx-hero h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(34px, 4.25vw, 64px);
    font-weight: 850;
    line-height: 1.12;
    letter-spacing: -0.035em;
    margin: 12px 0 26px;
  }
  .construction-page .cx-hero .cx-lead {
    font-size: 1.12rem;
    line-height: 1.65;
    margin-bottom: 0;
  }
  .construction-page .cx-hero .cx-actions { margin-top: 28px; }
  .construction-page .cx-hero .cx-button { min-height: 54px; padding: 14px 27px; }
  .construction-page .cx-hero .cx-hero-categories { padding-bottom: 28px; }
  .construction-page .cx-hero .cx-hero-categories a { padding: 15px 18px; }
}
@media (min-width: 961px) and (max-height: 780px) {
  .construction-page .cx-hero { min-height: 740px; }
  .construction-page .cx-hero .cx-identity { margin-bottom: 25px; }
  .construction-page .cx-hero .cx-identity > img { width:84px; flex-basis:84px; }
  .construction-page .cx-hero .cx-hero-inner { padding-top:20px !important; padding-bottom:28px !important; }
  .construction-page .cx-hero h1 { font-size:clamp(34px,4.25vw,64px); margin:12px 0 24px; }
  .construction-page .cx-hero .cx-lead { font-size:1.08rem; line-height:1.6; }
  .construction-page .cx-hero .cx-actions { margin-top:24px; }
  .construction-page .cx-hero .cx-button { min-height:54px; padding:14px 27px; }
  .construction-page .cx-hero .cx-hero-categories { padding-bottom:25px; }
  .construction-page .cx-hero .cx-hero-categories a { padding:14px 17px; }
}

/* Center the Our Services introduction across desktop, tablet, and mobile. */
.construction-page .cx-services-section .cx-section-heading {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;text-align:center;margin-left:auto;margin-right:auto;
}
.construction-page .cx-services-section .cx-section-heading > div {width:100%;text-align:center;}
.construction-page .cx-services-section .cx-section-heading > p {
  max-width:720px;margin:0 auto;text-align:center;line-height:1.7;
}

/* Compact, centered three-line Services introduction */
.construction-page .cx-services-section .cx-section-heading {
  gap:0 !important; margin-bottom:32px !important;
}
.construction-page .cx-services-section .cx-section-heading .cx-kicker {
  margin:0 0 7px !important; line-height:1.35;
}
.construction-page .cx-services-section .cx-section-heading h2 {
  margin:0 0 10px !important; line-height:1.14;
}
.construction-page .cx-services-section .cx-section-heading > p {
  margin:0 auto !important; line-height:1.5 !important;
}
@media(max-width:600px){
 .construction-page .cx-services-section .cx-section-heading {margin-bottom:26px !important;}
}

/* CanopyX services: subtle garden photo beneath the existing cream background.
   No layout, cards, text, or interaction changes. */
.construction-page .cx-services-section {
  background-color: #f7f5ee;
  background-image: linear-gradient(rgba(247,245,238,.88),rgba(247,245,238,.91)), url('assets/canopyx-services-garden-background.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Service cards: open one at a time on mouse hover, while preserving touch and keyboard toggles. */
@media (hover:hover) and (pointer:fine) {
  .cx-service summary { cursor:default; }
}
.cx-service[open] { position:relative; z-index:1; }

/* Match the Service Type dropdown to all quote form text fields */
.cx-page .cx-form input:not([type="checkbox"]),
.cx-page .cx-form select {
  box-sizing: border-box;
  width: 100%;
  height: 58px;
  min-height: 58px;
  padding: 0 17px;
  margin: 0;
  border: 1px solid #cdd9cf;
  border-radius: 12px;
  background-color: #fff;
  font: inherit;
  font-weight: 500;
  line-height: normal;
}
.cx-page .cx-form select {
  appearance: auto;
  -webkit-appearance: menulist;
  cursor: pointer;
}

/* Each grid item is sized independently, so an expanded card never stretches its neighbours. */
.construction-page .cx-services-grid { align-items: start; }
.construction-page .cx-services-grid > .cx-service { align-self: start; height: auto; }

/* M.O.G Construction customisation */
.construction-page{--cx-green:#71503a;--cx-dark:#31271f;--cx-cream:#f6f3ee;--cx-sage:#eee7dc;--cx-ink:#302820}
.construction-page .cx-hero{background-image:linear-gradient(90deg,rgba(24,23,21,.94),rgba(29,26,23,.74) 49%,rgba(23,21,18,.16)),url("assets/home-construction-approved.webp");background-position:center 48%}
.construction-page .cx-hero h1 em{color:#e3bd8b}
.construction-page .cx-button-primary{background:#9b633d}.construction-page .cx-button-primary:hover{background:#78492b}
.construction-page .cx-service-icon,.construction-page .cx-step-icon{background:#f2e9df;color:#885638}
.construction-page .cx-service:hover,.construction-page .cx-service[open]{border-color:#bd9676}
.construction-page .cx-services-grid{align-items:start}
.construction-page .cx-service{align-self:start}
.construction-page .cx-service-body p{min-height:0}
.construction-rate-note{margin:10px 0 0;color:#6b625b;line-height:1.7;font-size:.93rem}
.construction-page .cx-services-section{background-image:none}
.construction-page .cx-identity{margin-bottom:22px}
.construction-page .cx-identity span{font-size:clamp(1.15rem,2.5vw,1.55rem)}
.construction-page .cx-identity small{font-size:.68rem}
@media(max-width:600px){.construction-page .cx-hero{background-position:60% center}}

/* Three main service cards: individual independent expansion */
.cx-three-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}
.cx-three-service-grid .cx-service{align-self:start;min-width:0}
@media(max-width:850px){.cx-three-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cx-three-service-grid{grid-template-columns:1fr}}

/* Construction-only: permanently expanded service information and warm-orange palette. */
.construction-page{--cx-green:#a15b2e;--cx-dark:#38271c;--cx-cream:#faf5ee;--cx-sage:#f4e5d4;--cx-ink:#38271c}
.construction-page .cx-main h2 em{color:#bf7139}
.construction-page .cx-kicker,.construction-page .cx-eyebrow{color:#b36b38}
.construction-page .cx-hero .cx-eyebrow,.construction-page .cx-hero h1 em{color:#efbd86}
.construction-page .cx-identity small{color:#f3d9bd}
.construction-page .cx-hero-categories svg{color:#eeb67e}
.construction-page .cx-button-primary{background:#b66a36}
.construction-page .cx-button-primary:hover{background:#965127}
.construction-page .cx-services-section{background:#faf5ee}
.construction-page .cx-service{border-color:#ead9c9;box-shadow:0 8px 26px rgba(88,51,24,.06)}
.construction-page .cx-service:hover,.construction-page .cx-service:focus-within{border-color:#d4a67e;box-shadow:0 10px 30px rgba(88,51,24,.09)}
.construction-page .cx-service-heading{min-height:138px;display:flex;align-items:flex-start;flex-direction:column;gap:15px;padding:25px}
.construction-page .cx-service-icon,.construction-page .cx-step-icon{background:#f9e9d8;color:#a55e2c}
.construction-page .cx-service-body{border-color:#efdfd0}
.construction-page .cx-service-body strong,.construction-page .cx-service-body a,.construction-page .cx-text-link,.construction-page .cx-contact-links a{color:#a45c2c}
.construction-page .cx-benefit>svg{color:#b66a36}
.construction-page .cx-steps{background:#f5e9db}
.construction-page .cx-step-number{color:#b67847}
.construction-page .cx-form :is(input,select,textarea):focus{outline-color:#bb7642;border-color:#bb7642}
.construction-page .cx-form-feedback{color:#9c5b2f}
.construction-page .cx-form{border-color:#ead8c7;box-shadow:0 20px 60px rgba(100,57,26,.07)}
.construction-page .cx-quote-section{background:#fffaf5}
@media(max-width:600px){.construction-page .cx-service-heading{min-height:0}}

/* Construction services: faithful, responsive recreation of approved design */
.construction-page .cx-services-section{position:relative;isolation:isolate;background:#77513d url('assets/construction-services-renovation.webp') center center/cover no-repeat;padding:72px 0 70px;color:#fff}
.construction-page .cx-services-section::before{content:"";position:absolute;inset:0;background:rgba(95,48,24,.69);z-index:-1}
.construction-page .cx-services-section .cx-section-heading{display:block!important;margin:0 0 46px!important;text-align:left!important}
.construction-page .cx-services-section .cx-section-heading>div{max-width:700px}
.construction-page .cx-services-section .cx-kicker{color:#fff!important;font-size:14px;letter-spacing:.42em;margin-bottom:16px!important;font-weight:500}
.construction-page .cx-services-section .cx-section-heading h2{color:#fff!important;text-align:left;font-size:clamp(42px,5.1vw,70px);line-height:.97;letter-spacing:-.04em;margin:0 0 18px!important;font-weight:850}
.construction-page .cx-services-section .cx-section-heading h2 em{color:#ff9951!important;font-style:normal}
.construction-page .cx-services-intro{color:#fff;max-width:690px;font-size:clamp(16px,1.4vw,20px);line-height:1.45;margin:0}
.construction-page .cx-three-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch!important}
.construction-page .cx-three-service-grid>.cx-service{display:flex;flex-direction:column;align-items:stretch;position:relative;min-height:510px;height:auto!important;padding:75px 22px 20px;background:#fffdfa;border:1px solid #e5d4c7;border-radius:17px;box-shadow:0 14px 28px rgba(43,20,10,.18);color:#24272b;overflow:visible;transition:none!important}
.construction-page .cx-three-service-grid>.cx-service:hover{transform:none!important;box-shadow:0 14px 28px rgba(43,20,10,.18)!important;border-color:#e5d4c7!important}
.construction-card-icon{position:absolute;top:-23px;left:50%;transform:translateX(-50%);width:76px;height:76px;border-radius:50%;background:linear-gradient(145deg,#d56a2d,#aa471a);border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff}
.construction-card-icon svg{width:38px;height:38px;stroke-width:1.6}
.construction-page .cx-service h3{font-size:clamp(19px,1.55vw,25px);text-align:center;text-transform:uppercase;line-height:1.13;letter-spacing:-.025em;color:#202329;margin:0;min-height:58px;display:flex;align-items:center;justify-content:center}
.construction-card-rule{display:block;width:44px;height:2px;background:#c85b28;margin:12px auto 22px}
.construction-card-desc{font-size:15px;line-height:1.35;color:#292d32;margin:0 0 18px;min-height:82px}
.construction-card-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;font-size:14px;line-height:1.3;color:#292d32}
.construction-card-list li{position:relative;padding-left:28px}
.construction-card-list li::before{content:'✓';position:absolute;left:0;top:0;background:#bb5424;color:white;border-radius:50%;width:18px;height:18px;font-size:12px;display:grid;place-items:center;font-weight:bold}
.construction-card-bottom{margin-top:auto}
.construction-card-pricing{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;min-height:88px;border-radius:10px;background:#f6e5d6;color:#24272b;margin-bottom:12px;font-size:14px}
.construction-card-pricing span{font-weight:800;letter-spacing:.03em;color:#b54c1d;min-width:76px}
.construction-card-pricing strong{font-size:14px;line-height:1.5;color:#202329!important}
.construction-card-cta{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:49px;border-radius:30px;background:#b84d1d;color:#fff!important;text-decoration:none;font-weight:750;font-size:15px;transition:background .2s}
.construction-card-cta:hover{background:#963b14}
.construction-page .construction-rate-note{color:#fff4ea;margin-top:20px}
@media(max-width:980px){.construction-page .cx-three-service-grid{grid-template-columns:1fr;gap:35px;max-width:650px;margin:auto}.construction-page .cx-three-service-grid>.cx-service{min-height:0}.construction-card-desc{min-height:0}.construction-page .cx-service h3{min-height:0}}
@media(max-width:600px){.construction-page .cx-services-section{padding:55px 0}.construction-page .cx-services-section .cx-section-heading{margin-bottom:50px!important}.construction-page .cx-services-section .cx-section-heading h2{font-size:42px}.construction-page .cx-three-service-grid>.cx-service{padding:65px 18px 18px}}

/* Keep the entire Construction Services introduction left-aligned. */
.construction-page #services .cx-section-heading,
.construction-page #services .cx-section-heading > div,
.construction-page #services .cx-section-heading .cx-kicker,
.construction-page #services .cx-section-heading h2,
.construction-page #services .cx-section-heading h2 em,
.construction-page #services .cx-section-heading .cx-services-intro { text-align:left !important; margin-left:0 !important; margin-right:auto !important; }
.construction-page #services .cx-section-heading > div { width:100%; max-width:700px; }

/* Unified business-page hero rhythm — 2026-10-15.
   Identical vertical gaps across Pristinia, CanopyX and Construction. */

.construction-page .cx-hero .cx-identity { margin-bottom:24px !important; }
.construction-page .cx-hero .cx-eyebrow { margin:0 0 12px !important; line-height:1.4; }
.construction-page .cx-hero h1 { margin:0 0 22px !important; line-height:1.07; }
.construction-page .cx-hero .cx-lead { margin:0 !important; line-height:1.6; }
.construction-page .cx-hero .cx-actions { margin-top:28px !important; }
@media(max-width:600px) {
 .construction-page .cx-hero .cx-identity { margin-bottom:18px !important; }
 .construction-page .cx-hero .cx-eyebrow { margin-bottom:10px !important; }
 .construction-page .cx-hero h1 { margin-bottom:18px !important; }
 .construction-page .cx-hero .cx-actions { margin-top:22px !important; }
}