/* Alternate photographic colour catalogue. Original page and styles are retained. */
.catalog-page{--ink:#183e36;--accent:#327a62;--muted:#53655d;background:#faf9f5;color:var(--ink)}
.header{max-width:none;padding:24px 5vw;background:#faf9f5;border-bottom:1px solid #dce1da}.brand{font-size:23px}.brand small{font-size:12px}.button{background:#214e40}.button:hover{background:#34725a}.small-only{display:none}
.catalog-hero{max-width:1800px;margin:auto}.hero-heading{padding:52px 5vw 45px;display:grid;grid-template-columns:1fr auto;gap:22px 30px;align-items:end}.hero-heading>div{grid-column:1/-1;display:flex;align-items:center;gap:24px}.hero-heading .eyebrow{margin:0;font-size:15px}.hero-heading .service{margin:0;font-size:15px;border-left:1px solid #a7b6a9;padding-left:24px;letter-spacing:.06em}.hero-heading h1{font-size:clamp(35px,4.2vw,68px);line-height:1.4;letter-spacing:-.035em;margin:0;font-weight:700}.hero-heading h1 em{font-style:normal;color:#3f8269;margin-left:.25em}.hero-explore{border-bottom:1px solid #8d9f91;padding:12px 0;display:flex;gap:28px;align-items:center;font-size:15px;font-weight:700;margin-bottom:9px}.hero-explore span{font-size:24px}
.wide-photo{position:relative;margin:0 2vw;height:clamp(410px,44vw,720px);overflow:hidden;border-radius:4px}.wide-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.photo-label{position:absolute;bottom:18px;left:24px;color:white;background:#18352fdd;padding:9px 14px;font-size:13px}.color-ribbon{display:flex;position:absolute;right:0;bottom:0;top:0;width:18px}.color-ribbon i{flex:1;background:#e5e1d5}.color-ribbon i:nth-child(2){background:#86928e}.color-ribbon i:nth-child(3){background:#29465d}.hero-bottom{padding:32px 5vw 60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-bottom p{margin:0;font-size:17px;line-height:1.9}.hero-bottom .button{flex:none}
.colors{max-width:none;background:#1d493d;color:#fff;padding:76px 5vw 58px}.colors .section-head{max-width:1450px;margin:0 auto 36px;align-items:end}.colors .eyebrow{color:#d0df91;font-size:16px;margin-bottom:15px}.colors h2{font-size:clamp(34px,4vw,58px);font-weight:700;line-height:1.35;letter-spacing:.01em}.colors h2 em{font-style:normal;color:#dbe6a4}.colors .section-head>p{color:#e1e9e3;font-size:16px;line-height:1.9}
.comparison{display:flex;flex-direction:column;gap:0;max-width:1450px;margin:auto}.comparison-image{width:100%;border-radius:3px 3px 0 0;background:#d9ddd8}.comparison-image>img{aspect-ratio:1.9;object-position:center 48%;max-height:720px}.image-badge{left:22px;top:22px;border-radius:100px;color:#183e36;background:#faf9f5;font-size:13px;padding:10px 18px}.image-name{bottom:22px;left:22px;background:#183e36e8;font-size:15px;padding:11px 18px}
.color-panel{width:100%;background:#f6f4ec;color:var(--ink);padding:28px 32px 30px}.panel-kicker{font-size:14px;margin-bottom:16px}.color-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.color-buttons button{grid-template-columns:50px 1fr;column-gap:14px;border:2px solid transparent;border-radius:10px;background:#e9e5da;padding:17px 14px;font-size:17px;min-height:95px;color:#253c38}.color-buttons button[data-color=gray]{background:#dfe4e2}.color-buttons button[data-color=navy]{background:#d6e0e1}.color-buttons button[data-color=current]{background:#e2ded6}.color-buttons button[aria-pressed=true]{border:2px solid #285441;padding:17px 14px;box-shadow:0 0 0 3px #faf9f5 inset}.color-buttons button:hover{filter:brightness(.97)}.color-buttons button[aria-pressed=true]:after{right:9px;top:5px;color:#173e30}.swatch{width:48px;height:48px;border-radius:50%;box-shadow:0 2px 6px #132e291a}.sub{font-size:12px;line-height:1.5;color:#4e6058}.color-note{display:grid;grid-template-columns:100px 1fr 1.5fr;column-gap:24px;border-top:1px solid #ccd4c6;margin-top:26px;padding-top:24px;align-items:start}.number{font-size:13px;letter-spacing:.1em;color:#466b55;margin:5px 0}.color-note h3{font-size:23px;line-height:1.5;margin:0}.color-note>p:not(.number){font-size:15px;line-height:1.9}.paint-pair{grid-column:3;font-size:13px;margin-top:14px}.paint-pair i{width:24px;height:24px}.disclaimer{max-width:1450px;margin:22px auto 0;color:#e0e8e2;font-size:13px}.catalog-page footer a{text-decoration:underline;text-underline-offset:4px}.light{background:#fff;color:var(--ink)}
@media(min-width:1800px){.colors{padding-inline:calc((100vw - 1620px)/2)}}
@media(max-width:1050px){.hero-heading{grid-template-columns:1fr}.hero-explore{width:fit-content;margin:0}.color-buttons button{font-size:15px;grid-template-columns:36px 1fr;gap:7px;padding:14px 10px}.color-buttons button[aria-pressed=true]{padding:14px 10px}.swatch{width:34px;height:34px}.color-note{grid-template-columns:90px 1fr}.color-note>p:not(.number){grid-column:2;margin-top:10px}.paint-pair{grid-column:2}}
@media(max-width:700px){.header{padding:16px;gap:10px}.brand{font-size:16px;gap:7px}.brand small{font-size:10px}.mark{width:27px;height:31px}.mark img{height:31px}.header-button{font-size:12px;min-height:44px;padding:10px 13px;max-width:120px;text-align:center}.hero-heading{display:block;padding:30px 24px 26px}.hero-heading>div{display:block}.hero-heading .eyebrow{font-size:13px}.hero-heading .service{font-size:14px;padding:0;border:0;margin-top:10px}.hero-heading h1{font-size:clamp(29px,7.8vw,49px);line-height:1.45;letter-spacing:-.035em;margin-top:22px}.hero-heading h1 em{margin:0}.small-only{display:block}.hero-explore{margin-top:18px;font-size:14px;padding:7px 0;gap:30px}.wide-photo{margin:0 12px;height:auto;aspect-ratio:1.25}.wide-photo>img{object-position:center}.photo-label{font-size:11px;left:12px;bottom:12px;padding:7px 9px}.color-ribbon{width:12px}.hero-bottom{display:block;padding:24px 24px 40px}.hero-bottom p{font-size:15px;line-height:1.9}.hero-bottom .button{width:100%;font-size:14px;min-height:54px;margin-top:22px}.colors{padding:44px 16px 36px}.colors .section-head{padding:0 8px;margin-bottom:24px}.colors .eyebrow{font-size:14px}.colors h2{font-size:34px}.colors .section-head>p{font-size:14px;margin-top:18px}.comparison-image>img{aspect-ratio:1.25}.image-badge{font-size:11px;top:12px;left:12px;padding:7px 10px}.image-name{font-size:12px;left:12px;bottom:12px;padding:8px 11px}.color-panel{padding:20px 12px}.color-buttons{grid-template-columns:1fr 1fr;gap:8px}.color-buttons button{min-height:88px;font-size:13px;grid-template-columns:32px 1fr;gap:7px;padding:12px 8px}.color-buttons button[aria-pressed=true]{padding:12px 8px}.color-buttons button[aria-pressed=true]:after{font-size:11px;right:5px;top:3px}.swatch{width:30px;height:30px}.sub{font-size:11px}.color-note{display:block;margin-top:20px;padding:20px 4px 0}.number{font-size:12px;margin:0 0 8px}.color-note h3{font-size:22px}.color-note>p:not(.number){font-size:14px;margin-top:10px}.paint-pair{font-size:12px}.disclaimer{padding:0 8px;font-size:12px;line-height:1.9}}
/* Immersive hero: retain the original building proportions and show the whole facade. */
.catalog-page .header{height:90px;padding-block:14px}
.catalog-hero{max-width:none}
.hero-stage{position:relative;isolation:isolate;height:calc(100svh - 90px);min-height:46vw;max-height:1100px;overflow:hidden;background:#bcc7cf}
.hero-stage .wide-photo{position:absolute;inset:0;margin:0;height:100%;border-radius:0;z-index:-2}
.hero-stage .wide-photo>img{height:100%;width:100%;object-fit:cover;object-position:center 56%}
.hero-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,38,35,.76),rgba(16,38,35,.43) 31%,rgba(16,38,35,.06) 62%,transparent)}
.hero-stage .hero-heading{height:100%;padding:5vh 5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;color:#fff}
.hero-stage .hero-heading>div{display:block}
.hero-stage .eyebrow{color:white;font-size:15px;letter-spacing:.04em}
.hero-stage .service{border:0;padding:0;margin-top:10px;font-size:16px}
.hero-stage h1{font-size:clamp(32px,3.25vw,58px);line-height:1.55;letter-spacing:.015em;margin:28px 0 0;text-shadow:0 2px 14px #152d2933}
.hero-stage h1 em{color:white;margin:0}
.hero-stage .hero-explore{margin:28px 0 0;border-color:#ffffff99;font-size:15px;gap:40px}
.hero-stage .photo-label{left:auto;right:24px;bottom:20px;background:#18352fbf;font-size:12px}
.hero-stage .color-ribbon{display:none}
@media(max-width:700px){
.catalog-page .header{height:86px;padding:12px 16px}
.hero-stage{height:590px;min-height:0;max-height:none}
.hero-stage .wide-photo{background:#bcc7cf}
.hero-stage .wide-photo>img{position:absolute;bottom:0;height:auto;width:100%;object-fit:contain}
.hero-stage:after{background:linear-gradient(180deg,#233c44 0%,#344f59e6 29%,#69808b66 49%,transparent 67%)}
.hero-stage .hero-heading{justify-content:flex-start;padding:30px 24px}
.hero-stage .eyebrow{font-size:13px}
.hero-stage .service{font-size:14px;margin-top:8px}
.hero-stage h1{font-size:clamp(28px,7.7vw,40px);line-height:1.5;margin-top:20px}
.hero-stage .hero-explore{margin-top:18px;padding:6px 0;font-size:14px}
.hero-stage .photo-label{right:12px;bottom:12px;font-size:10px;padding:6px 8px}
}
.hero-stage .wide-photo{aspect-ratio:auto;width:100%}
@media(max-width:700px){.hero-stage .wide-photo>img{mask-image:linear-gradient(to bottom,transparent 0%,#000 20%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%)}}
/* Lower sections: broad colour fields and an editorial service catalogue. */
.catalog-page .works,.catalog-page .flow,.catalog-page .contact{max-width:none;padding:90px max(5vw,24px)}
.catalog-page .works{background:#faf9f5}.catalog-page .works .section-head,.catalog-page .flow .section-head{align-items:end;margin-bottom:48px}
.catalog-page .works h2,.catalog-page .flow h2{font-size:clamp(32px,3.7vw,54px);line-height:1.45;font-weight:700;letter-spacing:.015em}
.catalog-page .works .section-head>p,.catalog-page .flow .section-head>p{font-size:16px;line-height:1.9}
.catalog-page .work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;gap:24px}
.catalog-page .work-row{display:flex;flex-direction:column;align-items:flex-start;gap:0;border:0;padding:30px;background:#e9e5d8;position:relative;border-top:6px solid #b6a481}
.catalog-page .work-row:nth-child(2){background:#e2e9e4;border-color:#6b927c}.catalog-page .work-row:nth-child(3){background:#dce5e7;border-color:#5e7c87}
.catalog-page .work-number{font-size:48px;font-weight:500;letter-spacing:-.04em;line-height:1;margin-bottom:32px;color:#526958}
.catalog-page .work-row h3{font-size:clamp(22px,2vw,30px);line-height:1.5;margin-bottom:20px;letter-spacing:-.03em}
.catalog-page .work-row p{font-size:16px;line-height:1.95}.catalog-page .work-row .desktop-break{display:none}
.catalog-page .work-detail{font-size:13px;line-height:1.8;margin-top:22px;padding-top:18px;border-top:1px solid #a9b7ab;color:#45594d}
.catalog-page .section-note{font-size:14px;margin-top:22px;line-height:1.9}
.catalog-page .cost-note{margin-top:42px;background:transparent;border-top:1px solid #b8c4b8;border-bottom:1px solid #b8c4b8;padding:30px 0;grid-template-columns:1fr 1.4fr;gap:50px}
.catalog-page .cost-note h3{font-size:23px;line-height:1.7}.catalog-page .cost-note p{font-size:16px;line-height:1.9}
.catalog-page .flow{background:#e1e8da}.catalog-page .flow h2 .phrase{display:block}
.catalog-page .flow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;max-width:none;margin-top:48px}
.catalog-page .flow-list li,.catalog-page .flow-list li:first-child{border:0;border-top:2px solid #90a68e;display:block;padding:26px 0 0}
.catalog-page .flow-number{font-size:42px;width:auto;height:auto;display:block;border:0;color:#42654c;line-height:1;margin-bottom:26px}
.catalog-page .flow-list h3{font-size:23px;margin:0 0 18px;line-height:1.55}.catalog-page .flow-list p{font-size:16px;line-height:1.95;color:#42574b}
.catalog-page .flow-note{font-size:14px;color:#42574b;margin-top:36px;padding-top:24px;border-top:1px solid #b2c2a9}
.catalog-page .contact{background:#1d493d;color:white;gap:60px;position:relative;padding-block:90px 104px;align-items:center}
.catalog-page .contact:after{content:'';height:12px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#e5dfd0 0 33.33%,#8b9b96 33.33% 66.66%,#29465d 66.66%)}
.catalog-page .contact .eyebrow{font-size:16px;color:#dbe6a4}.catalog-page .contact h2{font-size:clamp(32px,3.7vw,54px);font-weight:700;line-height:1.5;letter-spacing:.01em}
.catalog-page .contact-actions{width:380px;flex:none}.catalog-page .contact .light{background:#dbe6a4;color:#183e36;font-size:18px;min-height:70px}.catalog-page .contact .light:hover{background:#edf3ce}
.catalog-page .contact-actions p{font-size:14px;line-height:1.9;color:#e0e8e2;margin-top:20px}.catalog-page footer{background:#faf9f5;padding:30px 5vw;font-size:13px}
@media(min-width:1700px){.catalog-page .works,.catalog-page .flow,.catalog-page .contact{padding-inline:calc((100vw - 1450px)/2)}}
@media(max-width:1000px){.catalog-page .work-list{gap:14px}.catalog-page .work-row{padding:24px 20px}.catalog-page .work-row h3{font-size:22px}.catalog-page .flow-list{gap:24px}.catalog-page .flow-list h3{font-size:20px}.catalog-page .contact{gap:32px}.catalog-page .contact-actions{width:320px}}
@media(max-width:700px){.catalog-page .works,.catalog-page .flow,.catalog-page .contact{padding:52px 24px}.catalog-page .works .section-head,.catalog-page .flow .section-head{margin-bottom:28px}.catalog-page .works h2,.catalog-page .flow h2{font-size:30px;line-height:1.5}.catalog-page .works .section-head>p,.catalog-page .flow .section-head>p{font-size:15px}.catalog-page .work-list{grid-template-columns:1fr;gap:16px}.catalog-page .work-row{padding:24px;border-top-width:5px}.catalog-page .work-number{font-size:36px;margin-bottom:18px}.catalog-page .work-row h3{font-size:24px;margin-bottom:14px}.catalog-page .work-row p{font-size:15px}.catalog-page .work-detail{font-size:13px;margin-top:18px;padding-top:14px}.catalog-page .section-note{font-size:13px}.catalog-page .cost-note{display:block;margin-top:30px;padding:26px 0}.catalog-page .cost-note h3{font-size:21px}.catalog-page .cost-note p{font-size:15px;margin-top:16px}.catalog-page .flow-list{display:block;margin-top:30px}.catalog-page .flow-list li,.catalog-page .flow-list li:first-child{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:24px 0}.catalog-page .flow-number{font-size:29px;margin:0;line-height:1.25}.catalog-page .flow-list h3{font-size:20px;margin-bottom:12px}.catalog-page .flow-list p{font-size:15px}.catalog-page .flow-note{margin-top:4px;font-size:13px}.catalog-page .contact{padding-bottom:64px}.catalog-page .contact h2{font-size:30px}.catalog-page .contact .eyebrow{font-size:14px}.catalog-page .contact-actions{width:100%;margin-top:28px}.catalog-page .contact .light{font-size:16px;min-height:62px}.catalog-page .contact-actions p{font-size:13px}.catalog-page footer{padding:24px}}
/* Replaceable illustrative service photographs, not construction records. */
.catalog-page .work-row{padding-top:0;border-top:0;overflow:hidden}
.catalog-page .work-photo{width:calc(100% + 60px);max-width:none;margin:0 -30px 24px;aspect-ratio:3/2;object-fit:cover;height:auto}
.catalog-page .work-number{font-size:18px;font-weight:700;letter-spacing:.08em;margin-bottom:12px}
.catalog-page .work-image-note{font-size:13px;color:#526458;line-height:1.9;margin:20px 0 0}
.catalog-page .section-note{margin-top:8px}
@media(max-width:1000px){.catalog-page .work-photo{width:calc(100% + 40px);margin-inline:-20px}}
@media(max-width:700px){.catalog-page .work-photo{width:calc(100% + 48px);margin:0 -24px 22px}.catalog-page .work-number{font-size:16px;margin-bottom:10px}.catalog-page .work-image-note{font-size:13px}}
/* Case-study layout awaiting verified client materials. */
.catalog-page .case-study{max-width:none;background:#fff;padding:90px max(5vw,24px)}
.case-study .section-head{align-items:end;margin-bottom:40px}.case-study h2{font-size:clamp(32px,3.7vw,54px);line-height:1.45;font-weight:700;letter-spacing:.015em}
.case-status{font-size:17px;line-height:1.9;color:#466354}.case-status span{font-size:14px}
.case-photos{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-photos figure{margin:0}.case-placeholder{aspect-ratio:3/2;background:#ecebe5;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#536358;border:1px solid #d3d8ce}.case-placeholder.after{background:#e3ebdf;border-color:#b9cbb5}.case-placeholder>span{font-size:13px;letter-spacing:.15em}.case-placeholder p{font-size:26px;margin:18px 0 8px;font-weight:500}.case-placeholder small{font-size:14px}.case-photos figcaption{font-size:15px;margin-top:12px;color:#40584a}
.case-story{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;margin-top:44px}.case-intro h3{font-size:26px;line-height:1.6;margin:12px 0 18px}.case-intro>p:last-child{font-size:16px;line-height:1.9;color:#526358}.case-details{margin:0}.case-details>div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:20px 0;border-top:1px solid #cbd4c8}.case-details>div:last-child{border-bottom:1px solid #cbd4c8}.case-details dt{font-size:15px;font-weight:700}.case-details dd{margin:0;font-size:15px;color:#5d6c61;line-height:1.8}.case-disclaimer{font-size:13px;line-height:1.9;color:#5d6c61;margin:28px 0 0}
@media(min-width:1700px){.catalog-page .case-study{padding-inline:calc((100vw - 1450px)/2)}}
@media(max-width:1000px){.case-story{gap:30px;grid-template-columns:1fr 1.3fr}.case-details>div{grid-template-columns:1fr;gap:8px}}
@media(max-width:700px){.catalog-page .case-study{padding:52px 24px}.case-study h2{font-size:30px}.case-study .section-head{margin-bottom:28px}.case-status{margin-top:18px;font-size:15px}.case-status span{font-size:13px}.case-photos{grid-template-columns:1fr;gap:24px}.case-placeholder p{font-size:23px}.case-story{grid-template-columns:1fr;gap:26px;margin-top:32px}.case-intro h3{font-size:23px}.case-intro>p:last-child{font-size:15px}.case-details>div{padding:18px 0}.case-disclaimer{margin-top:22px}}

.case-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.case-photos figcaption b{font-size:12px;letter-spacing:.08em;margin-right:10px}.case-photo-note{margin-top:18px}

.case-photos .case-photo{aspect-ratio:4/3;object-fit:cover;object-position:center;background:#eef0eb}.case-disclaimer a{text-decoration:underline;text-underline-offset:3px}

.catalog-page .work-photo{aspect-ratio:16/9;object-fit:cover}
.catalog-page .owner-guide,.catalog-page .owner-faq{max-width:none;padding:80px max(5vw,24px);background:#f0f2e9}.owner-guide h2,.owner-faq h2{font-size:clamp(30px,3.5vw,50px);line-height:1.5;font-weight:700}.owner-guide .section-head{align-items:end;margin-bottom:40px}.owner-guide .section-head>p{font-size:16px;line-height:1.9}.owner-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.owner-guide-grid article{border-top:1px solid #a9b8a6;padding-top:24px}.owner-guide-grid article>span{font-size:12px;letter-spacing:.1em;color:#55715b}.owner-guide-grid h3{font-size:25px;line-height:1.6;margin:16px 0}.owner-guide-grid p{font-size:16px;line-height:1.95}.guide-note{font-size:13px;line-height:1.9;color:#536858;margin-top:28px}.guide-note a{text-decoration:underline;text-underline-offset:3px}.catalog-page .owner-faq{background:#faf9f5}.owner-faq details{border-bottom:1px solid #bbc6b8;padding:22px 0}.owner-faq summary{cursor:pointer;font-size:19px;font-weight:600;line-height:1.7}.owner-faq details p{font-size:16px;line-height:1.95;max-width:900px;margin-top:16px}.owner-faq .section-head{margin-bottom:24px}
@media(min-width:1700px){.catalog-page .owner-guide,.catalog-page .owner-faq{padding-inline:calc((100vw - 1450px)/2)}}
@media(max-width:700px){.catalog-page .owner-guide,.catalog-page .owner-faq{padding:52px 24px}.owner-guide-grid{grid-template-columns:1fr;gap:26px}.owner-guide h2,.owner-faq h2{font-size:30px}.owner-guide-grid h3{font-size:23px}.owner-guide-grid p,.owner-faq details p{font-size:15px}.owner-faq summary{font-size:17px}.owner-guide .section-head>p{font-size:15px;margin-top:18px}}
.paint-reference{margin-top:48px;padding-top:32px;border-top:1px solid #a9b8a6}.reference-title h3{font-size:27px;line-height:1.6}.reference-title p{font-size:13px;line-height:1.9;color:#64705e;margin-top:10px}.paint-reference h4{font-size:19px;margin:30px 0 18px}.paint-order{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #a9b8a6}.paint-order span{text-align:center;padding:18px 4px;font-weight:600;border-right:1px solid #a9b8a6}.paint-order span:last-child{border:0}.paint-scale{display:flex;justify-content:space-between;align-items:center;background:#e1d7b9;padding:12px 20px;font-size:15px;margin-top:8px}.paint-scale.durability{background:#d2dfd6}.paint-scale span:nth-child(2){flex:1;text-align:center}.timing-tables{display:grid;grid-template-columns:1fr 1fr;gap:32px}.timing-tables table{width:100%;border-collapse:collapse;font-size:16px}.timing-tables caption{text-align:left;font-weight:700;padding-bottom:12px}.timing-tables th,.timing-tables td{padding:14px;text-align:left;border-bottom:1px solid #bec9b8}.timing-tables th{font-weight:500}.timing-tables td{text-align:right;white-space:nowrap}.reference-link{display:inline-block;margin-top:18px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.reference-title h3{font-size:23px}.paint-order span{font-size:12px;padding:15px 1px}.paint-scale{font-size:14px;padding:10px 12px}.timing-tables{grid-template-columns:1fr;gap:24px}.paint-reference{margin-top:32px}.paint-reference h4{font-size:18px}.timing-tables table{font-size:15px}}

/* Read the essentials first; open technical detail when needed. */
.paint-reference>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:20px;font-weight:700;padding:24px 0;color:var(--ink,#263f36)}
.paint-reference>summary::-webkit-details-marker{display:none}
.reference-toggle{width:22px;height:22px;position:relative;flex:none}
.reference-toggle:before,.reference-toggle:after{content:"";position:absolute;background:currentColor;left:3px;top:10px;width:16px;height:2px}
.reference-toggle:after{transform:rotate(90deg)}
.paint-reference[open] .reference-toggle:after{transform:none}
.paint-reference>summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.reference-content{padding:8px 0 20px}
.case-consult{display:flex;justify-content:center;margin-top:40px}
.paint-diagram{background:#fff;padding:32px;border-radius:12px}
.diagram-caption{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;font-size:15px;color:#365747}
.diagram-direction{white-space:nowrap}.diagram-direction b{margin-left:12px}
.paint-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.paint-steps li{min-width:0;padding:24px 16px;background:#e6ede0;color:#253f34;border-radius:6px;display:flex;flex-direction:column;gap:24px}
.paint-steps li:nth-child(2){background:#cbdcc6}.paint-steps li:nth-child(3){background:#a6c3aa}.paint-steps li:nth-child(4){background:#567f68;color:#fff}.paint-steps li:nth-child(5){background:#2d5140;color:#fff}
.paint-index{font-size:14px;letter-spacing:.12em}.paint-steps strong{font-size:clamp(18px,1.8vw,26px);font-weight:700}
.comparison-ranges{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.comparison-ranges>div{padding:18px 20px;background:#f0eee2;border-radius:6px}.comparison-ranges>div:last-child{background:#e9efea}
.range-label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.range-ends{display:flex;align-items:center;gap:18px;font-size:18px;color:#2e4b3d}.range-ends b{white-space:nowrap}
.range-ends i{height:2px;background:#738573;flex:1;position:relative}.range-ends i:after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid #738573;border-right:2px solid #738573;transform:rotate(45deg)}
.renewal-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.renewal-panel{background:#e0e8db;border-radius:12px;padding:30px}.renewal-panel:last-child{background:#e4e9ec}
.renewal-panel h5{font-size:22px;margin:0 0 14px;color:#294b3b}.renewal-panel dl{margin:0}.renewal-panel dl>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #b4c4b2}
.renewal-panel dt{font-size:17px;line-height:1.7;max-width:52%}.renewal-panel dd{margin:0;white-space:nowrap;display:flex;align-items:baseline;gap:7px;color:#294b3b}.renewal-panel dd strong{font-size:clamp(36px,3.6vw,52px);font-weight:600;line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.renewal-panel dd span{font-size:17px}
.reference-content>h4{margin-top:40px;font-size:22px}.reference-content>.guide-note{max-width:920px;font-size:14px}
@media(max-width:700px){.paint-diagram{padding:22px 18px}.diagram-caption{font-size:14px;align-items:start}.diagram-caption>span:first-child{max-width:180px}.diagram-direction{font-size:13px}.diagram-direction b{display:inline-block;transform:rotate(90deg);margin-left:5px}.paint-steps{grid-template-columns:1fr;gap:6px}.paint-steps li{padding:18px 20px;flex-direction:row;align-items:center;gap:22px}.paint-steps strong{font-size:21px}.paint-index{font-size:13px}.comparison-ranges{grid-template-columns:1fr;gap:10px;margin-top:18px}.comparison-ranges>div{padding:15px}.renewal-panels{grid-template-columns:1fr;gap:16px}.renewal-panel{padding:24px 20px}.renewal-panel h5{font-size:21px}.renewal-panel dt{font-size:16px;max-width:48%}.renewal-panel dd strong{font-size:36px}.renewal-panel dl>div{gap:10px}.reference-content>h4{font-size:20px;line-height:1.6}.reference-content>.guide-note{font-size:14px}}
@media(max-width:700px){.paint-reference>summary{font-size:17px;line-height:1.7;gap:16px}.case-consult{margin-top:32px}.case-consult .button{width:100%;text-align:center;justify-content:center}}

/* Final mobile spacing and readable colour choices. */
.catalog-page .flow-fee-note{margin-top:12px}
@media(max-width:700px){
.hero-stage{height:530px}
.color-buttons button,.color-buttons button[aria-pressed=true]{font-size:14px;grid-template-columns:26px minmax(0,1fr);column-gap:7px;padding:14px 8px;min-height:96px;line-height:1.5}
.color-buttons .swatch{width:26px;height:26px}
.color-buttons .sub{font-size:13px;line-height:1.55}
.catalog-page .work-detail{font-size:14px;line-height:1.8}
.catalog-page .flow-note{font-size:14px;line-height:1.9}
}

.color-buttons .sub>span{display:inline-block;white-space:nowrap}.color-buttons .sub>span+span{margin-left:.3em}@media(max-width:700px){.color-buttons .sub>span{display:block}.color-buttons .sub>span+span{margin-left:0}.color-buttons button,.color-buttons button[aria-pressed=true]{min-height:108px}}

/* Keep the building and all color controls in one desktop view. */
@media(min-width:1001px){
 .catalog-page .comparison{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;background:#f6f4ec}
 .catalog-page .comparison-image{border-radius:0}
 .catalog-page .comparison-image>img{width:100%;height:auto;aspect-ratio:1.5;max-height:580px;object-fit:contain}
 .catalog-page .color-panel{padding:24px}
 .catalog-page .color-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .catalog-page .color-buttons button,.catalog-page .color-buttons button[aria-pressed=true]{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:14px 9px;font-size:15px;min-height:96px}
 .catalog-page .swatch{width:27px;height:27px}
 .catalog-page .color-buttons .sub{font-size:13px}
 .catalog-page .color-buttons .sub>span{display:block;margin-left:0}
 .catalog-page .color-note{display:block;margin-top:20px;padding-top:18px}
 .catalog-page .color-note h3{font-size:22px;margin:6px 0 10px}
 .catalog-page .color-note>p:not(.number){font-size:14px;line-height:1.8}
 .catalog-page .paint-pair{margin-top:14px}
}
@media(min-width:701px){.catalog-page .owner-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}}

.catalog-page .contact-actions{width:min(100%,620px)}
.contact-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.catalog-page .contact-buttons a{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;min-height:64px;padding:14px 18px;font-size:16px;font-weight:700;text-decoration:none}
.catalog-page .contact-buttons .line-button{background:#06c755;color:#102d20}
.contact-buttons .line-button svg{width:30px;height:30px;flex-shrink:0}
.contact-buttons a:hover{filter:brightness(.94)}
.contact-buttons a:focus-visible,.contact-phone a:focus-visible{outline:3px solid #dceaa0;outline-offset:5px}
.catalog-page .contact-phone{margin-top:28px;padding-top:24px;border-top:1px solid #ffffff45}
.catalog-page .contact-phone p{margin:0;font-size:15px}
.contact-phone a{display:inline-flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:34px;font-weight:700;line-height:1.4;min-height:56px;margin:8px 0}
.contact-phone svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;flex-shrink:0}
.catalog-page .contact-phone .contact-hours{font-size:14px}
@media(max-width:700px){.contact-buttons{grid-template-columns:1fr;gap:12px}.catalog-page .contact-buttons a{min-height:58px}.contact-phone a{font-size:30px}.catalog-page .contact-actions>p{font-size:14px;line-height:1.9}}

.header-contact{display:flex;align-items:center;gap:26px}
.header-phone{display:flex;flex-direction:column;align-items:center;gap:2px}
.header-phone a{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:700;line-height:1.2;min-height:34px;text-decoration:none;color:var(--ink)}
.header-phone svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;flex-shrink:0}
.header-phone>span{font-size:12px;line-height:1.5}
.hero-contact-buttons{display:flex;align-items:center;gap:14px;flex-shrink:0}
.hero-contact-buttons .line-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;padding:16px 25px;min-height:58px;background:#06c755;color:#102d20;font-weight:700;text-decoration:none;font-size:16px}
.hero-contact-buttons .line-button svg{width:30px;height:30px;flex-shrink:0}
.hero-contact-buttons .line-button:hover{filter:brightness(.94)}
.hero-contact-buttons a:focus-visible,.header-phone a:focus-visible{outline:3px solid #527d61;outline-offset:4px}
@media(max-width:1000px){.header-phone{display:none}.hero-bottom{flex-wrap:wrap}.hero-contact-buttons{flex-wrap:wrap}}
@media(max-width:700px){.header-contact{gap:0;flex-shrink:0}.hero-contact-buttons{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px;width:100%}.hero-bottom .hero-contact-buttons .button{margin-top:0}.hero-contact-buttons .line-button{min-height:54px;font-size:14px;padding:12px 20px}}

/* Simplified headings and readable desktop contact information. */
.catalog-page .brand{align-items:center;line-height:1.3}
.catalog-page .brand>span:last-child{display:block}
.catalog-page .header-phone a{font-size:29px;min-height:38px;gap:10px}
.catalog-page .header-phone svg{width:26px;height:26px}
.catalog-page .header-phone>span{font-size:15px;line-height:1.5}
.catalog-page .header-contact{gap:22px}
.catalog-page #case .section-head{align-items:center}
.catalog-page #case .case-status{margin:0}

/* Local marketing review: keep consultation and the colour experience close. */
.catalog-page .hero-stage{height:calc(100svh - 90px);min-height:46vw;max-height:1100px}
.catalog-page .hero-bottom{padding-top:24px;padding-bottom:28px;gap:24px}
.catalog-page .hero-bottom p{font-size:16px}
.color-consult{max-width:1450px;margin:28px auto 0;padding-top:24px;border-top:1px solid #ffffff40;display:flex;align-items:center;justify-content:space-between;gap:24px}
.color-consult p{font-size:17px;line-height:1.8;margin:0}
.color-consult .button{background:#dbe6a4;color:#183e36;flex-shrink:0}
.color-consult .button:hover{background:#e6efbd}
@media(max-width:700px){.catalog-page .hero-stage{height:530px;min-height:0;max-height:none}.catalog-page .hero-bottom{padding:20px 24px 28px}.catalog-page .hero-bottom p{font-size:15px;line-height:1.85}.hero-contact-buttons{margin-top:18px}.color-consult{display:block;margin-top:24px;padding-top:22px}.color-consult p{font-size:15px}.color-consult .button{width:100%;margin-top:16px;font-size:15px;min-height:54px}}

.hero-consult{display:inline-flex;align-items:center;margin-top:24px;padding:12px 22px;border-radius:999px;background:#f9faf1;color:#193f35;font-size:16px;font-weight:700;text-decoration:none}.hero-consult:hover{background:#dbe6a4}.hero-consult:focus-visible{outline:3px solid #dbe6a4;outline-offset:4px}
@media(max-width:700px){.hero-consult{margin-top:16px;padding:10px 18px;font-size:14px}}
/* Consultation prompts remain optional and separate from form operation instructions. */
.contact-guidance{max-width:650px;margin-top:28px}
.catalog-page .contact .contact-guidance p{font-size:16px;line-height:1.9;margin:0 0 14px;color:#f1f4ec}
@media(max-width:700px){.contact-guidance{margin-top:22px}.catalog-page .contact .contact-guidance p{font-size:15px;line-height:1.85}.contact-guidance .desktop-break{display:none}}

/* Readable audience/service labels and a concise colour selector instruction. */
.catalog-page .hero-stage .eyebrow,.catalog-page .hero-stage .service{font-size:20px;line-height:1.6;font-weight:600}
.catalog-page .colors .panel-kicker{font-size:15px;line-height:1.7}
@media(max-width:700px){.catalog-page .hero-stage .eyebrow,.catalog-page .hero-stage .service{font-size:16px}.catalog-page .colors .panel-kicker{font-size:14px}}

/* Architectural catalogue: white, ink navy and crisp blue actions. */
.catalog-page{--ink:#142c43;--accent:#245ba8;--muted:#374151;background:#fff;color:var(--ink)}
.catalog-page .header,.catalog-page footer,.catalog-page .works,.catalog-page .owner-faq,.catalog-page .hero-bottom{background:#fff}
.catalog-page .colors,.catalog-page .flow,.catalog-page .owner-guide{background:#f2f5f8;color:var(--ink)}
.catalog-page .colors h2 em{color:#142c43}
.catalog-page .colors .section-head>p,.catalog-page .colors .disclaimer{color:#374151}
.catalog-page .comparison,.catalog-page .color-panel{background:#fff}
.catalog-page .color-note,.catalog-page .color-consult{border-color:#cbd5df}
.catalog-page .color-note .number,.catalog-page .color-buttons .sub{color:#4b5868}
.catalog-page .color-buttons button{color:#142c43}
.catalog-page .color-buttons button[aria-pressed=true]{border-color:#245ba8;box-shadow:0 0 0 3px #fff inset}
.catalog-page .color-buttons button[aria-pressed=true]:after{color:#142c43}
.catalog-page .image-badge{background:#fff;color:#142c43}
.catalog-page .image-name{background:#142c43ed;color:#fff}
.catalog-page .button,.catalog-page .color-consult .button,.catalog-page .contact .light,.catalog-page .hero-consult{background:#245ba8;color:#fff}
.catalog-page .button:hover,.catalog-page .color-consult .button:hover,.catalog-page .contact .light:hover,.catalog-page .hero-consult:hover{background:#194781}
.catalog-page .contact{background:#edf2f7;color:var(--ink)}
.catalog-page .contact .eyebrow{color:#245ba8}
.catalog-page .contact-actions p,.catalog-page .contact .contact-guidance p{color:#374151}
.catalog-page .contact-phone a{color:#142c43}
.catalog-page .contact-phone{border-color:#c7d2df}
.catalog-page .contact:after{height:3px;background:#c7d2df}
.catalog-page .contact-buttons .line-button,.catalog-page .hero-contact-buttons .line-button{background:#06c755;color:#102d20}
.catalog-page .work-row,.catalog-page .work-row:nth-child(2),.catalog-page .work-row:nth-child(3){background:#f2f5f8}
.catalog-page .work-number,.catalog-page .flow-number{color:#52677e}
.catalog-page .work-detail,.catalog-page .work-image-note,.catalog-page .flow-list p,.catalog-page .flow-note,.catalog-page .case-status,.catalog-page .case-intro>p:last-child,.catalog-page .case-details dd,.catalog-page .case-disclaimer,.catalog-page .case-photos figcaption,.catalog-page .guide-note,.catalog-page .owner-guide-grid article>span{color:#374151}
.catalog-page .cost-note,.catalog-page .work-detail,.catalog-page .flow-list li,.catalog-page .flow-note,.catalog-page .case-details>div,.catalog-page .owner-guide-grid article,.catalog-page .paint-reference,.catalog-page .owner-faq details{border-color:#cbd5df}
.catalog-page .case-photos .case-photo{background:#f2f5f8}
.catalog-page .diagram-caption,.catalog-page .range-ends,.catalog-page .renewal-panel h5,.catalog-page .renewal-panel dd{color:#142c43}
.catalog-page .paint-steps li{background:#edf2f7;color:#142c43}
.catalog-page .paint-steps li:nth-child(2){background:#dbe5ef}
.catalog-page .paint-steps li:nth-child(3){background:#bdcddd}
.catalog-page .paint-steps li:nth-child(4){background:#506b87;color:#fff}
.catalog-page .paint-steps li:nth-child(5){background:#233f5b;color:#fff}
.catalog-page .comparison-ranges>div,.catalog-page .comparison-ranges>div:last-child,.catalog-page .renewal-panel,.catalog-page .renewal-panel:last-child{background:#e5ecf3}
.catalog-page .renewal-panel dl>div{border-color:#bdcbd9}
.catalog-page .range-ends i{background:#647b92}
.catalog-page .range-ends i:after{border-color:#647b92}
.catalog-page a:focus-visible,.catalog-page button:focus-visible{outline:3px solid #245ba8;outline-offset:5px}
.catalog-page .hero-consult:focus-visible{outline-color:#fff}
.catalog-page .hero-stage:after{background:linear-gradient(90deg,rgba(27,34,36,.76),rgba(27,34,36,.43) 31%,rgba(27,34,36,.06) 62%,transparent)}
@media(max-width:700px){.catalog-page .hero-stage:after{background:linear-gradient(180deg,#343e42 0%,#424e53e6 29%,#7b878b66 49%,transparent 67%)}}

.catalog-page{color:#374151}.catalog-page h2,.catalog-page h3,.catalog-page .brand{color:#142c43}

/* Calm interaction: no bouncing buttons, no permanent hidden reveal states. */
.catalog-page .button,.catalog-page .hero-consult,.catalog-page .line-button{transition:background-color .2s ease,color .2s ease,filter .2s ease}
.catalog-page .button:hover{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.catalog-page *, .catalog-page *:before,.catalog-page *:after{animation:none!important;transition:none!important}}

/* Keep the case description with its heading. */
.catalog-page #case .section-head{display:block;text-align:left;margin-bottom:32px}
.catalog-page #case .case-status{margin:14px 0 0;font-size:18px;line-height:1.7}
@media(max-width:700px){.catalog-page #case .section-head{margin-bottom:24px}.catalog-page #case .case-status{margin-top:12px;font-size:16px}}

/* Readable supporting copy: hierarchy through spacing, not faint text. */
.catalog-page{--muted:#374151}
.catalog-page .section-head>p,.catalog-page .work-row p,.catalog-page .cost-note p,.catalog-page .flow-list p,.catalog-page .owner-guide-grid p,.catalog-page .owner-faq details p,.catalog-page .case-intro>p:last-child{font-size:17px;line-height:1.9;color:#374151}
.catalog-page .case-details dt,.catalog-page .case-details dd,.catalog-page .color-note>p:not(.number){font-size:16px;line-height:1.85;color:#374151}
.catalog-page .work-detail,.catalog-page .section-note,.catalog-page .flow-note,.catalog-page .flow-fee-note,.catalog-page .guide-note,.catalog-page .reference-content>.guide-note,.catalog-page .case-disclaimer,.catalog-page .case-photos figcaption,.catalog-page .disclaimer,.catalog-page .colors .disclaimer,.catalog-page .reference-title p{font-size:14px;line-height:1.85;color:#374151}
.catalog-page .contact-actions p,.catalog-page .contact-phone p,.catalog-page .contact-phone .contact-hours{font-size:15px;line-height:1.85;color:#374151}
.catalog-page .contact .contact-guidance p{font-size:17px;line-height:1.9;color:#374151}
.catalog-page .color-buttons .sub,.catalog-page .paint-pair{font-size:14px;line-height:1.6;color:#374151}
.catalog-page .color-panel .panel-kicker{font-size:16px;color:#142c43}
.catalog-page .color-note{row-gap:12px}
.catalog-page .case-details>div{padding-block:22px}
@media(max-width:700px){
 .catalog-page .section-head>p,.catalog-page .work-row p,.catalog-page .cost-note p,.catalog-page .flow-list p,.catalog-page .owner-guide-grid p,.catalog-page .owner-faq details p,.catalog-page .case-intro>p:last-child,.catalog-page .contact .contact-guidance p{font-size:16px;line-height:1.85}
 .catalog-page .case-details dt,.catalog-page .case-details dd,.catalog-page .color-note>p:not(.number){font-size:16px;line-height:1.8}
 .catalog-page .color-panel .panel-kicker{font-size:15px}
 .catalog-page .color-buttons .sub{font-size:14px}
 .catalog-page .case-details>div{padding-block:20px}
}


/* Natural 3:2 photographs: no letterboxing, cropping or distortion. */
.catalog-page .comparison-image{background:transparent;min-width:0;align-self:center}
.catalog-page .comparison-image>img{display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:none;object-fit:contain}
@media(min-width:1001px){
 .catalog-page .comparison{max-width:1230px;grid-template-columns:minmax(0,1fr) 360px;align-items:center;background:transparent}
 .catalog-page .color-panel{padding:22px 24px}
}

/* All colour variants share the tallest responsive description slot. */
.scheme-notes{display:grid;min-width:0}
.scheme-notes>.color-note{grid-area:1/1;min-width:0;align-self:start}
.scheme-notes>.scheme-reserve{visibility:hidden;pointer-events:none;user-select:none}

/* Align both desktop surfaces; preserve a full natural-ratio photograph. */
@media(min-width:1300px){
 .catalog-page .comparison{max-width:1320px;grid-template-columns:minmax(0,1fr) 360px;align-items:stretch}
 .catalog-page .comparison-image{align-self:stretch;display:flex;align-items:center}
 .catalog-page .comparison-image>img{height:auto;aspect-ratio:3/2}
 .catalog-page .color-panel{box-sizing:border-box;align-self:stretch;padding:22px 24px;display:flex;flex-direction:column;justify-content:center}
 .catalog-page .color-panel .panel-kicker{margin-bottom:14px}
 .catalog-page .color-note{margin-top:18px;padding-top:16px}
}
/* At narrow desktop widths, keep full-size text and use a stacked comparison. */
@media(min-width:1001px) and (max-width:1299px){
 .catalog-page .comparison{display:flex;flex-direction:column;max-width:900px;gap:0}
 .catalog-page .comparison-image{align-self:auto}
 .catalog-page .color-panel{width:100%;padding:24px}
 .catalog-page .color-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}
 .catalog-page .color-note{display:grid;grid-template-columns:90px 1fr 1.5fr;column-gap:20px}
 .catalog-page .color-note>p:not(.number){grid-column:3;margin-top:0}
 .catalog-page .paint-pair{grid-column:3}
}

/* Three clear decisions before committing to exterior work. */
.catalog-page .owner-guide .section-head{display:block}
.catalog-page .owner-guide .decision-intro{max-width:960px;margin:24px 0 0;font-size:17px;line-height:1.9}
.catalog-page .owner-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.catalog-page .owner-guide-grid h3{margin:14px 0 16px}
@media(max-width:1000px){.catalog-page .owner-guide-grid{grid-template-columns:1fr;gap:26px}}
@media(max-width:700px){.catalog-page .owner-guide .decision-intro{margin-top:20px;font-size:16px;line-height:1.85}.catalog-page .owner-guide .decision-intro br{display:none}}

/* A short state check within the existing owner decision guide. */
.catalog-page .condition-check{max-width:1000px;margin:0 0 36px;padding:24px 0 0;border-top:1px solid #cbd5df}
.catalog-page .condition-check h3{font-size:24px;line-height:1.6;margin:0 0 14px}
.catalog-page .condition-check p{font-size:17px;line-height:1.9;color:#374151;margin:0}
.catalog-page .decision-consult{margin:28px 0 0;font-size:16px;line-height:1.85}
.catalog-page .decision-consult a{color:#245ba8;text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.catalog-page .condition-check{padding-top:20px;margin-bottom:28px}.catalog-page .condition-check h3{font-size:21px}.catalog-page .condition-check p,.catalog-page .decision-consult{font-size:16px;line-height:1.85}.catalog-page .decision-consult{margin-top:24px}}

/* Readable decision articles and one consultation button. */
.catalog-page .owner-guide-grid>article{min-width:0}
.catalog-page .owner-guide-grid>article>p{max-width:38ch;margin-bottom:0;line-height:1.9}
.catalog-page .decision-consult{margin-top:32px}
.catalog-page .decision-consult .button{color:#fff;text-decoration:none;text-align:center;max-width:100%}
@media(max-width:1000px){.catalog-page .owner-guide-grid{gap:30px}.catalog-page .owner-guide-grid>article>p{max-width:58ch}}
@media(max-width:700px){.catalog-page .decision-consult{margin-top:28px}.catalog-page .decision-consult .button{width:100%;min-height:56px}.catalog-page .owner-guide-grid>article>p{line-height:1.85}}


/* Real condition photograph breaks up the owner guide's text. */
.catalog-page .condition-check{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;max-width:none;border:0;padding:0;margin:0 0 48px}
.catalog-page .condition-figure{min-width:0;margin:0}
.catalog-page .condition-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.catalog-page .condition-figure figcaption{margin-top:10px;font-size:14px;line-height:1.7;color:#4b5868}
.catalog-page .condition-copy{min-width:0;max-width:38em}
.catalog-page .condition-copy h3{font-size:28px;line-height:1.6;margin:0 0 18px}
.catalog-page .condition-copy p+p{margin-top:16px}
@media(max-width:1000px){.catalog-page .condition-check{grid-template-columns:1fr;gap:24px;align-items:start}.catalog-page .condition-figure{max-width:800px}.catalog-page .condition-copy{max-width:48em}}
@media(max-width:700px){.catalog-page .condition-check{gap:22px;margin-bottom:34px}.catalog-page .condition-copy h3{font-size:23px;margin-bottom:14px}.catalog-page .condition-copy p+p{margin-top:14px}.catalog-page .condition-figure figcaption{margin-top:8px}}

/* Shorter introduction and measured gaps within the photographic owner guide. */
.catalog-page .owner-guide .section-head{margin-bottom:32px}
.catalog-page .owner-guide .decision-intro{max-width:800px;margin-top:20px}
.catalog-page .condition-check{margin-bottom:36px;gap:40px}
.catalog-page .condition-copy h3{margin-bottom:14px}
.catalog-page .condition-copy p+p{margin-top:12px}
.catalog-page .owner-guide-grid h3{margin:12px 0 10px}
.catalog-page .owner-guide-grid>article>p{line-height:1.85}
.catalog-page .decision-consult{margin-top:28px}
.catalog-page .owner-guide .paint-reference{margin-top:32px;padding-top:16px}
@media(max-width:1000px){.catalog-page .condition-check{gap:22px}}
@media(max-width:700px){.catalog-page .owner-guide .section-head{margin-bottom:26px}.catalog-page .owner-guide .decision-intro{margin-top:16px}.catalog-page .condition-check{gap:20px;margin-bottom:28px}.catalog-page .condition-copy h3{margin-bottom:12px}.catalog-page .decision-consult{margin-top:24px}.catalog-page .owner-guide .paint-reference{margin-top:28px;padding-top:12px}}

/* Stack both broad comparison scales along the same left-to-right direction. */
.catalog-page .comparison-ranges{grid-template-columns:1fr;gap:12px}
@media(min-width:701px){
 .catalog-page .comparison-ranges>div{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;column-gap:24px;padding:20px 24px}
 .catalog-page .comparison-ranges .range-label{margin:0;font-size:16px;line-height:1.6}
 .catalog-page .comparison-ranges .range-ends{min-width:0;gap:22px}
}

/* A compact, sequential construction timeline. */
.catalog-page .flow-list{display:block;margin-top:32px;max-width:none}
.catalog-page .flow-list li,.catalog-page .flow-list li:first-child{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:24px;padding:24px 0;border:0;border-bottom:1px solid #cbd5df;align-items:start}
.catalog-page .flow-list li:first-child{border-top:1px solid #cbd5df}
.catalog-page .flow-list li:before{content:'';position:absolute;left:24px;top:0;bottom:0;width:1px;background:#cbd5df}
.catalog-page .flow-list li:first-child:before{top:48px}
.catalog-page .flow-list li:last-child:before{bottom:auto;height:48px}
.catalog-page .flow-number{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;border:1px solid #a8bbce;border-radius:50%;background:#f2f5f8;color:#245ba8;font-size:20px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0}
.catalog-page .flow-list li>div{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:28px;align-items:center;min-height:48px;min-width:0}
.catalog-page .flow-list h3{font-size:22px;line-height:1.6;margin:0}
.catalog-page .flow-list p{margin:0;max-width:none;line-height:1.85}
@media(max-width:900px){.catalog-page .flow-list li>div{display:block;min-height:0}.catalog-page .flow-list h3{font-size:20px;margin:0 0 10px}}
@media(max-width:700px){
 .catalog-page .flow-list{margin-top:26px}
 .catalog-page .flow-list li,.catalog-page .flow-list li:first-child{grid-template-columns:36px minmax(0,1fr);gap:16px;padding:24px 0}
 .catalog-page .flow-number{width:36px;height:36px;font-size:16px}
 .catalog-page .flow-list li:before{left:18px}
 .catalog-page .flow-list li:first-child:before{top:42px}
 .catalog-page .flow-list li:last-child:before{height:42px}
}

/* Compact office identity and access after the consultation area. */
.catalog-page .company-access{max-width:none;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center;padding:64px max(5vw,24px);background:#fff;color:#374151;border-bottom:1px solid #d9e0e7}
.catalog-page .company-access h2{font-size:32px;line-height:1.5;margin:0 0 24px}
.catalog-page .company-access h3{font-size:23px;line-height:1.6;margin:0 0 14px}
.catalog-page .company-access address{font-size:16px;font-style:normal;line-height:1.85}
.catalog-page .company-station{font-size:15px;line-height:1.85;margin:10px 0 20px}
.catalog-page .company-facts{margin:0 0 20px;font-size:16px;line-height:1.8}
.catalog-page .company-facts>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:5px 0}
.catalog-page .company-facts dt{font-weight:600}.catalog-page .company-facts dd{margin:0}
.catalog-page .company-facts a{color:#142c43;white-space:nowrap}
.catalog-page .company-official,.catalog-page .company-access-map>a{display:inline-block;color:#245ba8;text-decoration:underline;text-underline-offset:4px;font-size:15px;line-height:1.8}
.catalog-page .company-access-map{min-width:0}
.catalog-page .company-access-map iframe{display:block;width:100%;height:300px;border:0;background:#f2f5f8}
.catalog-page .company-access-map>a{margin-top:12px}
@media(min-width:1700px){.catalog-page .company-access{padding-inline:calc((100vw - 1450px)/2)}}
@media(max-width:900px){.catalog-page .company-access{grid-template-columns:1fr;gap:30px}}
@media(max-width:700px){.catalog-page .company-access{padding:44px 24px;gap:28px}.catalog-page .company-access h2{font-size:27px;margin-bottom:20px}.catalog-page .company-access h3{font-size:21px}.catalog-page .company-access-map iframe{height:240px}.catalog-page .company-facts>div{grid-template-columns:82px minmax(0,1fr);gap:12px}}

/* Bring office information and map together in a centered desktop group. */
@media(min-width:901px){
 .catalog-page .company-access{padding-inline:max(5vw,calc((100vw - 1160px)/2));grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:48px;align-items:start}
}

/* The original comparison image is now a fourth brown colour proposal. */
.catalog-page .color-buttons button[data-color=current]{background:#e5ded5}

/* Midpoint between the original and compact heading sizes. */
.catalog-page .colors h2{font-size:clamp(32px,3.4vw,52px)}
.catalog-page .case-study h2,.catalog-page .works h2,.catalog-page .flow h2,.catalog-page .contact h2{font-size:clamp(31px,3.25vw,50px)}
.catalog-page .owner-guide h2,.catalog-page .owner-faq h2{font-size:clamp(30px,3.15vw,48px)}
@media(max-width:700px){.catalog-page .colors h2{font-size:31px}.catalog-page .case-study h2,.catalog-page .works h2,.catalog-page .owner-guide h2,.catalog-page .flow h2,.catalog-page .owner-faq h2,.catalog-page .contact h2{font-size:29px}}

/* PC trial: a blue-gray reading veil that clears before the right facade. */
@media(min-width:701px){
 .catalog-page .hero-stage:after{background:linear-gradient(90deg,rgba(42,65,84,.56) 0%,rgba(42,65,84,.46) 23%,rgba(42,65,84,.18) 42%,transparent 58%);mask-image:linear-gradient(180deg,transparent 8%,#000 31%,#000 72%,transparent 94%);-webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 31%,#000 72%,transparent 94%)}
 .catalog-page .hero-stage h1,.catalog-page .hero-stage .eyebrow,.catalog-page .hero-stage .service{text-shadow:0 1px 2px rgba(14,31,48,.55),0 2px 5px rgba(14,31,48,.18)}
}

/* Match each image label to the selected facade palette. */
.catalog-page .comparison[data-scheme="current"] .image-name{background:#6b5748;color:#fff}
.catalog-page .comparison[data-scheme="beige"] .image-name{background:#e5dcc9;color:#293544}
.catalog-page .comparison[data-scheme="gray"] .image-name{background:#535d66;color:#fff}
.catalog-page .comparison[data-scheme="navy"] .image-name{background:#142c43;color:#fff}

/* Stronger desktop headline, keeping the approved two-line copy. */
@media(min-width:701px){
 .catalog-page .hero-stage h1{font-size:clamp(36px,3.75vw,66px);line-height:1.38;letter-spacing:.01em;font-weight:700;margin-top:26px}
 .catalog-page .hero-stage h1 em{display:inline-block;white-space:nowrap;margin:0}
}