/* Focused residential guides; the existing public header, brand and booking flow stay shared. */
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("/email-assets/dm-sans-400.woff2") format("woff2"); }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("/email-assets/dm-sans-500.woff2") format("woff2"); }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("/email-assets/dm-sans-600.woff2") format("woff2"); }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("/email-assets/dm-sans-700.woff2") format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url("/email-assets/space-grotesk-500.woff2") format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 600; font-display: swap; src: url("/email-assets/space-grotesk-600.woff2") format("woff2"); }
.residential-page { --first-clean-offer-height: 0px; --public-header-height: var(--public-header-base); }
.residential-shell { max-width: 1240px; margin: 0 auto; padding: 32px 40px 0; }
.residential-skip { position: fixed; top: -100px; left: 16px; z-index: 200; padding: 14px 20px; border-radius: 12px; background: var(--ice); color: var(--ink); }
.residential-skip:focus { top: 12px; }
.residential-page :focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.residential-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 0; margin: 0 0 42px; list-style: none; color: #acb9c6; font-size: 14px; }
.residential-breadcrumb li + li::before { content: "/"; padding-right: 12px; color: #63778a; }
.residential-breadcrumb a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.residential-hero { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 52px; align-items: center; margin-bottom: 66px; }
.residential-page h1 { font-size: clamp(39px, 4.8vw, 68px); line-height: 1.05; margin: 18px 0 26px; letter-spacing: -.045em; }
.residential-page .eyebrow { font-size: 11px; line-height: 1.7; letter-spacing: .14em; }
.residential-lead { font-size: 19px; line-height: 1.75; color: #c1cbd5; margin: 0 0 26px; }
.residential-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.residential-page .button { min-height: 48px; white-space: normal; text-align: center; line-height: 1.5; max-width: 100%; border-radius: 12px; }
.residential-text-link { color: var(--blue); text-decoration: underline; text-underline-offset: 5px; padding-block: 12px; }
.residential-button-secondary { background: transparent; border: 1px solid var(--blue); color: var(--ice); }
.residential-button-secondary:hover { background: #203443; color: var(--ice); }
.residential-helper { color: #aab7c4; font-size: 14px; line-height: 1.7; margin: 18px 0 0; }
.residential-helper a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.residential-at-a-glance { border: 1px solid #354a5e; border-radius: 24px; padding: 30px; background: radial-gradient(ellipse at 100% 0, #213a4b 0, transparent 65%), #131e2a; }
.residential-page h2 { font-size: clamp(27px, 3vw, 39px); line-height: 1.2; letter-spacing: -.035em; margin: 0 0 22px; }
.residential-at-a-glance h2 { color: var(--ice); }
.residential-at-a-glance dl { margin: 0; }
.residential-at-a-glance dl > div { border-top: 1px solid #304453; padding: 19px 0; }
.residential-at-a-glance dl > div:last-child { padding-bottom: 0; }
.residential-at-a-glance dt { color: var(--blue); font-size: 13px; font-weight: 700; margin-bottom: 6px; }
.residential-at-a-glance dd { margin: 0; color: #d1dbe3; line-height: 1.65; font-size: 16px; }
.residential-section { margin: 0 0 62px; scroll-margin-top: 180px; }
.residential-section > p { max-width: 860px; }
.residential-section p, .residential-section li, .residential-water-notice p, .residential-closing > p { color: #becad5; font-size: 16px; line-height: 1.8; }
.residential-section strong, .residential-water-notice strong { color: #eef5fa; }
.residential-section a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.residential-card-grid, .residential-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.residential-card-grid { margin-top: 28px; }
.residential-card { border: 1px solid #2e4050; border-radius: 20px; padding: 28px; background: #111c28; min-width: 0; }
.residential-card h3 { font-size: 23px; line-height: 1.25; letter-spacing: -.025em; color: var(--ice); margin: 0 0 18px; }
.residential-card h2 { font-size: 28px; }
.residential-card ul { margin: 0; padding-left: 20px; }
.residential-card li + li { margin-top: 10px; }
.residential-card > p:last-child { margin-bottom: 0; }
.residential-water-notice { border: 1px solid #56748a; border-left: 4px solid var(--blue); border-radius: 18px; padding: 28px 32px; margin-bottom: 60px; background: #172936; }
.residential-water-notice p:last-child { margin-bottom: 0; }
.residential-process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 28px 0 0; padding: 0; list-style: none; counter-reset: step; }
.residential-process li { counter-increment: step; border-top: 2px solid #3c596c; padding-top: 20px; }
.residential-process li::before { content: "0" counter(step); display: block; color: var(--blue); font: 24px "Space Grotesk", sans-serif; margin-bottom: 18px; }
.residential-process strong { display: block; margin-bottom: 8px; }
.residential-faq details { margin: 12px 0; border: 1px solid #304050; border-radius: 15px; background: #131d29; }
.residential-faq summary { cursor: pointer; padding: 21px 24px; color: #eaf4fb; font: 500 18px/1.5 "Space Grotesk", sans-serif; }
.residential-faq summary::marker { color: var(--blue); }
.residential-faq details[open] summary { border-bottom: 1px solid #304050; }
.residential-faq details > div { padding: 20px 24px; }
.residential-faq details p { margin: 0; }
.residential-closing { border: 1px solid #334957; border-radius: 24px; background: #142430; padding: 48px; margin: 0 0 64px; text-align: center; }
.residential-closing .eyebrow, .residential-closing .residential-actions { justify-content: center; }
.residential-closing > p { max-width: 700px; margin: 0 auto 24px; }
.residential-closing .residential-helper { margin-top: 24px; margin-bottom: 0; font-size: 14px; }
.residential-page .footer { overflow-wrap: anywhere; }
.residential-page .services-nav__menu { max-height: min(75vh, 690px); overflow-y: auto; }
@media (max-width: 760px) {
  .residential-shell { padding: 25px 22px 0; }
  .residential-breadcrumb ol { margin-bottom: 28px; }
  .residential-hero { grid-template-columns: minmax(0, 1fr); gap: 30px; margin-bottom: 42px; }
  .residential-lead { font-size: 17px; }
  .residential-at-a-glance { padding: 25px; }
  .residential-card-grid, .residential-two-column, .residential-process { grid-template-columns: minmax(0, 1fr); }
  .residential-section { margin-bottom: 42px; }
  .residential-card { padding: 24px; }
  .residential-water-notice { padding: 24px; margin-bottom: 42px; }
  .residential-faq summary { padding: 18px; font-size: 17px; }
  .residential-faq details > div { padding: 18px; }
  .residential-closing { padding: 32px 24px; margin-bottom: 42px; }
}
@media (max-width: 375px) {
  .residential-shell { padding-inline: 16px; }
  .residential-page h1 { font-size: 37px; }
  .residential-card, .residential-at-a-glance { padding: 20px; }
  .residential-actions { align-items: stretch; flex-direction: column; gap: 14px; }
}
@media (prefers-reduced-motion: reduce) { .residential-page * { scroll-behavior: auto !important; } }