/* New-door consultation page, using the shared charcoal service system. */
.new-doors-page [id]{scroll-margin-top:100px}
.new-door-hero h1{font-size:clamp(38px,3.7vw,53px);max-width:620px}.new-door-hero .lead{max-width:520px}.new-door-hero .repair-hero-photo{height:495px}.new-door-hero .repair-hero-photo img{object-position:center 57%}
.door-options-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:62px;align-items:center}.door-options-copy h2{font-size:39px}.door-options-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;margin-top:22px;max-width:440px}.door-options-copy>.door-options-lead{font-size:22px!important;color:white;font-weight:550;line-height:1.5!important}
.door-repair-note{border-top:1px solid #45535a;padding-top:25px;margin-top:30px;display:flex;gap:20px}.door-repair-note>.line-icon{width:45px;height:45px;flex-shrink:0}.door-repair-note h3{font-size:21px}.door-repair-note p{font-size:14px;line-height:1.75;margin-top:12px}.door-repair-note .text-link{font-size:14px;margin-top:12px}
.door-options-explorer{padding:24px;min-width:0;background:linear-gradient(145deg,#263237,#192226);border:1px solid #46565f}.new-door-diagram{display:block;width:100%;height:auto;margin:20px 0 12px}.door-option-part{color:#6d828d;transition:color .25s}.door-option-part.is-active{color:var(--green)}
.door-option-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.door-option-controls[hidden]{display:none}.door-option-controls :is(button,.as-button){min-height:44px;padding:8px 4px;border:1px solid #53646c;background:transparent;color:#d8dde0;font-size:14px;line-height:1.4;font-weight:650;text-transform:uppercase;cursor:pointer}.door-option-controls :is(button,.as-button):hover{border-color:#a1ba8a;color:white}.door-option-controls :is(button,.as-button)[aria-pressed=true]{color:#c5e397;background:#84b93518;border-color:var(--green)}.door-option-controls :is(button,.as-button):focus-visible{outline:2px solid white;outline-offset:3px}
#door-option-description{padding-top:24px}#door-option-description article[hidden]{display:none}#door-option-description h3{font-size:21px;line-height:1.2}#door-option-description p{font-size:14px;line-height:1.75;color:#c1cdd3;margin-top:12px}.door-options-explorer figcaption{font-size:14px;line-height:1.5;letter-spacing:0;border-top:1px solid #3e4f57;padding-top:13px;margin-top:12px}
.door-quote-items{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;list-style:none;padding:0;margin:0}.door-quote-items li{display:flex;gap:22px;border-top:1px solid #bac6b8;padding:26px 0}.door-quote-items .line-icon{width:45px;height:45px;flex-shrink:0;color:#42573e}.door-quote-items .accent{stroke:#507526}.door-quote-items h3{font-size:23px;color:#202529}.door-quote-items p{font-size:15px;line-height:1.75;color:#46534b;margin-top:12px}.door-quote-foot{border-top:1px solid #bac6b8;padding-top:22px;display:flex;justify-content:space-between;gap:25px;align-items:center}.door-quote-foot p{font-size:15px;color:#46534b}.door-quote-foot .text-link{color:#365920;font-size:14px;flex-shrink:0}
.consultation-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.consultation-intro h2{font-size:38px}.consultation-intro>p:not(.eyebrow){font-size:16px;line-height:1.75;margin-top:24px;max-width:400px}.consultation-promise{display:flex;gap:20px;padding:24px;background:#262d31;border-left:2px solid var(--green);margin-top:35px}.consultation-promise .line-icon{width:40px;height:40px;flex-shrink:0}.consultation-promise p{font-size:14px;line-height:1.7}.consultation-promise strong{display:block;margin-bottom:9px;color:white}
.door-consultation-steps{list-style:none;padding:0;margin:0}.door-consultation-steps li{display:flex;gap:23px;border-top:1px solid #3e4a51;padding:24px 0}.door-consultation-steps li:first-child{padding-top:0;border:0}.door-consultation-steps .line-icon{width:44px;height:44px;flex-shrink:0}.door-consultation-steps h3{font-size:21px}.door-consultation-steps p{font-size:15px;line-height:1.75;margin-top:12px;color:#c1cdd3}
.new-door-cost-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.new-door-cost .cost-lead{font-size:22px;line-height:1.6;color:white}.new-door-cost p:not(.eyebrow):not(.cost-lead){font-size:15px;line-height:1.75;margin-top:20px}.new-door-cost .actions{margin-top:25px;gap:10px}.new-door-cost .button{font-size:14px;padding-inline:16px}.new-door-cost .cost-note{font-size:14px!important}.new-doors-page .answer a{color:#b8db82;text-decoration:underline;text-underline-offset:4px}.new-doors-page .services-closing{border-top:1px solid #3b474e}
@media(max-width:1100px){.new-door-hero h1{font-size:41px}.door-options-layout{gap:32px}.door-options-copy h2{font-size:32px}.door-options-explorer{padding:18px}.consultation-layout{gap:40px}.consultation-intro h2{font-size:32px}.door-quote-items{gap:0 35px}.new-door-cost-layout{gap:40px}}
@media(max-width:991px){.new-door-hero h1{font-size:35px}.new-door-hero .repair-hero-photo{height:450px}.new-door-cost .actions{flex-direction:column;align-items:stretch}.door-option-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.consultation-layout{grid-template-columns:1fr;gap:35px}.consultation-intro>p:not(.eyebrow){max-width:600px}.consultation-promise{max-width:600px}.door-consultation-steps li:first-child{border-top:1px solid #3e4a51;padding-top:24px}.door-quote-foot{flex-direction:column;align-items:start}}
@media(max-width:767px){.new-doors-page [id]{scroll-margin-top:85px}.new-door-hero h1{font-size:35px}.new-door-hero .repair-hero-photo{height:390px}.door-options-layout{grid-template-columns:1fr;gap:30px}.door-options-copy h2{font-size:32px}.door-options-copy>p:not(.eyebrow){max-width:none}.door-options-explorer{padding:17px}.door-options-explorer .explorer-label{font-size:14px}.new-door-diagram{margin-top:17px}.door-repair-note{gap:16px}.door-repair-note>.line-icon{width:38px;height:38px}.door-repair-note h3{font-size:20px}#door-option-description h3{font-size:20px}.new-door-quote .section-heading{display:block}.new-door-quote .section-heading>p{margin-top:24px;max-width:none}.door-quote-items{grid-template-columns:1fr}.door-quote-items li{gap:18px;padding:22px 0}.door-quote-items .line-icon{width:38px;height:38px}.door-quote-items h3{font-size:21px}.door-quote-foot{gap:14px}.consultation-promise{padding:20px;gap:16px}.door-consultation-steps li{gap:18px}.door-consultation-steps .line-icon{width:38px;height:38px}.door-consultation-steps h3{font-size:21px}.new-door-cost-layout{grid-template-columns:1fr;gap:28px}.new-door-cost .cost-lead{font-size:20px}.new-door-cost .button{width:100%}}
@media(max-width:360px){.new-door-hero h1{font-size:31px}.consultation-intro h2{font-size:28px}.new-door-cost .button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.door-option-part{transition:none}}

/* Reserve the height of the longest explanation without fixed blank space. */
.door-options-explorer.is-enhanced #door-option-description{display:grid}
.door-options-explorer.is-enhanced [data-door-copy]{grid-area:1/1}
.door-options-explorer.is-enhanced #door-option-description [data-door-copy][hidden]{display:block!important;visibility:hidden;pointer-events:none}