.chorlton-bathroom-feature .editorial-heading h1{max-width:960px;text-wrap:balance}
.chorlton-bathroom-feature .editorial-heading>.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}
.chorlton-bathroom-feature .editorial-pair{gap:2mm}
.chorlton-bathroom-feature .bathroom-opening{margin:0 auto;max-width:900px}
.chorlton-bathroom-feature .editorial-chapter>p{max-width:980px}
.chorlton-bathroom-feature .editorial-photo img{height:auto;object-fit:contain}
.bathroom-plan{margin:32px auto 0;max-width:1000px}
.bathroom-plan img{display:block;width:100%;height:auto}
.bathroom-plan figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.bathroom-finishes{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:8%}
.bathroom-finishes .editorial-photo{max-width:360px;justify-self:end}
@media(min-width:681px){.chorlton-bathroom-feature .bathroom-photo-pair{display:flex;align-items:flex-start}.bathroom-photo-pair>.editorial-photo:first-child{flex:var(--left-ratio) 1 0%}.bathroom-photo-pair>.editorial-photo:last-child{flex:var(--right-ratio) 1 0%}}
@media(max-width:680px){.chorlton-bathroom-feature .bathroom-photo-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:2mm}.bathroom-finishes{grid-template-columns:1fr;gap:24px}.bathroom-finishes .editorial-photo{max-width:260px;justify-self:center}}
.overview-lead-square .overview-cover img,.project-preview-square .project-preview-link img{aspect-ratio:1;object-fit:contain}
.bathroom-plan{container-type:inline-size}
.bathroom-plan-map{position:relative}
.bathroom-plan figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px}
.bathroom-plan figcaption a{text-decoration:underline;text-underline-offset:3px}
.bathroom-plan-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,calc(-50% + var(--pin-offset,0px)));display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
.bathroom-plan-pin>span{display:grid;place-items:center;width:36px;height:36px;border:2px solid #fff;border-radius:50%;background:#394534;box-shadow:0 2px 7px #0004;font:600 15px/1 Arial,sans-serif}
.bathroom-plan-pin:hover>span{background:#202c1b}
.bathroom-plan-pin:focus-visible{outline:3px solid #202c1b;outline-offset:1px;border-radius:50%;z-index:2}
@container(max-width:500px){.bathroom-plan-pin>span{width:30px;height:30px;font-size:13px}.bathroom-plan-pin-2{--pin-offset:-7px}.bathroom-plan-pin-3{--pin-offset:7px}}
.bathroom-comparison-dialog{width:fit-content;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);padding:0;border:0;margin:auto;background:transparent;color:#faf9f6;box-shadow:none;overflow:visible}
.bathroom-comparison-dialog::backdrop{background:#161b16e8;backdrop-filter:blur(4px)}
.bathroom-viewer-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 8px;min-height:52px}
.bathroom-viewer-header p{font-size:14px;line-height:1.3}
.bathroom-comparison-dialog button{display:flex;align-items:center;justify-content:center;gap:12px;min-width:44px;min-height:44px;padding:8px 12px;background:transparent;color:inherit;border:1px solid #faf9f680;font-size:14px;line-height:1.2}
.bathroom-comparison-dialog button:hover{background:#faf9f61a}
.bathroom-comparison-dialog button:focus-visible{outline:2px solid #faf9f6;outline-offset:3px}
.bathroom-viewer-close>span{font-size:24px;line-height:1}
.bathroom-comparison-pair{display:flex;align-items:flex-start;gap:2mm;width:min(1120px,calc(100vw - 24px),calc((100svh - 144px)*var(--pair-ratio)))}
.bathroom-comparison-pair>figure{position:relative;flex:var(--photo-ratio) 1 0%;min-width:0;margin:0}
.bathroom-comparison-pair img{display:block;width:100%;height:auto;max-width:100%}
.bathroom-comparison-pair figcaption{position:absolute;bottom:10px;left:10px;padding:5px 8px;background:#faf9f6ed;color:#343c32;font-size:11px;line-height:1.3;text-transform:uppercase;letter-spacing:.06em}
.bathroom-viewer-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:8px;min-height:52px}
.bathroom-viewer-count{font-size:13px}
.bathroom-photo-fallback{position:absolute;inset:35% 5%;padding:12px;background:#faf9f6;color:#343c32;text-align:center;text-decoration:underline}
@media(max-width:500px){.bathroom-viewer-header{gap:8px}.bathroom-viewer-header p{font-size:12px}.bathroom-viewer-close{font-size:12px!important;gap:6px!important}.bathroom-comparison-pair figcaption{bottom:5px;left:5px;font-size:9px;padding:4px 5px}}
.overview-lightbox.has-side-by-side-pair{max-width:calc(100vw - 24px)}
.has-side-by-side-pair .overview-collage{display:flex;gap:2mm;width:min(1120px,calc(100vw - 24px),calc((100svh - 144px)*var(--collage-ratio)))}
.has-side-by-side-pair .overview-collage-stage{position:relative}
.has-side-by-side-pair .overview-collage-stage figcaption{position:absolute;inset:auto auto 10px 10px;width:auto;height:auto;margin:0;padding:5px 8px;overflow:visible;clip:auto;clip-path:none;white-space:normal;background:#faf9f6ed;color:#343c32;font-size:11px;line-height:1.3;text-transform:uppercase;letter-spacing:.06em;z-index:1}
@media(max-width:500px){.has-side-by-side-pair .overview-collage-stage figcaption{bottom:5px;left:5px;font-size:9px;padding:4px 5px}}

.eleron-feature .editorial-chapter>.editorial-photo{max-width:480px;margin:28px auto 0}.eleron-feature .editorial-chapter:last-of-type>.editorial-photo{max-width:360px}.eleron-feature .bathroom-plan>p{font-size:13px;color:var(--muted);margin-top:10px}