/* Page-local Hero override loaded after shared service Hero rules. */

@media (min-width: 769px) {
  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero > .hl-hero__grid {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 43% 57% !important;
    grid-template-rows: 600px !important;
    width: min(1240px, calc(100% - 48px)) !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 auto !important;
    background: #fff !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero .hl-hero__copy {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 52px 36px 52px 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero .hl-hero__media {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 600px !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    background: #dcecf3 !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero .hl-hero__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero h1#hero-title {
    max-width: none !important;
    margin: 0 !important;
    color: #082b43 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 64px !important;
    font-weight: 500 !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero h1#hero-title > span {
    display: block !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero .hl-hero__lead {
    max-width: 510px !important;
    margin: 24px 0 28px !important;
    color: #314e61 !important;
    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero a.hl-button.hl-button--hero {
    align-self: flex-start !important;
    justify-content: center !important;
    min-height: 52px !important;
    padding: 0 26px !important;
    border: 1px solid var(--business-accent, #679dbb) !important;
    border-radius: 7px !important;
    background: var(--business-accent, #679dbb) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero a.hl-button.hl-button--hero:hover {
    border-color: var(--business-accent-strong, #4d819f) !important;
    background: var(--business-accent-strong, #4d819f) !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero a.hl-button.hl-button--hero:focus-visible {
    outline: 3px solid rgba(45, 152, 201, .38) !important;
    outline-offset: 3px !important;
  }
}

/* Keep the five desktop proof points compact and visually level. */
@media (min-width: 1181px) {
  html:root:root:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] main#main-content > section.hl-trust.dk-proof-rail.dk-proof-rail .dk-proof-rail__copy > span {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero > .hl-hero__grid {
    grid-template-columns: 46% 54% !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero .hl-hero__copy {
    padding: 46px 30px 46px 0 !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero h1#hero-title {
    font-size: clamp(48px, 5.15vw, 58px) !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero .hl-hero__lead {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero > .hl-hero__grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: #fff !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero .hl-hero__media {
    position: relative !important;
    inset: auto !important;
    order: -1 !important;
    width: 100% !important;
    height: 280px !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    background: #dcecf3 !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero .hl-hero__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero .hl-hero__copy {
    position: relative !important;
    inset: auto !important;
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 34px 0 38px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero h1#hero-title {
    max-width: 100% !important;
    margin: 0 !important;
    color: #082b43 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: clamp(42px, 11.3vw, 46px) !important;
    font-weight: 500 !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero h1#hero-title > span {
    display: block !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero .hl-hero__lead {
    max-width: none !important;
    margin: 20px 0 24px !important;
    color: #314e61 !important;
    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero a.hl-button.hl-button--hero {
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 22px !important;
    border: 1px solid var(--business-accent, #679dbb) !important;
    border-radius: 7px !important;
    background: var(--business-accent, #679dbb) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero a.hl-button.hl-button--hero:hover {
    border-color: var(--business-accent-strong, #4d819f) !important;
    background: var(--business-accent-strong, #4d819f) !important;
    color: #fff !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family main#main-content > section#hl-hero.hl-hero a.hl-button.hl-button--hero:focus-visible {
    outline: 3px solid rgba(45, 152, 201, .38) !important;
    outline-offset: 3px !important;
  }
}

/* The shared pilot lock intentionally carries exceptional specificity.
   These exact page-local selectors restore the approved House & Land split. */
@media (min-width: 769px) {
  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    background: #fff !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero > .hl-hero__grid {
    z-index: 2 !important;
    grid-template-columns: 43% 57% !important;
    grid-template-rows: 600px !important;
    align-items: stretch !important;
    width: min(1240px, calc(100% - 48px)) !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    margin: 0 auto !important;
    background: #fff !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero .hl-hero__media {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    transform: none !important;
    background: #dcecf3 !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero .hl-hero__media > img {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 600px !important;
    max-height: 600px !important;
    object-position: center !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero .hl-hero__copy {
    z-index: 2 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    padding: 52px 36px 52px 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero > .hl-hero__grid {
    grid-template-columns: 46% 54% !important;
  }

  html:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero .hl-hero__copy {
    padding: 46px 30px 46px 0 !important;
  }
}

@media (max-width: 768px) {
  html:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero .hl-hero__copy {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 34px 0 38px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Final service-Hero alignment: House & Land follows the same Kitchen-height
   secondary-service frame and the Bathroom-style clear image field. */
@media (min-width: 1025px) {
  html:root:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero {
    position: relative !important;
    isolation: isolate !important;
    display: block !important;
    width: 100% !important;
    height: var(--dk-service-hero-main-height, 763px) !important;
    min-height: var(--dk-service-hero-main-height, 763px) !important;
    max-height: var(--dk-service-hero-main-height, 763px) !important;
    overflow: hidden !important;
    background: var(--dk-service-proof-bg, #eef6fb) !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero > .hl-hero__grid {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    width: min(var(--dk-service-hero-content-width, 1400px), calc(100% - (2 * var(--dk-service-hero-inline-gutter, 44px)))) !important;
    height: var(--dk-service-hero-main-height, 763px) !important;
    min-height: var(--dk-service-hero-main-height, 763px) !important;
    max-height: var(--dk-service-hero-main-height, 763px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.58fr) !important;
    grid-template-rows: var(--dk-service-hero-main-height, 763px) !important;
    align-items: center !important;
    gap: clamp(28px, 3vw, 48px) !important;
    background: transparent !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero .hl-hero__media {
    position: absolute !important;
    inset: 0 auto auto 50% !important;
    z-index: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: var(--dk-service-hero-main-height, 763px) !important;
    min-height: var(--dk-service-hero-main-height, 763px) !important;
    max-height: var(--dk-service-hero-main-height, 763px) !important;
    margin: 0 !important;
    overflow: hidden !important;
    grid-column: auto !important;
    grid-row: auto !important;
    transform: translateX(-50%) !important;
    border-radius: 0 !important;
    background: var(--dk-service-proof-bg, #eef6fb) !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero .hl-hero__media > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 62% 50% !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.house-land-page.new-builds-family[data-business="new-builds"] #main-content > section#hl-hero#hl-hero#hl-hero .hl-hero__copy {
    position: relative !important;
    z-index: 3 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    display: flex !important;
    width: min(610px, 100%) !important;
    max-width: 610px !important;
    margin: 0 !important;
    padding: 34px !important;
    flex-direction: column !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 26px 70px rgba(18, 48, 71, 0.16) !important;
    backdrop-filter: none !important;
  }
}