/*
 * New Builds family refinement
 * Page-family-only corrections for the approved primary navigation geometry,
 * New Builds current state and the New Builds Landing Page retrofit.
 */

html body.new-builds-family[data-business="new-builds"] {
  --nb-refine-navy: #0d2b42;
  --nb-refine-blue: #45a9e6;
  --nb-refine-pale: #edf7fc;
  --nb-refine-gold: #c4933f;
  margin: 0 !important;
}

/* Help Me Choose: page-local New Builds pathway chooser. */
body.new-builds-page.new-builds-pathway-dialog-open {
  overflow: hidden;
}

body.new-builds-page .new-builds-pathway-dialog {
  width: min(920px, calc(100% - 48px));
  max-width: none;
  max-height: min(92dvh, 760px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #0b2231;
  box-shadow: 0 28px 80px rgba(5, 25, 39, .28);
}

body.new-builds-page .new-builds-pathway-dialog::backdrop {
  background: rgba(5, 25, 39, .76);
  backdrop-filter: blur(2px);
}

body.new-builds-page .new-builds-pathway-dialog__panel {
  position: relative;
  padding: 34px 36px;
}

body.new-builds-page .new-builds-pathway-dialog__close {
  position: absolute;
  z-index: 2;
  top: 18px;
  right: 18px;
  display: grid;
  width: 40px;
  height: 40px;
  padding: 0;
  place-items: center;
  border: 1px solid #bad8e9;
  border-radius: 50%;
  background: #fff;
  color: #0b2231;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, transform .18s ease;
}

body.new-builds-page .new-builds-pathway-dialog__close:hover {
  border-color: #1688c7;
  color: #1688c7;
  transform: translateY(-1px);
}

body.new-builds-page .new-builds-pathway-dialog__close:focus-visible,
body.new-builds-page .new-builds-pathway-dialog a:focus-visible {
  outline: 3px solid rgba(35, 137, 206, .34);
  outline-offset: 3px;
}

body.new-builds-page .new-builds-pathway-dialog__close svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8;
}

body.new-builds-page .new-builds-pathway-dialog__header {
  max-width: 710px;
  padding-right: 40px;
}

body.new-builds-page .new-builds-pathway-dialog__eyebrow {
  margin: 0 0 10px;
  color: #1688c7;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.new-builds-page .new-builds-pathway-dialog h2 {
  margin: 0;
  color: #0b2231;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: clamp(30px, 3vw, 40px) !important;
  font-weight: 700;
  line-height: 1.12 !important;
  letter-spacing: -.035em;
}

