/* Whole-project refurbishment pages: scoped to preserve the rest of the site. */
.washroom-project-page{--wr-navy:#082e43;--wr-ink:#102f40;--wr-blue:#007da8;--wr-mist:#f0f7fa;--wr-aqua:#e3f2f2;--wr-sand:#f5f1e9;color:var(--wr-ink);overflow:clip}
.washroom-project-page .wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.washroom-project-page h1{font-size:clamp(2.2rem,4.1vw,3.65rem);line-height:1.09;letter-spacing:-.035em;margin:20px 0}
.washroom-project-page h2{font-size:clamp(1.8rem,2.8vw,2.65rem);line-height:1.15;letter-spacing:-.025em;margin:0 0 20px}
.washroom-project-page h3{font-size:1.23rem;line-height:1.3;margin:0 0 12px}
.washroom-project-page p,.washroom-project-page li{line-height:1.72}
.washroom-project-page p{margin:0 0 18px}
.washroom-project-page .eyebrow{font-size:.72rem;letter-spacing:.15em;color:#006d91;font-weight:800;line-height:1.6}
.washroom-project-page figure{margin:0;min-width:0}
.washroom-project-page img{display:block;width:100%;height:auto}
.washroom-project-page a:not(.button):not(.wr-route-card){color:#006a8c;text-decoration:none;transition:color .16s}
.washroom-project-page a:not(.button):hover{color:#002b3d}
.washroom-project-page a:focus-visible,.washroom-project-page summary:focus-visible,.wr-table:focus-visible{outline:3px solid #0087b5;outline-offset:5px}
.washroom-project-page .button{background:#00799f;color:#fff;border:1px solid transparent;padding:14px 20px;border-radius:6px;display:inline-flex;justify-content:center;text-align:center;font-weight:750;text-decoration:none;white-space:normal}
.washroom-project-page .button:hover{background:#061f2c;color:#fff}
.wr-hero{background:var(--wr-navy);color:#fff;padding:24px 0 60px}
.wr-hero h1,.wr-dark h2,.wr-dark h3{color:#fff}
.wr-hero .eyebrow,.wr-dark .eyebrow{color:#89d7e9}
.wr-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center;margin-top:30px}
.wr-hero-grid>figure{background:#e6e9e8;border-radius:12px;overflow:hidden;box-shadow:0 15px 45px #001b2b45}
.wr-hero-grid>figure img{object-fit:contain;max-height:470px}
.wr-lead{font-size:1.12rem;max-width:55ch;color:#e2edf1}
.wr-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin:28px 0}
.wr-hero-note{font-size:.83rem;border-top:1px solid #ffffff30;padding-top:18px;color:#bad6df}
.wr-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:#d1e3e9}
.washroom-project-page .wr-hero a:not(.button),.washroom-project-page .wr-dark a:not(.button){color:#a9e7f4!important}
.washroom-project-page .wr-hero a:not(.button):hover,.washroom-project-page .wr-dark a:not(.button):hover{color:#fff!important}
.wr-jump{background:#fff;border-bottom:1px solid #d4e2e7;padding:18px 0}
.wr-jump>.wrap{display:flex;flex-wrap:wrap;gap:12px 30px}
.wr-jump a{font-weight:700;font-size:.9rem}
.wr-band{padding:68px 0;scroll-margin-top:130px}
.wr-mist{background:var(--wr-mist)}.wr-aqua{background:var(--wr-aqua)}.wr-sand{background:var(--wr-sand)}.wr-dark{background:var(--wr-navy);color:#deedf2}
.wr-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:36px;margin-bottom:28px}
.wr-heading h2{margin-bottom:0}.wr-heading>p{margin:0;max-width:62ch}
.wr-two{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.wr-two>*,.wr-heading>*{min-width:0}
.wr-two figure img{max-height:420px;object-fit:contain;border-radius:10px}
.wr-two figure{border-radius:10px;overflow:hidden}
.wr-editorial ul,.wr-checks ul{padding-left:20px}.wr-editorial li,.wr-checks li{margin-bottom:8px}
.wr-reverse>figure{order:2}
.wr-route-grid,.wr-brand-grid,.wr-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wr-route-card{color:var(--wr-ink);text-decoration:none;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #d3e3e9;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.wr-route-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #092a3a15}
.wr-route-card>div{padding:24px;display:flex;flex:1;flex-direction:column}
.wr-route-card p:not(.eyebrow){font-size:.94rem}.wr-route-card .wr-link-label{margin-top:auto;color:#006d91;font-weight:750;font-size:.92rem}
.wr-route-card figure,.wr-brand-grid figure,.wr-support-grid figure{background:#edf1f1}
.wr-route-card img,.wr-brand-grid img,.wr-support-grid img{aspect-ratio:1.6;object-fit:contain}
.wr-process{padding:0;margin:38px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.wr-process li{border-top:1px solid #ffffff40;padding-top:20px;display:flex;gap:16px}
.wr-process li>span{color:#8ad9eb;font-size:1.6rem;font-weight:700;line-height:1.3}
.wr-process h3{font-size:1.12rem}.wr-process p{font-size:.94rem;margin:0}
.wr-brand-grid article,.wr-support-grid article{background:#fff;border:1px solid #d2e2e6;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.wr-brand-grid article>div,.wr-support-grid article>div{padding:24px;display:flex;flex-direction:column;flex:1}
.wr-brand-grid p,.wr-support-grid p{font-size:.95rem}.wr-brand-grid a,.wr-support-grid a{margin-top:auto;font-weight:700}
.wr-sanitaryware{border-left:4px solid #009ec5;background:var(--wr-mist);padding:28px 32px;margin-top:26px;display:flex;gap:36px;align-items:center}
.wr-sanitaryware>div{flex:1}.wr-sanitaryware .button{max-width:260px}.wr-sanitaryware p:last-child{margin:0}
.wr-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.wr-gallery img{aspect-ratio:1.65;object-fit:contain;background:#e7ecec;border-radius:10px}
.wr-gallery figcaption{padding-top:18px}.wr-gallery h3{margin-bottom:6px}.wr-gallery p{margin:0}
.wr-footnote{font-size:.85rem;margin-top:24px!important}
.wr-faq{max-width:950px;margin-inline:auto;border-top:1px solid #c8dce4}
.wr-faq details{border-bottom:1px solid #c8dce4;padding:20px 0}
.wr-faq summary{font-size:1.06rem;font-weight:750;cursor:pointer;line-height:1.5;padding-right:12px}
.wr-faq details p{margin:14px 0 0;max-width:82ch}
.wr-table{overflow-x:auto;border:1px solid #cadde4;border-radius:9px;background:#fff}
.wr-table table{border-collapse:collapse;width:100%;min-width:600px}
.wr-table th,.wr-table td{text-align:left;vertical-align:top;padding:20px;border-bottom:1px solid #d7e4e9;line-height:1.65}
.wr-table thead{background:var(--wr-navy);color:#fff}.wr-table tbody th{font-weight:700;width:27%}
.wr-table caption{text-align:left;padding:18px;font-size:.9rem;font-weight:600}
.wr-cta-actions{display:flex;align-items:flex-start;flex-direction:column;gap:15px;overflow-wrap:anywhere}
.wr-cta-actions p{margin:4px 0 0}.wr-cta-actions .button{margin-bottom:8px}
.washroom-project-page .wr-dark .button{background:#007ca4}.washroom-project-page .wr-dark .button:hover{background:#021a28}
@media(max-width:950px){.wr-hero-grid{gap:28px}.wr-two{gap:30px}.wr-route-grid,.wr-brand-grid,.wr-support-grid{gap:16px}.wr-route-card>div,.wr-brand-grid article>div,.wr-support-grid article>div{padding:18px}.wr-process{grid-template-columns:repeat(2,minmax(0,1fr))}.wr-hero h1{font-size:2.6rem}}
@media(max-width:740px){.washroom-project-page .wrap{width:calc(100% - 40px)}.wr-hero{padding-bottom:36px}.wr-hero-grid,.wr-heading,.wr-two{grid-template-columns:1fr;gap:26px}.wr-hero h1{font-size:clamp(2rem,7vw,2.8rem)}.wr-hero-grid>figure img{max-height:300px}.wr-band{padding:46px 0;scroll-margin-top:120px}.wr-route-grid,.wr-brand-grid,.wr-support-grid{grid-template-columns:1fr}.wr-route-card img,.wr-brand-grid img,.wr-support-grid img{max-height:270px;aspect-ratio:auto}.wr-route-card>div,.wr-brand-grid article>div,.wr-support-grid article>div{padding:24px}.wr-gallery{gap:24px;grid-template-columns:1fr}.wr-gallery img{max-height:300px;aspect-ratio:auto}.wr-reverse>figure{order:0}.wr-two figure img{max-height:300px}.wr-process{grid-template-columns:1fr;gap:26px}.wr-sanitaryware{display:block;padding:24px}.wr-sanitaryware .button{margin-top:22px}.wr-jump>.wrap{gap:12px 22px}.wr-heading h2{margin-bottom:0}.wr-heading>p{margin:0}}
@media(prefers-reduced-motion:reduce){.wr-route-card,.washroom-project-page a{transition:none}.wr-route-card:hover{transform:none}}
@media(max-width:740px){.wr-hero-grid>figure{order:-1}.wr-lead{font-size:1rem}.wr-hero-grid{margin-top:22px}.wr-hero .eyebrow{font-size:.66rem}.wr-actions{margin-block:22px}}
