/* Scoped to the three tailored journeys; the remaining eight pages keep their layout. */
.specialist-site .visual-art{grid-area:auto}
.specialist-site .special-service{font-size:13px;letter-spacing:.12em;margin:15px 0 13px}
.specialist-site h1{font-weight:500;letter-spacing:.045em;line-height:1.6;font-size:clamp(34px,3.5vw,52px)}
.special-lead{font-size:14px;line-height:2;margin-top:20px;color:var(--muted)}
.specialist-site .consultation-hero{grid-area:auto!important;max-width:350px!important;padding:0!important;margin-top:29px;align-items:stretch!important}
.specialist-site .consult-invite{font-size:12px}.specialist-site .consult-preview-label{font-size:8px!important}
.special-region{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 0;border-bottom:1px solid var(--line);font-size:12px}.special-region>span{font-size:10px;color:var(--muted)}
.special-heading h2,.paint-studio h2{font-size:clamp(27px,2.7vw,38px);line-height:1.65;letter-spacing:.03em;margin:15px 0 0}.special-heading .eyebrow{font-size:10px}
.special-note{font-size:10px;color:var(--muted);line-height:1.8}.special-text-link{display:flex;justify-content:space-between;align-items:center;gap:20px;width:fit-content;min-height:48px;border-bottom:1px solid var(--line);font-size:12px;margin-top:20px}.special-text-link>span{font-size:21px;margin-left:20px}.special-text-link:hover{color:var(--accent);border-color:var(--accent)}
/* Paint: sunlit exterior, tactile palette and surface preparation. */
.paint-hero{display:grid;grid-template-columns:.78fr 1.25fr;gap:55px;padding-top:40px;padding-bottom:20px;align-items:center}.paint-copy{padding:12px 0}.paint-copy .eyebrow{font-size:10px}.paint-copy h1{font-size:clamp(36px,3.6vw,53px)}
.paint-photo{position:relative;align-self:stretch;min-height:600px}.paint-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:54% 50%;border-radius:130px 0 0 0}.paint-photo figcaption{position:absolute;bottom:12px;right:14px;left:20px;text-align:right;color:white;font-size:9px;text-shadow:0 1px 8px #000,0 1px 5px #000;background:#14221a70;padding:4px 7px;width:fit-content;margin-left:auto}
.paint-studio{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:center;padding:78px 0 55px}.paint-studio-copy>p:not(.eyebrow):not(.special-note):not(.palette-selection){font-size:13px;margin:20px 0 23px}.palette-picker{display:flex;gap:12px}.palette-picker button{background:transparent;border:0;padding:4px 3px;min-width:65px;display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--muted)}.palette-picker i{display:block;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 1px #0001;outline-offset:5px}.palette-picker span{font-size:10px}.palette-picker [aria-pressed=true]{color:var(--ink)}.palette-picker [aria-pressed=true] i{outline:1px solid var(--ink)}.swatch-ivory{background:#e9e3d2}.swatch-sand{background:#c6ab8c}.swatch-sage{background:#8a9887}.palette-selection{font-size:11px;margin:16px 0 8px}.palette-scene{background:#eeede5;position:relative;padding:12px 0 26px}.facade-drawing{width:100%;height:auto}.facade-fill{fill:#e9e3d2;transition:fill .45s}.palette-scene[data-palette-scene=sand] .facade-fill{fill:#c6ab8c}.palette-scene[data-palette-scene=sage] .facade-fill{fill:#8a9887}.drawing-caption{display:block;text-align:right;padding-right:26px;font-size:8px;letter-spacing:.2em;color:#7d8071}
.craft-section{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:30px 0 65px;border-bottom:1px solid var(--line)}.craft-copy>p{font-size:12px;color:var(--muted);margin-top:20px}.paint-process{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:27px}.paint-process b{font-size:11px;font-weight:400;display:block;margin-top:10px}.surface-sample{display:block;height:65px;background:#e3ddca;position:relative;overflow:hidden}.surface-dirty{background:radial-gradient(ellipse at 20% 12%,#8e987a60 5%,transparent 38%),radial-gradient(ellipse at 70% 15%,#71634840 1%,transparent 55%),#e2dccb}.surface-dirty:after{content:'';position:absolute;inset:8px;background:repeating-linear-gradient(95deg,transparent,transparent 15px,#84775125 18px,transparent 22px)}.surface-crack:after{content:'';position:absolute;left:48%;top:-5px;width:12px;height:80px;background:#aca696;clip-path:polygon(30% 0,50% 27%,100% 40%,40% 65%,60% 100%,30% 100%,16% 63%,70% 40%,30% 28%,0 0)}.surface-finish{background:#d1b693}
/* Rain repair: calm technical palette and a staged cutaway. */
.specialist-roof-repair{--contact-ink:#23434d;--contact-paper:#e9eeed}.repair-hero{background:#203e4b;color:#faf8f0;padding:42px 0 40px}.repair-hero-inner{display:grid;grid-template-columns:.8fr 1.3fr;gap:70px;align-items:center}.repair-copy h1{font-family:var(--sans);font-size:clamp(38px,3.9vw,56px);font-weight:500;line-height:1.5;letter-spacing:.02em}.repair-copy .eyebrow{color:#b8d1d8;font-size:9px}.repair-copy .special-service{color:#cad9d9}.repair-copy .special-lead{font-size:13px;color:#d8e2e1}.specialist-site .repair-copy .consult-invite,.repair-copy .message-link{color:#f8f5eb}.repair-copy .message-link{border-color:#fff4}.specialist-site .repair-copy .consult-preview-label{color:#c2d0d0}.repair-visual{min-width:0}.repair-visual-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;padding:0 0 14px;color:#c6d7da}.repair-visual .visual-art{border:1px solid #52707b;padding:8px;background:#edf0eb}.repair-visual .visual-disclosure{padding:0 6px 4px;color:#64716f}.repair-observation{font-size:15px;line-height:1.9;margin-top:24px;border-left:2px solid #91b7bd;padding-left:20px;color:#e0e8e4}.roof-method{padding:72px 0 60px}.roof-method-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:45px;align-items:center;margin-top:30px}.roof-steps{display:flex;flex-direction:column}.roof-steps button{display:flex;align-items:center;gap:20px;text-align:left;padding:25px 20px;background:transparent;border:0;border-bottom:1px solid var(--line);min-height:100px}.roof-steps button:first-child{border-top:1px solid var(--line)}.roof-steps [aria-pressed=true]{background:#e6eeed}.roof-steps button>span{font:italic 25px Georgia,serif;color:#789294}.roof-steps strong{display:block;font-size:16px;font-weight:500}.roof-steps small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.roof-steps b{font-weight:400;margin-left:auto;color:var(--accent)}.roof-diagram{background:#f0f3ef;padding:12px 14px 20px}.roof-section-drawing{width:100%;height:auto}.roof-section-drawing text{font-family:var(--sans);fill:#46606a;font-size:14px}.roof-diagram>p{font-size:12px;text-align:center;line-height:1.8;min-height:44px;padding:0 10px}.roof-method>.special-note{margin-top:22px}.roof-diagram:has([data-roof-layer=repair]:not([hidden])) .roof-crack{opacity:0}
/* Shop: architectural editorial hero and business-specific plan views. */
.specialist-shop{--ink:#344337;--accent:#8d6949;--surface:#e9e8df;--contact-paper:#eae6dc;--contact-ink:#344337}.shop-hero{position:relative;min-height:520px;background:#2d2c23;color:#fff9eb;isolation:isolate;display:flex;align-items:center}.shop-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;z-index:-2}.shop-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#19261ee6 0%,#1c251cb3 28%,#19251d30 65%,#0001);z-index:-1}.shop-title{padding:48px 0 70px}.shop-title .eyebrow{color:#e2d7c0;font-size:10px}.shop-title .special-service{font-size:12px}.shop-title h1{font-size:clamp(35px,3.8vw,55px);line-height:1.65;text-shadow:0 1px 18px #0002}.shop-title>p:last-child{font-size:14px;letter-spacing:.07em;margin-top:25px}.shop-image-note{position:absolute;right:30px;bottom:15px;font-size:9px;background:#1e2a2299;padding:4px 8px;color:#fff9eb}.shop-welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:27px 0 28px}.shop-welcome-copy{font:24px/1.8 var(--serif)}.specialist-shop .shop-welcome .consultation-hero{margin-top:0;max-width:none!important;display:grid;grid-template-columns:1.1fr 1fr;gap:6px 18px;align-items:center}.shop-welcome .consult-invite,.shop-welcome .consult-preview-label{grid-column:1/-1}.shop-welcome .message-link{height:77px}.shop-welcome .call-action{min-height:77px;padding-inline:16px}.shop-welcome .call-action strong{font-size:17px}.shop-welcome .call-action>.consult-icon{width:24px}.shop-planning{padding:70px 0 60px}.shop-planning-title{display:flex;align-items:end;justify-content:space-between;gap:35px}.shop-planning-title>p{font-size:13px;color:var(--muted)}.shop-planning-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;margin-top:35px;align-items:center}.business-buttons{display:flex;gap:0;border-bottom:1px solid var(--line)}.business-buttons button{flex:1;background:transparent;border:0;border-bottom:2px solid transparent;min-height:72px;font:18px var(--serif);padding:12px 5px}.business-buttons button>span{display:block;font:7px/1.5 var(--sans);letter-spacing:.04em;color:var(--muted);margin-top:8px}.business-buttons [aria-pressed=true]{border-color:var(--ink);background:#efede3}.business-details{padding-top:30px;min-height:122px}.business-details h3{font:24px/1.6 var(--serif)}.business-details p{font-size:12px;color:var(--muted);margin-top:13px}.shop-plan-board{background:#e9e7dc;padding:12px 20px 22px}.shop-plan{width:100%;height:auto}.shop-plan text{font:13px var(--sans);fill:#596657}.plan-route{stroke:#b36f45;stroke-width:3;stroke-dasharray:5 7;fill:none;stroke-linecap:round}.shop-plan-board>p{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted)}.shop-plan-board>p>span:first-child{font-size:8px;letter-spacing:.12em}.shop-planning>.special-note{margin-top:25px}.shop-opening{background:#eae7dd;padding:60px 0}.shop-opening-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.opening-list{list-style:none;padding:0;margin:25px 0 0}.opening-list li{display:flex;gap:20px;align-items:baseline;border-top:1px solid #c8c7bb;padding:16px 0;font-size:15px}.opening-list li>span{font:italic 22px Georgia,serif;color:var(--accent)}.opening-list small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
@media(max-width:1100px){.paint-hero{gap:35px;grid-template-columns:.9fr 1.1fr}.paint-photo{min-height:570px}.repair-hero-inner{gap:35px}.repair-copy h1{font-size:43px}.shop-welcome{gap:35px;grid-template-columns:.8fr 1.2fr}.shop-planning-grid{gap:35px}.craft-section,.shop-opening-grid{gap:35px}.roof-method-grid{gap:25px}.roof-steps button{padding-inline:15px;gap:13px}.roof-steps strong{font-size:14px}.shop-welcome .call-action strong{font-size:14px}.shop-welcome .call-action{gap:10px}.shop-welcome-copy{font-size:21px}}
@media(max-width:860px){.paint-hero{grid-template-columns:1fr 1fr;gap:25px}.paint-copy h1{font-size:36px}.paint-photo{min-height:570px}.specialist-site .consultation-hero{display:flex!important;flex-direction:column;gap:8px}.specialist-site .consultation-hero .message-link{min-height:44px}.paint-studio{gap:25px;grid-template-columns:1fr 1.1fr}.paint-studio h2{font-size:28px}.craft-section{gap:27px}.paint-process{gap:10px}.paint-process b{font-size:10px}.repair-hero-inner{gap:25px;grid-template-columns:1fr 1.15fr}.repair-copy h1{font-size:38px}.repair-copy .special-lead{font-size:12px}.repair-observation{font-size:13px}.repair-visual-label{font-size:8px;letter-spacing:.04em}.roof-method-grid{grid-template-columns:1fr 1.2fr;gap:20px}.roof-steps button{gap:10px;padding:20px 10px}.roof-steps strong{font-size:12px}.roof-steps small{font-size:9px}.roof-steps button>span{font-size:20px}.shop-welcome{grid-template-columns:.8fr 1fr;gap:40px}.specialist-shop .shop-welcome .consultation-hero{display:flex!important}.shop-welcome .message-link{height:auto}.shop-planning-grid{grid-template-columns:1fr 1.2fr;gap:30px}.business-buttons button{font-size:15px}.business-buttons button>span{font-size:6px}.business-details h3{font-size:21px}.business-details p{font-size:11px}.shop-plan-board{padding:8px 10px 18px}.shop-plan-board>p{font-size:8px}.shop-opening-grid{gap:30px}.opening-list li{font-size:13px}.opening-list small{font-size:9px}}
@media(max-width:600px){.specialist-site h1{font-size:33px;line-height:1.6}.specialist-site .special-service{font-size:11px;margin:12px 0}.specialist-site .consultation-hero{margin-top:23px;max-width:none!important}.special-region{flex-direction:column;align-items:flex-start;gap:4px;font-size:11px;padding:18px 0}.special-region>span{font-size:9px}.special-heading h2,.paint-studio h2{font-size:28px;margin-top:11px}.special-heading .eyebrow{font-size:9px}.special-note{font-size:9px}.paint-hero{display:grid;grid-template-columns:1fr;gap:0;padding-top:24px;padding-bottom:20px}.paint-copy{display:contents}.paint-copy>.eyebrow{font-size:8px}.paint-copy>.special-service{grid-row:2}.paint-copy h1{font-size:36px;grid-row:3}.paint-copy .special-lead{grid-row:4;font-size:12px;margin-top:13px}.paint-copy .consultation-hero{grid-row:6}.paint-photo{grid-row:5;min-height:0;aspect-ratio:1.35;margin-top:22px}.paint-photo>img{border-radius:70px 0 0 0;object-position:center}.paint-photo figcaption{font-size:8px;bottom:8px;right:8px;left:8px}.paint-studio{grid-template-columns:1fr;gap:24px;padding:40px 0 30px}.paint-studio-copy>p:not(.eyebrow):not(.special-note):not(.palette-selection){margin:14px 0 20px;font-size:12px}.palette-picker{gap:22px}.palette-picker i{width:38px;height:38px}.palette-selection{margin-top:15px}.palette-scene{padding:0 0 20px}.craft-section{grid-template-columns:1fr;gap:28px;padding:16px 0 34px}.specialist-site .craft-section .visual-art,.specialist-site .shop-opening .visual-art{width:100%;margin:0}.craft-copy .special-heading h2{font-size:26px}.paint-process{gap:15px}.surface-sample{height:75px}.paint-process b{font-size:11px}.craft-copy>p{font-size:11px}.repair-hero{padding:25px 0 28px}.repair-hero-inner{display:grid;grid-template-columns:1fr;gap:23px}.repair-copy{display:contents}.repair-copy>.eyebrow{font-size:8px}.repair-copy>.special-service{grid-row:2;margin-top:-13px;margin-bottom:-12px}.repair-copy h1{grid-row:3;font-size:36px;margin-top:-4px}.repair-copy h1 br:last-child{display:none}.repair-copy .special-lead{grid-row:4;margin-top:-10px}.repair-copy .consultation-hero{grid-row:6;margin-top:0}.repair-visual{grid-row:5}.repair-visual .visual-art{width:100%;margin:0;padding:6px}.repair-visual .visual-disclosure{font-size:8px;margin-top:7px}.repair-visual-label{padding-bottom:10px}.repair-observation{font-size:12px;margin-top:17px;padding-left:14px}.roof-method{padding:38px 0}.roof-method-grid{grid-template-columns:1fr;gap:22px;margin-top:24px}.roof-steps button{padding:17px 16px;gap:19px;min-height:86px}.roof-steps strong{font-size:14px}.roof-steps small{font-size:10px}.roof-steps button>span{font-size:23px}.roof-diagram{padding:8px 3px 16px}.roof-diagram>p{font-size:11px}.roof-method>.special-note{margin-top:16px}.shop-hero{min-height:460px;align-items:end}.shop-hero-image{object-position:53% 50%}.shop-hero:after{background:linear-gradient(0deg,#16261ef5,#1b291e99 55%,#0000)}.shop-title{padding:140px 0 62px}.shop-title .eyebrow{font-size:8px}.shop-title h1{font-size:31px;letter-spacing:.015em}.shop-title>p:last-child{font-size:11px;margin-top:18px;letter-spacing:0}.shop-image-note{right:12px;left:12px;width:fit-content;margin-left:auto;font-size:8px;bottom:13px}.shop-welcome{grid-template-columns:1fr;gap:20px;padding:27px 0 23px}.shop-welcome-copy{font-size:21px}.shop-welcome .call-action strong{font-size:19px}.shop-welcome .call-action>.consult-icon{width:30px}.shop-welcome .call-action{gap:16px}.shop-planning{padding:38px 0 35px}.shop-planning-title{display:block}.shop-planning-title>p{font-size:12px;margin-top:18px}.shop-planning-title>p br{display:none}.shop-planning-grid{grid-template-columns:1fr;gap:25px;margin-top:23px}.business-buttons button{font-size:18px;min-height:75px}.business-buttons button>span{font-size:7px}.business-details{padding-top:22px;min-height:100px}.business-details h3{font-size:23px}.business-details p{font-size:12px}.shop-plan-board{padding:5px 12px 16px}.shop-planning>.special-note{margin-top:16px}.shop-opening{padding:30px 0 35px}.shop-opening-grid{grid-template-columns:1fr;gap:28px}.opening-list li{font-size:14px}.opening-list small{font-size:10px}.opening-list{margin-top:22px}.specialist-site .visual-disclosure{padding-inline:0}.specialist-site .visual-needs{padding-top:35px}}
@media(max-width:360px){.paint-copy h1{font-size:32px}.repair-copy h1{font-size:31px}.shop-title h1{font-size:27px}.shop-title>p:last-child{font-size:10px}.shop-plan-board>p{font-size:7px}.specialist-site .special-heading h2,.paint-studio h2{font-size:26px}.business-buttons button{font-size:16px}.business-buttons button>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.facade-fill{transition:none}}