body.new-builds-page .new-builds-pathway-dialog__header > p:last-child {
  max-width: 680px;
  margin: 12px 0 0;
  color: #405766;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

body.new-builds-page .new-builds-pathway-dialog__options {
  display: grid;
  gap: 12px;
  margin-top: 22px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.new-builds-page .new-builds-pathway-dialog__options > a {
  display: grid;
  min-width: 0;
  min-height: 142px;
  gap: 17px;
  padding: 18px;
  grid-template-columns: 34px minmax(0, 1fr);
  border: 1px solid #cbdde7;
  border-radius: 4px;
  background: #f6fbfe;
  color: #0b2231;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

body.new-builds-page .new-builds-pathway-dialog__options > a:hover {
  border-color: #1688c7;
  background: #eef8fd;
  transform: translateY(-3px);
}

body.new-builds-page .new-builds-pathway-dialog__number {
  color: #1688c7;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
}

body.new-builds-page .new-builds-pathway-dialog__option-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

body.new-builds-page .new-builds-pathway-dialog__option-copy h3 {
  margin: 0;
  color: #0b2231;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: 17.5px !important;
  font-weight: 700;
  line-height: 1.25 !important;
  letter-spacing: -.02em;
}

body.new-builds-page .new-builds-pathway-dialog__option-copy p {
  margin: 8px 0 12px;
  color: #405766;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
}

body.new-builds-page .new-builds-pathway-dialog__option-copy strong {
  margin-top: auto;
  color: #1688c7;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body.new-builds-page .new-builds-pathway-dialog__contact {
  display: grid;
  align-items: center;
  gap: 24px;
  margin-top: 14px;
  padding: 16px 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  border-left: 3px solid #1688c7;
  background: #edf7fc;
}

body.new-builds-page .new-builds-pathway-dialog__contact strong {
  display: block;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
}

body.new-builds-page .new-builds-pathway-dialog__contact p {
  margin: 4px 0 0;
  color: #405766;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

body.new-builds-page .new-builds-pathway-dialog__contact > a {
  display: inline-flex;
  min-height: 44px;
  padding: 0 20px;
  align-items: center;
  justify-content: center;
  border: 1px solid #1688c7;
  border-radius: 2px;
  background: #1688c7;
  color: #fff;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .18s ease, border-color .18s ease;
}

body.new-builds-page .new-builds-pathway-dialog__contact > a:hover {
  border-color: #0b6fa8;
  background: #0b6fa8;
}

@media (max-width: 700px) {
  body.new-builds-page .new-builds-pathway-dialog {
    width: calc(100% - 24px);
    max-height: calc(100dvh - 24px);
    border-radius: 6px;
  }

  body.new-builds-page .new-builds-pathway-dialog__panel {
    padding: 30px 20px 22px;
  }

  body.new-builds-page .new-builds-pathway-dialog__close {
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
  }

  body.new-builds-page .new-builds-pathway-dialog__header {
    padding-right: 30px;
  }

  body.new-builds-page .new-builds-pathway-dialog h2 {
    font-size: 29px !important;
  }

  body.new-builds-page .new-builds-pathway-dialog__header > p:last-child {
    font-size: 14px;
  }

  body.new-builds-page .new-builds-pathway-dialog__options {
    gap: 10px;
    margin-top: 24px;
    grid-template-columns: 1fr;
  }

  body.new-builds-page .new-builds-pathway-dialog__options > a {
    min-height: 0;
    padding: 18px 16px;
  }

  body.new-builds-page .new-builds-pathway-dialog__contact {
    align-items: stretch;
    gap: 14px;
    padding: 18px;
    grid-template-columns: 1fr;
  }

  body.new-builds-page .new-builds-pathway-dialog__contact > a {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.new-builds-page .new-builds-pathway-dialog *,
  body.new-builds-page .new-builds-pathway-dialog *::before,
  body.new-builds-page .new-builds-pathway-dialog *::after {
    transition-duration: .01ms !important;
  }
}

@media (min-width: 901px) {
  html body.new-builds-family[data-business="new-builds"] .cat-bar {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 405.666px)) !important;
    justify-content: center !important;
    column-gap: 56px !important;
  }

  html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item {
    width: max-content !important;
    min-width: 0 !important;
    justify-self: center !important;
  }

  html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item:nth-child(1) {
    width: 187.2px !important;
  }

  html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item:nth-child(2) {
    width: 186.7px !important;
  }

  html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item:nth-child(3) {
    width: 172.6px !important;
  }
}

/* New Builds is a direct destination, not an open business-nav dropdown. */
html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item.active {
  position: relative !important;
  background: var(--nb-refine-navy) !important;
  color: #fff !important;
}

html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item.active::before {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  display: block !important;
  width: auto !important;
  height: 3px !important;
  background: var(--nb-refine-gold) !important;
  content: "" !important;
}

html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item.active::after {
  display: none !important;
  content: none !important;
}

html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item.active > .cat-title-link,
html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item.active > .cat-title-link strong {
  color: #fff !important;
}

html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item.active > .cat-arrow,
html body.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item.active > .cat-menu {
  display: none !important;
}

html body.duplex-page.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item.active > .cat-arrow,
html body.duplex-page.new-builds-family[data-business="new-builds"] .cat-bar > .cat-item.active > .cat-menu {
  display: none !important;
}

/* Landing Hero: Renovations-scale split composition and compact trust rail. */
html body.new-builds-page.new-builds-family #main-content > #new-builds-hero {
  display: grid !important;
  min-height: 0 !important;
  grid-template-columns: 48% 52% !important;
  grid-template-rows: 600px 84px !important;
  background: #fff !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy-panel,
html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__image-panel {
  min-width: 0 !important;
  min-height: 0 !important;
  height: 600px !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy-panel {
  display: flex !important;
  align-items: center !important;
  padding: 54px clamp(36px, 5vw, 76px) !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero-title {
  max-width: 560px !important;
  margin: 14px 0 0 !important;
  font-size: clamp(52px, 4vw, 58px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.025em !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero-title span {
  display: inline !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy > p:not(.new-builds-hero__eyebrow) {
  max-width: 530px !important;
  margin: 22px 0 0 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__actions {
  margin-top: 28px !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__image-panel img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail {
  height: 84px !important;
  min-height: 84px !important;
  grid-column: 1 / -1 !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__inner,
html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__item {
  min-height: 84px !important;
  height: 84px !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__item {
  gap: 12px !important;
  padding: 0 24px !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__icon {
  width: 31px !important;
  height: 31px !important;
  min-width: 31px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__icon svg {
  width: 31px !important;
  height: 31px !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__copy strong {
  font-size: 14px !important;
  line-height: 1.25 !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__copy > span {
  margin-top: 3px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

/* Home Designs: remove the pale-background/white-copy conflict. */
html body.new-builds-page.new-builds-family #main-content > #new-builds-home-designs {
  background: var(--nb-refine-pale) !important;
  color: var(--nb-refine-navy) !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-eyebrow,
html body.new-builds-page.new-builds-family #new-builds-home-designs h2,
html body.new-builds-page.new-builds-family #new-builds-home-designs p,
html body.new-builds-page.new-builds-family #new-builds-home-designs strong {
  color: var(--nb-refine-navy) !important;
}

html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs-title {
  color: var(--nb-refine-navy) !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-eyebrow {
  color: #247fb8 !important;
}

html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__copy > .new-builds-eyebrow {
  display: inline-block;
  width: max-content;
  max-width: 100%;
  margin: 0 0 12px;
  color: var(--nb-blue-strong) !important;
  -webkit-text-fill-color: var(--nb-blue-strong) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  white-space: nowrap;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__distinction {
  border-top-color: rgba(13, 43, 66, .18) !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__distinction p {
  border-bottom-color: rgba(13, 43, 66, .18) !important;
  color: rgba(13, 43, 66, .78) !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-button--light {
  border-color: var(--nb-refine-blue) !important;
  background: var(--nb-refine-blue) !important;
  color: #fff !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-button--ghost {
  border-color: var(--nb-refine-navy) !important;
  background: transparent !important;
  color: var(--nb-refine-navy) !important;
}

/* Decision introduction: give the editorial copy a more useful line length
   while keeping the architectural image as the dominant half. */
@media (min-width: 821px) {
  html body.new-builds-page.new-builds-family #new-builds-decision .new-builds-decision__intro {
    grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr) !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-decision .new-builds-decision__copy {
    padding-right: clamp(42px, 3.3vw, 50px) !important;
    padding-left: clamp(42px, 3.3vw, 50px) !important;
  }
}

/* Shared design principles: one brand promise for all four New Build pathways. */
html body.new-builds-page.new-builds-family #main-content > #new-builds-home-designs {
  padding: 78px 0 72px !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__grid {
  display: grid !important;
  align-items: stretch !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 46%) minmax(0, 54%) !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__copy {
  align-items: stretch !important;
  justify-content: center !important;
  padding: 30px clamp(42px, 4.5vw, 66px) 30px 0 !important;
}

html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs-title {
  max-width: 560px;
  margin: 0 0 24px !important;
  font-size: clamp(40px, 3.25vw, 48px) !important;
  line-height: 1.08 !important;
}

html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__statement {
  max-width: 510px;
  margin: 0 !important;
  padding-left: 20px;
  border-left: 2px solid var(--nb-refine-blue);
  color: #354e5e !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__starting-points {
  border-top: 1px solid rgba(13, 43, 66, .2);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__starting-point {
  display: grid;
  min-width: 0;
  gap: 20px;
  padding: 22px 0 24px;
  grid-template-columns: 36px minmax(0, 1fr);
  border-bottom: 1px solid rgba(13, 43, 66, .2);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__number {
  color: var(--nb-refine-blue);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__starting-point h3 {
  margin: -2px 0 8px;
  color: var(--nb-refine-navy) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 25px !important;
  font-weight: 600;
  line-height: 1.08 !important;
}

html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__starting-point p {
  max-width: 470px;
  margin: 0 0 13px !important;
  color: rgba(13, 43, 66, .76) !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__starting-point a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--nb-refine-navy);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none;
  background-image: linear-gradient(var(--nb-refine-blue), var(--nb-refine-blue));
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: color 180ms ease, background-size 180ms ease;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__starting-point a svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: var(--nb-refine-blue);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 180ms ease;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__starting-point a:hover,
html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__starting-point a:focus-visible {
  color: var(--nb-refine-blue);
  background-size: 100% 1px;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__starting-point a:hover svg,
html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__starting-point a:focus-visible svg {
  transform: translateX(4px);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__visual {
  min-height: 520px !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__visual img {
  object-position: 54% center;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principles {
  display: grid;
  margin-top: 32px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(13, 43, 66, .2);
  border-bottom: 1px solid rgba(13, 43, 66, .2);
  background: rgba(255, 255, 255, .48);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principle {
  display: grid;
  min-width: 0;
  gap: 15px;
  padding: 24px 26px;
  grid-template-columns: 28px minmax(0, 1fr);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principle + .new-builds-home-designs__principle {
  border-left: 1px solid rgba(13, 43, 66, .16);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principle > span {
  color: var(--nb-refine-blue);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principle-icon {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  align-self: start;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principle-icon svg {
  display: block;
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principle h3 {
  margin: 0 0 6px;
  color: var(--nb-refine-navy) !important;
  font-size: 11px !important;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1.25 !important;
  text-transform: uppercase;
}

html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__principle p {
  max-width: none;
  margin: 0 !important;
  color: rgba(13, 43, 66, .7) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare {
  margin-top: 28px;
  border: 1px solid rgba(13, 43, 66, .18);
  background: rgba(255, 255, 255, .72);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-header {
  padding: 30px 28px 26px;
  border-bottom: 1px solid rgba(13, 43, 66, .18);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-eyebrow {
  margin: 0 0 9px !important;
  color: var(--nb-blue-strong) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs #new-builds-pathway-compare-title {
  margin: 0;
  color: var(--nb-refine-navy) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(32px, 3.2vw, 44px) !important;
  font-weight: 600;
  line-height: 1.02 !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-intro {
  display: grid;
  align-items: end;
  gap: 28px;
  margin-top: 20px;
  grid-template-columns: minmax(0, 1fr) auto;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-prompt strong {
  display: block;
  margin-bottom: 5px;
  color: var(--nb-refine-navy) !important;
  font-size: 17px;
  font-weight: 750;
  line-height: 1.3;
}

html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__compare-prompt p {
  max-width: 720px;
  margin: 0 !important;
  color: #536b7a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-consult {
  display: inline-flex;
  min-width: 284px;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 22px;
  border: 1px solid #45a9e6;
  background: #45a9e6;
  color: #fff;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .035em;
  line-height: 1.3;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background-color 180ms ease, border-color 180ms ease;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-consult:hover,
html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-consult:focus-visible {
  border-color: var(--nb-refine-navy);
  background: var(--nb-refine-navy);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-consult:focus-visible {
  outline: 2px solid var(--nb-refine-blue);
  outline-offset: 3px;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-consult svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 180ms ease;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-consult:hover svg,
html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-consult:focus-visible svg {
  transform: translateX(4px);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid {
  display: grid;
  gap: 12px;
  padding: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid > a {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 254px;
  flex-direction: column;
  padding: 22px 20px 20px;
  border: 1px solid rgba(13, 43, 66, .14);
  background: #fff;
  color: var(--nb-refine-navy);
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid > a::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: var(--nb-refine-blue);
  content: "";
  opacity: 1;
  transition: height 180ms ease;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid > a:hover,
html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid > a:focus-visible {
  z-index: 1;
  border-color: rgba(35, 141, 204, .46);
  box-shadow: 0 12px 24px rgba(13, 43, 66, .07);
  transform: translateY(-4px);
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid > a:hover::before,
html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid > a:focus-visible::before {
  height: 4px;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid > a:focus-visible {
  outline: 2px solid var(--nb-refine-blue);
  outline-offset: 2px;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-number {
  margin-bottom: 13px;
  color: var(--nb-refine-blue);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid h4 {
  min-height: 46px;
  margin: 0 0 12px;
  color: var(--nb-refine-navy) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 23px !important;
  font-weight: 600;
  line-height: 1.04 !important;
}

html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__compare-best {
  min-height: 66px;
  margin: 0 0 14px !important;
  color: #354e5e !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-best strong {
  display: block;
  margin-bottom: 2px;
  color: var(--nb-blue-strong) !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid ul {
  margin: 0;
  padding: 0;
  color: #536b7a;
  list-style: none;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid li {
  position: relative;
  margin: 7px 0;
  padding-left: 18px;
  font-size: 11.5px;
  font-weight: 550;
  line-height: 1.45;
}

html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--nb-refine-blue);
  content: "✓";
  font-size: 11px;
  font-weight: 800;
}

@media (max-width: 980px) {
  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principle:nth-child(3) {
    gap: 13px;
  }

  html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__principle:nth-child(3) p {
    white-space: nowrap;
  }
}

@media (max-width: 900px) {
  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__grid {
    grid-template-columns: 1fr !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__copy {
    padding: 0 0 36px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__visual {
    min-height: 420px !important;
  }
}

@media (max-width: 700px) {
  html body.new-builds-page.new-builds-family #main-content > #new-builds-home-designs {
    padding: 64px 0 60px !important;
  }

  html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs-title {
    max-width: 360px;
    font-size: clamp(34px, 9.4vw, 42px) !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__visual {
    min-height: 300px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principles {
    grid-template-columns: 1fr;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principle {
    padding: 18px 20px;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__principle + .new-builds-home-designs__principle {
    border-top: 1px solid rgba(13, 43, 66, .16);
    border-left: 0;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-header {
    padding: 26px 20px 24px;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs #new-builds-pathway-compare-title,
  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-eyebrow,
  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-prompt {
    text-align: center;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-intro {
    justify-items: center;
    grid-template-columns: 1fr;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-consult {
    width: min(100%, 340px);
    min-width: 0;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid {
    padding: 14px;
    grid-template-columns: 1fr;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid > a {
    min-height: 0;
  }

  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare-grid h4,
  html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__compare-best {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare *,
  html body.new-builds-page.new-builds-family #new-builds-home-designs .new-builds-home-designs__compare *::before {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

/* Land / lifestyle: equal-weight, open split without the framed draft look. */
html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__grid {
  align-items: stretch !important;
  gap: 0 !important;
  grid-template-columns: 46% 54% !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__grid > figure,
html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__content {
  min-height: 560px !important;
  height: auto !important;
}

html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__grid > figure {
  overflow: hidden !important;
}

html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__grid > figure img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__content {
  padding: 58px clamp(44px, 5.25vw, 76px) !important;
}

/* Why DK: approved Renovations-style proof band. */
html body.new-builds-page.new-builds-family #main-content > #why-build-with-dk {
  padding: 82px 0 !important;
  background: var(--nb-refine-navy) !important;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__grid {
  display: grid !important;
  width: min(1400px, calc(100% - 144px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  align-items: center !important;
  gap: 40px !important;
  grid-template-columns: minmax(350px, 380px) minmax(0, 1fr) !important;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__intro {
  min-width: 0;
  padding: 0 24px 0 0 !important;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__intro h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 47px !important;
  line-height: 1.1 !important;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value h3 {
  color: #fff !important;
}

html body.new-builds-page.new-builds-family #main-content #why-build-with-dk .new-builds-why__supporting {
  max-width: 340px;
  margin: 22px 0 0 !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1.72 !important;
  text-align: left !important;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__values {
  display: grid !important;
  min-width: 0;
  margin: 0 !important;
  align-items: stretch !important;
  column-gap: 24px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border: 0 !important;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value {
  position: relative;
  display: block !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value::before {
  position: absolute;
  top: 50%;
  left: -12px;
  width: 1px;
  height: 118px;
  background: rgba(255, 255, 255, .14);
  content: "";
  transform: translateY(-50%);
  pointer-events: none;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__icon {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 0 24px !important;
  color: #75c8f4 !important;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__icon svg {
  display: block;
  width: 48px !important;
  height: 48px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.55 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value h3 {
  margin: 0 !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value p {
  margin: 17px 0 0 !important;
  color: rgba(255, 255, 255, .76) !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

@media (max-width: 1120px) and (min-width: 901px) {
  html body.new-builds-page.new-builds-family #main-content > #new-builds-hero {
    grid-template-columns: 49% 51% !important;
    grid-template-rows: 560px 84px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy-panel,
  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__image-panel {
    height: 560px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy-panel {
    padding: 42px 38px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero-title {
    font-size: 49px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__item {
    padding: 0 15px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__copy strong {
    font-size: 12px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__copy > span {
    font-size: 10px !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__grid {
    grid-template-columns: 250px minmax(0, 1fr) !important;
  }
}

@media (max-width: 900px) {
  html body.new-builds-page.new-builds-family #main-content > #new-builds-hero {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 430px auto !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy-panel {
    height: auto !important;
    min-height: 480px !important;
    padding: 54px 32px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__image-panel {
    height: 430px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail,
  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__inner {
    height: auto !important;
    min-height: 0 !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__inner {
    grid-template-columns: 1fr 1fr !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__item {
    height: auto !important;
    min-height: 92px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__grid,
  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__grid {
    grid-template-columns: 1fr !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__grid > figure,
  html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__content {
    min-height: 0 !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__grid > figure {
    height: 420px !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__values {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 620px) {
  html body.new-builds-page.new-builds-family #main-content > #new-builds-hero {
    grid-template-rows: auto 300px auto !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy-panel {
    min-height: 0 !important;
    padding: 44px 24px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero-title {
    font-size: clamp(42px, 12vw, 52px) !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__image-panel {
    height: 300px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__inner {
    grid-template-columns: 1fr !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-trust-rail__item {
    min-height: 78px !important;
    padding: 0 24px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__grid > figure {
    height: 300px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-land-lifestyle .new-builds-land-lifestyle__content {
    padding: 40px 24px !important;
  }

  html body.new-builds-page.new-builds-family #main-content > #why-build-with-dk {
    padding: 58px 0 !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__grid {
    width: min(100% - 40px, 1240px) !important;
    gap: 36px !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__values {
    grid-template-columns: 1fr !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value,
  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value:nth-child(even) {
    padding: 25px 0 !important;
    border-left: 0 !important;
  }
}

/* New Builds landing Final CTA: retain the shared component while allowing
   its longer consultation label to fit the approved 170px conversion band. */
html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-final-cta {
  background:
    linear-gradient(90deg, rgba(3, 21, 36, .94) 0%, rgba(3, 21, 36, .88) 46%, rgba(3, 21, 36, .74) 100%),
    url("../images/banner.jpg") center 56% / cover no-repeat !important;
}

@media (min-width: 1101px) {
  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-final-cta {
    height: 170px !important;
    min-height: 170px !important;
    padding-block: 32px !important;
  }

  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-final-cta > .final-inner > .final-copy:has(> .final-cta-actions-v13) {
    grid-template-columns: minmax(0, 1fr) 76px 500px !important;
    height: 106px !important;
    min-height: 106px !important;
  }

  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-final-cta .final-actions.final-cta-actions-v13 {
    grid-template-columns: minmax(270px, 1fr) 216px !important;
    width: 500px !important;
    max-width: 500px !important;
  }

  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-final-cta .final-copy > p {
    max-width: 720px !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
  }
}

html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-final-cta .final-actions > a {
  overflow: hidden !important;
}

html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-decision .new-builds-path-card__cta {
  width: 100% !important;
  align-self: center !important;
  justify-content: center !important;
  gap: 3px !important;
  color: #1688c7 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-decision .new-builds-path-card__cta svg {
  width: 14px !important;
  height: 14px !important;
}

/* Landing Hero correction: restore the approved Kitchen-scale split frame.
   This block intentionally outranks the shared visual-system experiment while
   remaining isolated to the New Builds landing route. */
@media (min-width: 1025px) {
  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"] {
    position: relative !important;
    display: grid !important;
    width: 100% !important;
    height: 702px !important;
    min-height: 702px !important;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
    grid-template-rows: 618px 84px !important;
    overflow: hidden !important;
    background: #faf8f5 !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"]::before,
  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"]::after {
    content: none !important;
    background: none !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"] .new-builds-hero__copy-panel {
    position: relative !important;
    z-index: 1 !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    height: 618px !important;
    min-height: 618px !important;
    max-height: 618px !important;
    padding: 48px 44px !important;
    overflow: hidden !important;
    background: #faf8f5 !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"] .new-builds-hero__copy {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero #new-builds-hero-title {
    max-width: 560px !important;
    margin: 14px 0 0 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: clamp(56px, 4.2vw, 62px) !important;
    font-weight: 500 !important;
    line-height: 1.02 !important;
    letter-spacing: -.025em !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #new-builds-hero .new-builds-hero__copy > p:not(.new-builds-hero__eyebrow) {
    max-width: 530px !important;
    margin: 22px 0 0 !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-hero__image-panel {
    position: relative !important;
    z-index: 0 !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    height: 618px !important;
    min-height: 618px !important;
    max-height: 618px !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-hero__image-panel::before,
  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-hero__image-panel::after {
    content: none !important;
    background: none !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-hero__image-panel img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    filter: none !important;
    opacity: 1 !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-trust-rail {
    position: relative !important;
    z-index: 2 !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 1024px) {
  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"] {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto 390px auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #faf8f5 !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"]::before,
  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"]::after {
    content: none !important;
    background: none !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"] .new-builds-hero__copy-panel {
    position: relative !important;
    z-index: 1 !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 48px 32px !important;
    background: #faf8f5 !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"] .new-builds-hero__copy {
    width: 100% !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero #new-builds-hero-title {
    max-width: 620px !important;
    margin: 12px 0 0 !important;
    font-size: 48px !important;
    line-height: 1.02 !important;
    letter-spacing: -.025em !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-hero__image-panel {
    position: relative !important;
    z-index: 0 !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-hero__image-panel::before,
  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-hero__image-panel::after {
    content: none !important;
    background: none !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-hero__image-panel img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    filter: none !important;
    opacity: 1 !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-trust-rail {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
}

@media (max-width: 620px) {
  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"] {
    grid-template-rows: auto 300px auto !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero.new-builds-hero[data-dk-hero="light"] .new-builds-hero__copy-panel {
    padding: 42px 20px !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero #new-builds-hero-title {
    font-size: clamp(40px, 11vw, 44px) !important;
  }

  html:root:root:root:root:root:root:root:root:root:root body.new-builds-page.new-builds-family[data-business="new-builds"] #main-content > #new-builds-hero .new-builds-hero__image-panel {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
  }
}

/* Keep the Journey title group centred above the existing six-step rail. */
html body.new-builds-page.new-builds-family #new-build-journey .new-builds-section-heading {
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

@media (min-width: 769px) and (max-width: 1500px) {
  html body.new-builds-page.new-builds-family #new-build-journey .new-builds-container {
    padding-right: 0 !important;
  }

  html body.new-builds-page.new-builds-family #new-build-journey .new-builds-journey__steps {
    width: calc(100% - 88px) !important;
  }
}

/*
 * Five-page New Builds shell contract.
 * Keep page-specific imagery and conversion structures, while normalising the
 * shared typography, Hero rhythm and credential rail to the approved DK scale.
 */
html body.new-builds-family[data-business="new-builds"],
html body.new-builds-family[data-business="new-builds"] main,
html body.new-builds-family[data-business="new-builds"] main button,
html body.new-builds-family[data-business="new-builds"] main input,
html body.new-builds-family[data-business="new-builds"] main select,
html body.new-builds-family[data-business="new-builds"] main textarea {
  font-family: "Manrope", "Noto Sans SC", Arial, sans-serif !important;
}

html body.new-builds-family[data-business="new-builds"] main h1 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(58px, 4.4vw, 63.36px) !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  letter-spacing: -.025em !important;
}

html body.new-builds-family[data-business="new-builds"] main h2,
html body.new-builds-family[data-business="new-builds"] main h3 {
  font-family: "Manrope", "Noto Sans SC", Arial, sans-serif !important;
}

html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy > p:not(.new-builds-hero__eyebrow),
html body.house-land-page.new-builds-family .hl-hero__lead,
html body.knockdown-rebuild-page.new-builds-family #kdr-hero .kdr-hero__lead,
html body.custom-home-page.new-builds-family .custom-home-hero__supporting,
html body.duplex-page.new-builds-family .duplex-hero__lead {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

@media (min-width: 901px) {
  html body.house-land-page.new-builds-family .hl-hero {
    height: 600px !important;
    min-height: 600px !important;
    padding: 0 !important;
  }

  html body.house-land-page.new-builds-family .hl-hero__grid,
  html body.house-land-page.new-builds-family .hl-hero__media {
    height: 600px !important;
    min-height: 600px !important;
  }

  html body.house-land-page.new-builds-family .hl-hero__grid {
    grid-template-columns: 44% 56% !important;
  }

  html body.house-land-page.new-builds-family .hl-hero__copy {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  html body.knockdown-rebuild-page.new-builds-family .kdr-hero,
  html body.knockdown-rebuild-page.new-builds-family .kdr-hero__grid {
    height: 600px !important;
    min-height: 600px !important;
  }

  html body.knockdown-rebuild-page.new-builds-family .kdr-hero__grid {
    padding-block: 24px !important;
  }

  html body.custom-home-page.new-builds-family .custom-home-hero,
  html body.custom-home-page.new-builds-family .custom-home-hero__grid,
  html body.custom-home-page.new-builds-family .custom-home-hero__copy,
  html body.custom-home-page.new-builds-family .custom-home-hero__media,
  html body.custom-home-page.new-builds-family .custom-home-hero__media > img {
    height: 600px !important;
    min-height: 600px !important;
  }

  html body.custom-home-page.new-builds-family .custom-home-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(350px, 390px) !important;
    gap: clamp(36px, 4vw, 56px) !important;
  }

  html body.custom-home-page.new-builds-family .custom-home-hero__copy {
    height: auto !important;
    min-height: 0 !important;
    max-width: 720px !important;
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  html body.duplex-page.new-builds-family .duplex-hero,
  html body.duplex-page.new-builds-family .duplex-hero__media,
  html body.duplex-page.new-builds-family .duplex-hero__image,
  html body.duplex-page.new-builds-family .duplex-hero__image img {
    height: 600px !important;
    min-height: 600px !important;
  }

  html body.duplex-page.new-builds-family .duplex-hero {
    grid-template-columns: 48% 52% !important;
  }

  html body.duplex-page.new-builds-family .duplex-hero__copy {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  html body.house-land-page.new-builds-family .hl-trust,
  html body.house-land-page.new-builds-family .hl-trust__grid,
  html body.house-land-page.new-builds-family .hl-trust article,
  html body.knockdown-rebuild-page.new-builds-family .kdr-trust-strip,
  html body.knockdown-rebuild-page.new-builds-family .kdr-trust-strip__grid,
  html body.knockdown-rebuild-page.new-builds-family .kdr-trust-strip article,
  html body.custom-home-page.new-builds-family .custom-home-trust,
  html body.custom-home-page.new-builds-family .custom-home-trust__grid,
  html body.custom-home-page.new-builds-family .custom-home-trust__grid > div,
  html body.duplex-page.new-builds-family .duplex-trust,
  html body.duplex-page.new-builds-family .duplex-trust__grid,
  html body.duplex-page.new-builds-family .duplex-trust__item {
    height: 84px !important;
    min-height: 84px !important;
  }
}

html body.house-land-page.new-builds-family .hl-trust strong,
html body.knockdown-rebuild-page.new-builds-family .kdr-trust-strip strong,
html body.custom-home-page.new-builds-family .custom-home-trust strong,
html body.duplex-page.new-builds-family .duplex-trust__item span {
  font-family: "Manrope", "Noto Sans SC", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html body.house-land-page.new-builds-family .hl-trust p,
html body.knockdown-rebuild-page.new-builds-family .kdr-trust-strip small {
  margin-top: 3px !important;
  font-family: "Manrope", "Noto Sans SC", Arial, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

/* Resolve legacy page-local !important rules without broad global overrides. */
html body.house-land-page.new-builds-family main #hl-hero .hl-hero__copy .hl-hero__lead,
html body.knockdown-rebuild-page.new-builds-family main #kdr-hero .kdr-hero__copy .kdr-hero__lead,
html body.custom-home-page.new-builds-family main > .custom-home-hero .custom-home-hero__copy .custom-home-hero__supporting,
html body.duplex-page.new-builds-family main #duplex-hero .duplex-hero__lead {
  font-family: "Manrope", "Noto Sans SC", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

html:root:root:root:root:root:root:root:root body.custom-home-page.new-builds-family main > .custom-home-hero .custom-home-hero__supporting {
  color: rgba(255, 255, 255, .84) !important;
}

html:root:root:root body.duplex-page.new-builds-family main > #duplex-hero #duplex-hero-title,
html:root:root:root body.duplex-page.new-builds-family main > #duplex-hero #duplex-hero-title span {
  color: #fff !important;
}

html:root:root:root body.duplex-page.new-builds-family main > #duplex-hero #duplex-hero-title span:last-child {
  color: #45a9e6 !important;
}

html:root:root:root body.duplex-page.new-builds-family main > #duplex-hero .duplex-hero__lead {
  color: rgba(255, 255, 255, .84) !important;
}

html:root:root:root body.duplex-page.new-builds-family main > #duplex-hero .duplex-hero__note {
  margin-top: 14px !important;
  padding-top: 12px !important;
  color: rgba(255, 255, 255, .68) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

html body.house-land-page.new-builds-family main #hl-hero h1,
html body.knockdown-rebuild-page.new-builds-family main #kdr-hero #kdr-hero-title,
html body.custom-home-page.new-builds-family main > .custom-home-hero #custom-home-title,
html body.duplex-page.new-builds-family main #duplex-hero #duplex-hero-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(58px, 4.4vw, 63.36px) !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  letter-spacing: -.025em !important;
}

html body.house-land-page.new-builds-family main .hl-trust .hl-trust__grid article strong,
html body.knockdown-rebuild-page.new-builds-family main .kdr-trust-strip .kdr-trust-strip__grid article strong,
html body.custom-home-page.new-builds-family main .custom-home-trust .custom-home-trust__grid > div strong,
html body.duplex-page.new-builds-family main .duplex-trust .duplex-trust__item span {
  font-family: "Manrope", "Noto Sans SC", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html body.house-land-page.new-builds-family main .hl-trust .hl-trust__grid article p,
html body.knockdown-rebuild-page.new-builds-family main .kdr-trust-strip .kdr-trust-strip__grid article small {
  font-family: "Manrope", "Noto Sans SC", Arial, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

html body.house-land-page.new-builds-family[data-business="new-builds"] main > #hl-trust-strip .hl-trust__grid > article p {
  margin-top: 3px !important;
  font-family: "Manrope", "Noto Sans SC", Arial, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

html:root:root:root:root:root:root body.custom-home-page.new-builds-family[data-business="new-builds"] main > .custom-home-hero .custom-home-hero__copy .custom-home-hero__supporting {
  --dk-type-body: 18px;
  --dk-line-body: 1.65;
  max-width: 600px !important;
  font-family: "Manrope", "Noto Sans SC", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

html:root:root:root:root:root:root body.custom-home-page.new-builds-family[data-business="new-builds"] main > .custom-home-hero #custom-home-title {
  max-width: 660px !important;
}

@media (min-width: 901px) {
  html body.custom-home-page.new-builds-family main > section.custom-home-hero,
  html body.custom-home-page.new-builds-family main > section.custom-home-hero > .custom-home-hero__grid,
  html body.custom-home-page.new-builds-family main > section.custom-home-hero .custom-home-hero__copy,
  html body.custom-home-page.new-builds-family main > section.custom-home-hero .custom-home-hero__media,
  html body.custom-home-page.new-builds-family main > section.custom-home-hero .custom-home-hero__media > img {
    height: 600px !important;
    min-height: 600px !important;
  }

  html body.duplex-page.new-builds-family main > section#duplex-hero,
  html body.duplex-page.new-builds-family main > section#duplex-hero .duplex-hero__media,
  html body.duplex-page.new-builds-family main > section#duplex-hero .duplex-hero__image,
  html body.duplex-page.new-builds-family main > section#duplex-hero .duplex-hero__image img {
    height: 600px !important;
    min-height: 600px !important;
  }

  html:root:root:root body.duplex-page.new-builds-family main > #duplex-hero .duplex-hero__copy {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  html:root:root:root body.duplex-page.new-builds-family main > #duplex-hero .kicker {
    margin-bottom: 12px !important;
  }

  html:root:root:root body.duplex-page.new-builds-family main > #duplex-hero #duplex-hero-title {
    margin-bottom: 18px !important;
    font-size: 60px !important;
  }

  html:root:root:root body.duplex-page.new-builds-family main > #duplex-hero .duplex-hero__lead {
    margin-bottom: 18px !important;
  }
}

@media (max-width: 900px) {
  html body.new-builds-family[data-business="new-builds"] main h1 {
    font-size: 48px !important;
    line-height: 1.02 !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy > p:not(.new-builds-hero__eyebrow),
  html body.house-land-page.new-builds-family .hl-hero__lead,
  html body.knockdown-rebuild-page.new-builds-family #kdr-hero .kdr-hero__lead,
  html body.custom-home-page.new-builds-family .custom-home-hero__supporting,
  html body.duplex-page.new-builds-family .duplex-hero__lead {
    font-size: 17px !important;
  }

  html:root:root:root:root:root:root body.custom-home-page.new-builds-family main > .custom-home-hero,
  html:root:root:root:root:root:root body.custom-home-page.new-builds-family main > .custom-home-hero > .custom-home-hero__grid,
  html:root:root:root:root:root:root body.custom-home-page.new-builds-family main > .custom-home-hero .custom-home-hero__copy {
    height: auto !important;
    min-height: 0 !important;
  }

  html:root:root:root:root:root:root body.custom-home-page.new-builds-family main > .custom-home-hero > .custom-home-hero__grid {
    width: 100% !important;
    padding-right: 0 !important;
  }

  html:root:root:root:root:root:root body.custom-home-page.new-builds-family main > .custom-home-hero .custom-home-hero__copy {
    padding: 44px 72px 44px 24px !important;
  }
}

@media (max-width: 620px) {
  html body.new-builds-family[data-business="new-builds"] main h1 {
    font-size: 42px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-hero .new-builds-hero__copy > p:not(.new-builds-hero__eyebrow),
  html body.house-land-page.new-builds-family .hl-hero__lead,
  html body.knockdown-rebuild-page.new-builds-family #kdr-hero .kdr-hero__lead,
  html body.custom-home-page.new-builds-family .custom-home-hero__supporting,
  html body.duplex-page.new-builds-family .duplex-hero__lead {
    font-size: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.new-builds-family[data-business="new-builds"] .navbar .nav-links > li > a::after {
    transition: none !important;
  }
}

/* Approved New Builds FAQ: editorial introduction plus compact accordion. */
html body.new-builds-page.new-builds-family #main-content > #new-builds-faq {
  padding: 56px 0 !important;
  background: #fff !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__layout {
  display: grid !important;
  align-items: start !important;
  gap: clamp(48px, 7vw, 94px) !important;
  grid-template-columns: .72fr 1.28fr !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__aside {
  position: sticky !important;
  top: 150px !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__aside h2 {
  max-width: 390px !important;
  margin: 14px 0 24px !important;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: clamp(38px, 2.75vw, 40px) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: -.025em !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__aside h2 span {
  display: block !important;
  white-space: nowrap !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__aside > p:last-child {
  max-width: 390px !important;
  margin: 0 !important;
  color: #40596b !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__list {
  margin-right: 72px !important;
  border-top: 0 !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__item {
  border-top: 1px solid #bed7e4 !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__item:last-child {
  border-bottom: 1px solid #bed7e4 !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__question {
  min-height: 56px !important;
  gap: 20px !important;
  padding: 12px 4px !important;
  grid-template-columns: minmax(0, 1fr) 28px !important;
  color: #07263a !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  transition: color 180ms ease, background-color 180ms ease !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__question:hover {
  color: #1678b8 !important;
  background: rgba(117, 200, 244, .045) !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__question i {
  width: 28px !important;
  height: 28px !important;
  border-color: #9fc9df !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__answer {
  padding: 0 48px 14px 4px !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__answer p {
  max-width: 590px !important;
  color: #40596b !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__footer {
  display: flex;
  justify-content: center;
  padding-top: 28px;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__cta {
  display: inline-flex;
  min-width: 320px;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 24px;
  border: 1px solid #45a9e6;
  background: #45a9e6;
  color: #fff;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .05em;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background-color 220ms ease, border-color 220ms ease, transform 220ms ease;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__cta:hover,
html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__cta:focus-visible {
  border-color: #0d2b42;
  background: #0d2b42;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__cta svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
  transition: transform 220ms ease;
}

html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__cta:hover svg,
html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__cta:focus-visible svg {
  transform: translateX(4px);
}

@media (max-width: 820px) {
  html body.new-builds-page.new-builds-family #main-content > #new-builds-faq {
    padding: 64px 0 !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__layout {
    gap: 38px !important;
    grid-template-columns: 1fr !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__aside {
    position: static !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__list {
    margin-right: 0 !important;
  }
}

@media (max-width: 620px) {
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__aside h2 {
    font-size: 31px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__question {
    min-height: 64px !important;
    padding: 14px 0 !important;
    font-size: 14px !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__answer {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.new-builds-page.new-builds-family #new-builds-faq .new-builds-faq__cta {
    width: min(100%, 340px);
    min-width: 0;
    padding-inline: 18px;
    font-size: 12px;
  }
}

/* Why DK responsive composition: 4-up desktop, 2-by-2 tablet, editorial rows mobile. */
@media (min-width: 1121px) and (max-width: 1450px) {
  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__grid {
    width: min(1210px, calc(100% - 220px)) !important;
    gap: 32px !important;
    grid-template-columns: minmax(300px, 330px) minmax(0, 1fr) !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__intro h2 {
    font-size: 43px !important;
  }
}

@media (max-width: 1120px) {
  html body.new-builds-page.new-builds-family #main-content > #why-build-with-dk {
    padding: 72px 0 !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__grid {
    width: min(936px, calc(100% - 64px)) !important;
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__intro {
    padding-right: 0 !important;
    text-align: center !important;
  }

  html body.new-builds-page.new-builds-family #main-content #why-build-with-dk .new-builds-why__supporting {
    max-width: 680px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__values {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 34px !important;
    row-gap: 28px !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value::before {
    display: none !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value:nth-child(n + 3) {
    padding-top: 28px !important;
    border-top: 1px solid rgba(255, 255, 255, .16) !important;
  }
}

@media (max-width: 700px) {
  html body.new-builds-page.new-builds-family #main-content > #why-build-with-dk {
    padding: 64px 0 !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__grid {
    width: calc(100% - 32px) !important;
    box-sizing: border-box !important;
    gap: 30px !important;
    padding-right: 66px !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__intro {
    text-align: left !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__intro h2 {
    font-size: 38px !important;
    line-height: 1.05 !important;
  }

  html body.new-builds-page.new-builds-family #main-content #why-build-with-dk .new-builds-why__supporting {
    margin: 16px 0 0 !important;
    font-size: 15px !important;
    line-height: 1.62 !important;
    text-align: left !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__values {
    grid-template-columns: 1fr !important;
    row-gap: 0 !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value,
  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value:nth-child(even),
  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value:nth-child(n + 3) {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    padding: 20px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .16) !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__icon {
    grid-row: 1 / 3 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__icon svg {
    width: 42px !important;
    height: 42px !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value h3 {
    font-size: 19px !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value p {
    margin-top: 8px !important;
  }
}

/* Approved New Builds typography roles: DK service-page readability standard. */
html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-hero .new-builds-hero__eyebrow {
  margin: 0 !important;
  color: #4d819f !important;
  font-family: Cinzel, Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: .12em !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-hero-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(60px, 4.5vw, 66px) !important;
  font-weight: 500 !important;
  line-height: .98 !important;
  letter-spacing: -.025em !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-hero .new-builds-hero__copy > p:not(.new-builds-hero__eyebrow) {
  max-width: 530px !important;
  margin-top: 22px !important;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-eyebrow {
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: .12em !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-decision-title,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-home-designs-title,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content #why-build-with-dk-title,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-build-journey-title,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content #featured-new-builds-title,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq-title {
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: clamp(42px, 3.3vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: -.025em !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content #why-build-with-dk-title {
  color: #fff !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-decision__copy > p:last-child,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content #why-build-with-dk .new-builds-why__supporting,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__aside > p:last-child {
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-path-card h3,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-path-help h3,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-home-designs__starting-point h3,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-featured__body h3 {
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -.02em !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-home-designs__starting-point p,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-why__value p,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-journey__step > .dk-process-system__summary,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-featured__body > p:last-child,
html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-faq__answer p {
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-home-designs__principle h3 {
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: .08em !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-home-designs__principle p {
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-why__value h3 {
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.02em !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-journey__step .dk-process-system__title {
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -.015em !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-featured__type {
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: .08em !important;
}

html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-faq__question {
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: -.01em !important;
}

@media (min-width: 769px) {
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-build-journey .dk-process-system__card {
    padding-top: 74px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-build-journey .dk-process-system__title {
    min-height: 23px !important;
    padding: 0 !important;
    align-items: center !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1200px) {
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-build-journey .dk-process-system__card {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}

@media (max-width: 1120px) {
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-hero .new-builds-hero__eyebrow {
    font-size: 18px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-hero-title {
    font-size: 56px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-hero .new-builds-hero__copy > p:not(.new-builds-hero__eyebrow) {
    font-size: 17px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-decision-title,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-home-designs-title,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #why-build-with-dk-title,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-build-journey-title,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #featured-new-builds-title,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq-title {
    font-size: 36px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-decision__copy > p:last-child,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #why-build-with-dk .new-builds-why__supporting,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__aside > p:last-child {
    font-size: 17px !important;
  }
}

@media (max-width: 620px) {
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-hero .new-builds-hero__eyebrow {
    font-size: 15px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-hero-title {
    font-size: 42px !important;
    line-height: 1 !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-hero .new-builds-hero__copy > p:not(.new-builds-hero__eyebrow) {
    font-size: 16px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-decision-title,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-home-designs-title,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #why-build-with-dk-title,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-build-journey-title,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #featured-new-builds-title,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq-title {
    font-size: 31px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-decision__copy > p:last-child,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #why-build-with-dk .new-builds-why__supporting,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__aside > p:last-child {
    font-size: 16px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-path-card h3,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-path-help h3,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-home-designs__starting-point h3,
  html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-featured__body h3 {
    font-size: 20px !important;
  }

  html:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-faq__question {
    font-size: 15px !important;
  }
}

/* Conversion typography and FAQ parity with the approved DK service-page scale. */
html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-path-help__cta {
  font-size: 15px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-home-designs__starting-point a {
  font-size: 15.5px !important;
  line-height: 1.4 !important;
  letter-spacing: -.01em !important;
}

html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__question {
  font-size: 17px !important;
  line-height: 1.4 !important;
}

html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__answer p {
  font-size: 16.5px !important;
  line-height: 1.6 !important;
}

@media (max-width: 620px) {
  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__question {
    font-size: 16px !important;
  }
}

/* Final page-wide typography audit: preserve the approved hierarchy while
   bringing descriptive copy back to the DK readability and contrast tokens. */
html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__starting-point p {
  color: #354e5e !important;
}

html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__principle p {
  color: #536978 !important;
}

html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #why-build-with-dk .new-builds-why__supporting,
html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #why-build-with-dk .new-builds-why__value p,
html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-final-cta .final-copy > p {
  color: rgba(255, 255, 255, .84) !important;
}

/* Controlled refinement: match the approved section scale without disturbing
   the page's established background rhythm or component composition. */
html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content > #new-builds-decision {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content > #new-builds-home-designs {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content > #new-build-journey {
  padding-top: 72px !important;
  padding-bottom: 76px !important;
}

html:root:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__aside #new-builds-faq-title {
  max-width: 440px !important;
  font-size: 42.24px !important;
}

@media (min-width: 821px) {
  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__layout {
    gap: clamp(48px, 5vw, 72px) !important;
    grid-template-columns: minmax(430px, .8fr) minmax(0, 1.2fr) !important;
  }

  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__list {
    margin-right: 0 !important;
  }
}

/* The shared contact utility remains intact site-wide. On this long New Builds
   landing page it becomes one compact, user-opened entry on narrower screens. */
body.new-builds-page .new-builds-contact-dock__toggle {
  width: 64px;
  min-height: 58px;
  padding: 7px 6px;
  border: 1px solid rgba(139, 199, 238, .28);
  border-radius: 14px;
  background: rgba(9, 43, 65, .97);
  color: #fff;
  box-shadow: 0 8px 22px rgba(4, 23, 36, .2);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-family: Manrope, "Noto Sans SC", Arial, sans-serif;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.05;
  cursor: pointer;
}

body.new-builds-page .new-builds-contact-dock__toggle svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.new-builds-page .new-builds-contact-dock__toggle:hover,
body.new-builds-page .new-builds-contact-dock__toggle:focus-visible,
body.new-builds-page .new-builds-contact-dock.is-expanded .new-builds-contact-dock__toggle {
  border-color: rgba(103, 157, 187, .72);
  background: #123047;
}

body.new-builds-page .new-builds-contact-dock__toggle:focus-visible {
  outline: 3px solid rgba(103, 157, 187, .34);
  outline-offset: 3px;
}

@media (max-width: 1600px) {
  body.new-builds-page .floating-contact-dock.new-builds-contact-dock {
    top: auto;
    right: 24px;
    bottom: 24px;
    align-items: flex-end;
    flex-direction: column-reverse;
    transform: none;
  }

  body.new-builds-page .new-builds-contact-dock__toggle {
    display: inline-flex;
  }

  body.new-builds-page .floating-contact-dock.new-builds-contact-dock > .floating-contact-dock__item {
    display: none;
  }

  body.new-builds-page .floating-contact-dock.new-builds-contact-dock.is-expanded > .floating-contact-dock__item {
    display: inline-flex;
  }

  body.new-builds-page .back-to-top {
    right: 28px;
    bottom: 96px;
  }
}

@media (max-width: 820px) {
  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content > #new-builds-decision {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content > #new-builds-home-designs,
  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content > #new-build-journey {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  html body.new-builds-page.new-builds-family #why-build-with-dk .new-builds-why__value {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

@media (max-width: 768px) {
  body.new-builds-page .floating-contact-dock.new-builds-contact-dock {
    right: auto;
    bottom: 16px;
    left: 16px;
  }

  body.new-builds-page .new-builds-contact-dock__toggle {
    width: 58px;
    min-height: 54px;
    border-radius: 13px;
    font-size: 10px;
  }

  body.new-builds-page .back-to-top {
    right: 16px;
    bottom: 16px;
  }
}

@media (max-width: 620px) {
  html:root:root:root:root:root:root body.new-builds-page.new-builds-family #main-content #new-builds-faq .new-builds-faq__aside #new-builds-faq-title {
    font-size: 31px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.new-builds-page .new-builds-contact-dock__toggle {
    transition: none !important;
  }
}

/* Controlled refinement: compact expanded utilities into one horizontal tray
   so the temporary open state does not form a second right-side content rail. */
@media (max-width: 1600px) {
  body.new-builds-page .floating-contact-dock.new-builds-contact-dock {
    max-width: calc(100vw - 48px);
    align-items: center;
    flex-direction: row-reverse;
  }
}

@media (max-width: 768px) {
  body.new-builds-page .floating-contact-dock.new-builds-contact-dock {
    max-width: calc(100vw - 32px);
    gap: 6px;
  }

  body.new-builds-page .floating-contact-dock.new-builds-contact-dock > .floating-contact-dock__item {
    width: 48px;
    height: 48px;
    min-height: 48px;
    padding: 5px 3px;
  }

  body.new-builds-page .floating-contact-dock.new-builds-contact-dock > .floating-contact-dock__item svg {
    width: 20px;
    height: 20px;
  }

  body.new-builds-page .floating-contact-dock.new-builds-contact-dock > .floating-contact-dock__item span {
    font-size: 9px;
  }

  body.new-builds-page .new-builds-contact-dock__toggle {
    width: 52px;
    min-height: 52px;
  }

  body.new-builds-page .back-to-top {
    bottom: 82px;
  }
}

/* Keep the four primary pathway decision labels on one shared baseline.
   The earlier card refinement used an auto top margin on the BEST FOR row,
   which redistributed spare space differently as card copy wrapped. */
@media (min-width: 621px) {
  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-path-card h3 {
    min-height: 55px !important;
  }

  html:root:root:root:root:root body.new-builds-page.new-builds-family #main-content .new-builds-path-card .new-builds-path-card__best {
    margin: 0 !important;
  }
}

/* Pathway comparison: keep the suitability statement and checked benefits at
   the same readable body-copy size. */
html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__compare-best,
html body.new-builds-page.new-builds-family #main-content #new-builds-home-designs .new-builds-home-designs__compare-grid li {
  font-size: 16px !important;
  line-height: 1.55 !important;
}