.service-hero{background:var(--cream);overflow:hidden;border-top:1px solid var(--line)}.service-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:64px;align-items:center;padding:46px 0 64px}.service-hero h1{font-size:clamp(48px,5vw,72px);line-height:1.02}.service-hero h1 em{display:block;color:var(--red);font-style:normal}.service-hero .intro{font-size:18px;line-height:1.65;color:var(--muted);margin:24px 0;max-width:550px}.service-photo{position:relative;padding-bottom:23px}.service-photo>img{height:405px;width:100%;object-fit:cover;border-radius:5px 62px 5px 5px}.service-photo-note{position:absolute;left:-23px;bottom:10px;background:var(--ink);color:white;border-radius:7px;padding:20px 24px;box-shadow:0 10px 28px #171a1f22;max-width:310px}.service-photo-note strong{display:block;font:600 26px 'Barlow Condensed'}.service-photo-note span{display:block;font-size:12px;color:#c9cbd0;margin-top:4px}.service-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:24px;padding-bottom:24px}.service-proof>div{display:flex;gap:15px;align-items:center}.service-proof>div+div{border-left:1px solid var(--line);padding-left:25px}.service-proof .mark{font:700 28px 'Barlow Condensed';color:var(--red)}.service-proof strong{font-size:14px;display:block}.service-proof small{font-size:11px;color:var(--muted);display:block}.service-guide .choice-stack{align-content:start}.service-guide .choice{min-height:87px}.service-guide .result-panel{min-height:340px}.question-callout{padding:18px 0 0;border-top:1px solid #ddd8cf;margin-top:22px!important;color:var(--ink)!important}.question-callout strong{font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:block;color:var(--red-dark);margin-bottom:8px}.signature{background:var(--cream)}.signature .tool-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tool-intro{padding:28px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.tool-intro p{max-width:600px;font-size:14px;color:var(--muted)}.tool-tag{background:var(--ink);color:white;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-radius:30px;padding:9px 14px;white-space:nowrap}.proposal-wrap{padding:0 30px 28px}.proposal-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px}.proposal-table caption{text-align:left;padding:22px 0 12px;font-weight:600}.proposal-table th,.proposal-table td{text-align:left;padding:14px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.proposal-table th:first-child{width:46%;padding-left:0}.proposal-table thead th{font-size:12px;color:var(--muted)}.proposal-table tbody th{font-weight:500}.proposal-table select{width:100%;padding:10px 8px;border:1px solid #d3d0ca;background:#fffaf3;color:var(--ink);border-radius:4px;font:inherit;min-height:42px}.proposal-table select[data-state=yes]{background:#edf4ed;border-color:#bbcbbd}.proposal-table select[data-state=no]{background:#fff0e2;border-color:#e4bd99}.proposal-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 0}.proposal-summary>div{padding:18px 20px;border-radius:7px;background:var(--cream)}.proposal-summary strong{font:600 29px 'Barlow Condensed';display:block}.proposal-summary span{font-size:12px;color:var(--muted)}.tool-disclosure{font-size:12px;color:var(--muted);margin-top:15px}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.finish-art{background:#e8e3d9;min-height:410px;display:grid;place-items:center;padding:45px;position:relative}.finish-art .material-swatch{--finish:#485056;background-color:var(--finish);width:90%;height:250px}.finish-art .metal-study{background:repeating-linear-gradient(90deg,transparent 0 56px,#0007 57px 60px,#fff8 61px 65px,transparent 66px 70px),var(--finish);border:3px solid #66727a}.finish-art .metal-study.exposed{background:radial-gradient(circle at 18px 26px,#111 2px,#c5c9c7 3px,transparent 4px),repeating-linear-gradient(90deg,transparent 0 32px,#0005 33px 36px,#fff7 37px 41px,transparent 42px 50px),var(--finish);background-size:100px 80px,auto,auto}.finish-art .shingle-study{background:linear-gradient(0deg,transparent 88%,#0008 89%,#fff3 97%),repeating-linear-gradient(90deg,#0002 0 68px,#0007 69px 72px,transparent 73px 143px,#0007 144px 148px),var(--finish);background-size:100% 48px,148px 100%,auto;border:4px solid #343a3f}.finish-art .tile-study{background:repeating-linear-gradient(90deg,#0003,transparent 17px,#fff5 30px,#0006 42px,#0008 46px),var(--finish);border:4px solid #765342}.finish-art .study-label{position:absolute;bottom:22px;left:26px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.finish-copy{padding:37px}.finish-copy h3{font-size:39px;margin:12px 0 17px}.finish-copy p{font-size:15px;color:var(--muted)}.finish-copy ul{font-size:14px;color:#4d535a;margin:20px 0}.finish-controls{padding:23px 30px;background:#fff;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap}.color-buttons{display:flex;gap:9px;flex-wrap:wrap}.color-button{display:flex;align-items:center;gap:7px;border:1px solid #d3d0ca;border-radius:30px;padding:9px 12px;background:white;font-size:12px;color:var(--ink)}.color-button i{width:18px;height:18px;display:block;border:1px solid #0002;border-radius:50%;background:var(--chip)}.color-button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);font-weight:700}.finish-status{font-size:12px;color:var(--muted)}.finish-lab .material-tabs{padding:25px 30px 0;margin-bottom:22px}.diagram-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:35px;padding:32px}.diagram-stage{position:relative;background:var(--cream);border-radius:9px;padding:20px}.diagram-stage svg{display:block;width:100%;height:auto}.diagram-stage figcaption{margin-top:20px}.diagram-point{position:absolute;border:3px solid #fff;background:var(--red);color:#fff;height:40px;width:40px;border-radius:50%;box-shadow:0 3px 14px #171a1f25;font-weight:700;font-size:14px;display:grid;place-items:center;transition:transform .2s}.diagram-point[aria-selected=true]{background:var(--ink);transform:scale(1.12)}.diagram-point:hover{transform:scale(1.08)}.diagram-copy h3{font-size:36px;margin:13px 0}.diagram-copy p{font-size:15px;color:var(--muted)}.diagram-copy .question-callout{font-size:14px}.diagram-number{font:700 44px 'Barlow Condensed';color:var(--red)}.phase-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--line)}.phase-tabs.three{grid-template-columns:repeat(3,1fr)}.phase-tab{padding:25px 20px;border:0;border-right:1px solid var(--line);background:white;text-align:left;color:var(--ink);position:relative}.phase-tab:last-child{border-right:0}.phase-tab span{display:block;font:600 34px 'Barlow Condensed';color:#989995;margin-bottom:10px}.phase-tab strong{font-size:14px}.phase-tab[aria-selected=true]{background:var(--ink);color:white}.phase-tab[aria-selected=true] span{color:#ff8b91}.phase-content{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;padding:36px}.phase-content h3{font-size:40px}.phase-content p{font-size:16px;color:var(--muted);margin-bottom:17px}.phase-content ul{font-size:14px;color:#555b63;margin:0}.priorities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.priority{border-top:2px solid var(--red);padding-top:25px}.priority .priority-no{color:#efadb0;font:700 54px 'Barlow Condensed';display:block;line-height:1;margin-bottom:22px}.priority h3{font-size:31px;margin-bottom:17px}.priority p{font-size:15px;color:#c5c9ce}.service-notes{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.notes-intro>p{font-size:16px;color:var(--muted);margin:20px 0 25px}.notes-intro .note-tip{padding:22px;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:5px;margin-top:28px}.note-tip strong{font-size:14px}.note-tip p{font-size:13px;margin-top:8px}.service-checklist label.notes-label{display:block;border-bottom:0;margin-top:8px}.notes-label span{display:block;margin-bottom:10px;font-weight:600}.notes-label textarea{width:100%;resize:vertical;min-height:110px;border:1px solid #d4d0c9;border-radius:5px;padding:12px;font:inherit;line-height:1.5;color:var(--ink);background:#fffdf9}.service-checklist .checklist-top h3{font-size:30px}.service-checklist .btn-row{gap:9px}.area-route-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.area-route-links a{border:1px solid var(--line);padding:16px 20px;border-radius:5px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:15px}.area-route-links a:hover{border-color:var(--red);color:var(--red)}.service-related{padding:65px 0}.service-filter{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.service-filter button{border:1px solid var(--line);background:white;border-radius:30px;padding:12px 17px;color:var(--ink);font-weight:600;font-size:13px}.service-filter button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.service-hub .service-grid{margin-top:26px}.service-hub .service-card[hidden]{display:none!important}.service-hub .service-card{display:flex;flex-direction:column}.service-hub .service-card p{flex:1}.hub-card-link{margin-top:24px;color:var(--red);font-size:13px;font-weight:600}.hub-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:55px}.hub-feature{display:block;background:var(--ink);color:#fff;text-decoration:none;padding:32px;border-radius:8px;border-top:4px solid var(--red)}.hub-feature small{letter-spacing:.13em;text-transform:uppercase;font-size:10px;color:#ff9299}.hub-feature h2{font-size:40px;margin:18px 0}.hub-feature p{color:#c3c8cf;font-size:15px;margin:12px 0 20px}.hub-feature span{font-weight:600;color:#ffa1a7;font-size:13px}.filter-status{font-size:13px;color:var(--muted)}.resource-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;font-size:12px}.service-emergency-note{background:#fff3ee;border-left:3px solid var(--red);padding:17px 20px;margin-top:22px;font-size:13px;line-height:1.65;color:#554b47}.stage1-js .js-only.phase-tabs{display:grid}.stage1-js .js-only.diagram-point{display:grid}.stage1-js .js-only.color-buttons{display:flex}.stage1-js .js-only.service-filter{display:flex}
@media(max-width:1000px){.service-hero-grid{gap:35px}.service-photo>img{height:370px}.service-photo-note{left:-10px}.service-notes{gap:35px}.finish-art{padding:30px}.finish-copy{padding:28px}.finish-art .material-swatch{height:220px}.diagram-grid{gap:25px;padding:25px}.phase-content{gap:25px}.hub-intro-grid{gap:35px}.service-proof>div+div{padding-left:18px}}
@media(max-width:760px){.service-hero-grid,.finish-grid,.diagram-grid,.service-notes,.hub-intro-grid{grid-template-columns:1fr;gap:30px}.service-hero-grid{padding:34px 0 35px}.service-hero h1{font-size:53px}.service-hero .intro{font-size:16px}.service-photo>img{height:320px;border-radius:4px 48px 4px 4px}.service-photo-note{left:10px;padding:16px 20px;bottom:10px}.service-photo-note strong{font-size:24px}.service-proof{grid-template-columns:1fr 1fr;gap:17px}.service-proof>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:17px 0 0}.service-proof>div{gap:10px}.service-proof strong{font-size:12px}.service-proof small{font-size:10px}.service-proof .mark{font-size:25px}.service-guide .choice-stack{grid-template-columns:1fr}.service-guide .choice{min-height:70px;padding:16px 18px;align-items:center}.service-guide .choice .choice-icon{display:grid!important}.service-guide .result-panel{min-height:0}.tool-intro{display:block;padding:24px}.tool-tag{display:inline-block;margin-top:17px}.proposal-wrap{padding:0 18px 24px}.proposal-table th,.proposal-table td{padding:12px 5px}.proposal-table th:first-child{width:40%;font-size:12px}.proposal-table select{font-size:12px;padding:8px 4px}.proposal-summary{gap:9px}.proposal-summary>div{padding:15px 12px}.proposal-summary strong{font-size:25px}.proposal-summary span{font-size:11px}.finish-art{min-height:280px;padding:38px}.finish-art .material-swatch{height:190px;max-width:350px}.finish-grid{gap:0}.finish-copy{padding:28px 25px}.finish-copy h3{font-size:36px}.finish-controls{padding:22px 23px;gap:15px}.finish-lab .material-tabs{padding:22px 22px 0}.color-button{padding:8px 10px;font-size:11px}.diagram-grid{padding:21px;gap:28px}.diagram-stage{padding:10px}.diagram-point{width:37px;height:37px;font-size:12px}.phase-tab{padding:18px 12px}.phase-tab strong{font-size:12px}.phase-tab span{font-size:29px}.phase-content{grid-template-columns:1fr;padding:28px 24px;gap:20px}.phase-content h3{font-size:35px}.phase-content p{font-size:15px}.priorities-grid{grid-template-columns:1fr;gap:34px}.priority{padding-top:19px;display:grid;grid-template-columns:55px 1fr;gap:0 18px}.priority .priority-no{grid-row:1/3;margin:0;font-size:45px}.priority h3{margin-bottom:12px;font-size:29px}.priority p{grid-column:2;font-size:14px}.service-notes{gap:30px}.area-route-links{grid-template-columns:1fr 1fr}.area-route-links a{padding:14px 15px;font-size:13px}.service-related{padding:55px 0}.hub-feature{padding:27px}.hub-feature h2{font-size:35px}.service-filter{gap:7px}.service-filter button{font-size:12px;padding:10px 13px}.resource-links{gap:13px}}
@media(max-width:420px){.service-hero h1{font-size:48px}.service-photo>img{height:285px}.service-proof>div+div{padding-left:12px}.proposal-table th:first-child{width:36%}.proposal-table th,.proposal-table td{padding:12px 3px}.proposal-table select{font-size:11px}.proposal-summary strong{font-size:23px}.tool-intro{padding:22px}.finish-art{min-height:260px;padding:28px}.finish-art .material-swatch{height:180px}.phase-tab{padding:15px 8px}.phase-tab strong{font-size:11px}.phase-tab span{font-size:27px}.service-checklist{padding:24px 18px}.service-checklist .checklist-top h3{font-size:28px}.service-notes .btn{font-size:13px}.area-route-links{gap:8px}.area-route-links a{font-size:12px;padding:13px 11px}}
@media print{.service-hero-grid,.service-notes,.finish-grid,.diagram-grid{display:block}.service-photo{display:none}.signature,.service-hero{background:white}.service-main [hidden]{display:block!important}.service-checklist textarea{border:1px solid #aaa}.tool-disclosure{color:#333}.service-proof{display:none}}

.stage1-js .js-only.proposal-summary{display:grid}.stage1-js .js-only.check-progress{display:block}

.stage2-only{display:none!important}.stage2-js .stage2-only{display:block!important}.stage2-js .btn.stage2-only{display:inline-flex!important}.stage2-js .proposal-table.stage2-only{display:table!important}.stage2-js .proposal-summary.stage2-only{display:grid!important}.stage2-js .stage2-fallback{display:none!important}.stage2-fallback.tool-disclosure{padding:20px 0}

/* City x service pages: four-item proof strip. */
.service-proof.proof-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.service-proof.proof-4{grid-template-columns:1fr 1fr}.service-proof.proof-4>div:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:560px){.service-proof.proof-4{grid-template-columns:1fr}.service-proof.proof-4>div+div{border-left:0;padding-left:0}}

/* Unnumbered priorities (fewer than four items): drop the number column. */
.priority:not(:has(.priority-no)){grid-template-columns:1fr}