.remodel-wrap { box-sizing: border-box; width: 100%; max-width: 1220px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.remodel-page { color: #18212b; }
.remodel-page h1, .remodel-page h2, .remodel-page h3, .remodel-promo h2 { letter-spacing: 0; word-break: keep-all; overflow-wrap: anywhere; }
.remodel-page .hero { min-height: 440px; }
.remodel-page .hero h1 { font-size: 44px; line-height: 1.3; text-wrap: balance; }
.remodel-page .hero-content { padding: 42px 0; }
.remodel-page .hero .hero-contact-meta { display: none; }
.remodel-section { padding-top: 44px; padding-bottom: 44px; }
.remodel-section h2 { font-size: 28px; line-height: 1.45; margin: 0 0 18px; }
.remodel-section h3 { font-size: 20px; line-height: 1.5; margin: 0 0 12px; }
.remodel-section p, .remodel-promo p { line-height: 1.8; }
.remodel-section .eyebrow, .remodel-promo .eyebrow { color: #28654c; }
.remodel-band, .remodel-promo { background: #f0f5f2; }
.remodel-assurance { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; padding-top: 20px; padding-bottom: 20px; font-weight: 700; color: #28654c; border-bottom: 1px solid #d5e0dc; }
.remodel-nav, .remodel-related, .remodel-chat { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.remodel-nav { padding-top: 16px; padding-bottom: 16px; }
.remodel-page a:not(.button), .remodel-promo a { color: #126a8f; text-underline-offset: 4px; }
.remodel-nav a, .remodel-chat a, .remodel-related a { display: inline-flex; align-items: center; min-height: 44px; }
.remodel-nav [aria-current="page"] { font-weight: 800; color: #28654c; }
.remodel-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-top: 28px; }
.remodel-options article { border-top: 2px solid #2b7654; padding-top: 22px; }
.remodel-options small { display: block; line-height: 1.6; color: #53626a; }
.remodel-options article a { display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; font-weight: 700; }
.remodel-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-top: 28px; }
.remodel-gallery figure { min-width: 0; margin: 0; }
.remodel-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #edf0f2; }
.remodel-gallery figcaption { padding-top: 12px; font-size: 14px; line-height: 1.7; }
.remodel-costs { margin: 24px 0; }
.remodel-costs div { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 20px; padding: 18px 0; border-top: 1px solid #cad8d1; }
.remodel-costs dt { font-weight: 750; }
.remodel-costs dd { margin: 0; line-height: 1.8; }
.remodel-process { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; padding-left: 24px; }
.remodel-process li { padding: 12px 10px 0 0; }
.remodel-consult { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px; }
.remodel-chat { margin-top: 16px; }
.remodel-form { display: grid; gap: 18px; min-width: 0; }
.remodel-form label { display: grid; gap: 8px; font-size: 15px; font-weight: 700; }
.remodel-form :is(input,select) { box-sizing: border-box; width: 100%; min-width: 0; height: 48px; padding: 0 12px; border: 1px solid #8a9da8; border-radius: 4px; background: white; color: #18212b; font: inherit; }
.remodel-form details { border-top: 1px solid #a3b4ae; border-bottom: 1px solid #a3b4ae; padding: 16px 0; }
.remodel-form details label { margin-top: 18px; }
.remodel-form summary, .remodel-faq summary { cursor: pointer; font-weight: 700; line-height: 1.7; }
.remodel-form button { font: inherit; cursor: pointer; justify-content: center; }
.remodel-form button:disabled { opacity: .5; cursor: default; }
.remodel-note { font-size: 13px; color: #53626a; line-height: 1.8; }
.remodel-faq details { border-top: 1px solid #d5e0dc; padding: 18px 0; }
.remodel-page [id] { scroll-margin-top: 124px; }
.remodel-page :is(a,input,select,button,summary):focus-visible { outline: 3px solid #126a8f; outline-offset: 4px; }
.remodel-promo { padding: 30px 0; border-bottom: 1px solid #d5e0dc; }
.remodel-promo .remodel-wrap { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items: center; }
.remodel-promo h2 { font-size: 25px; line-height: 1.45; margin: 8px 0 12px; }
.remodel-promo p { margin: 0; }
.remodel-promo nav { display: grid; gap: 12px; }
.remodel-promo nav a { min-height: 44px; display: flex; align-items: center; font-weight: 700; }
@media (max-width: 760px) {
  .remodel-page .hero { min-height: 0; }
  .remodel-page .hero h1 { font-size: 32px; }
  .remodel-page .hero-content { padding: 30px 0 34px; }
  .remodel-section { padding-top: 32px; padding-bottom: 32px; }
  .remodel-section h2 { font-size: 24px; }
  .remodel-assurance { grid-template-columns: repeat(2,minmax(0,1fr)); font-size: 14px; }
  .remodel-options, .remodel-consult, .remodel-promo .remodel-wrap { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .remodel-gallery { grid-template-columns: minmax(0,1fr); }
  .remodel-gallery img { max-height: 460px; }
  .remodel-process { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .remodel-costs div { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .remodel-promo h2 { font-size: 23px; }
}