.transformations-page{overflow-x:clip;--before-brightness:1.08}.project-width{width:84%;max-width:1540px;margin-inline:auto}.transformations-page main h2{font-size:clamp(32px,3vw,54px);line-height:1.2;margin:0 0 25px}.transformations-page main h3{font-size:28px;line-height:1.3;margin:0}.transformations-page main p{font-size:20px;line-height:1.7;margin:0 0 22px}.transformations-page main .project-kicker{font:600 13px/1.5 Arial,sans-serif;letter-spacing:2px;color:#657b6d;margin-bottom:24px}.transform-hero{background:linear-gradient(180deg,#101e23b8,transparent 230px),linear-gradient(90deg,#edf3edfa,#edf3edd9 32%,#edf3ed00 80%),var(--project-image) center/cover no-repeat;padding:calc(var(--site-header-height,190px) + 90px) 0 100px;min-height:730px}.transform-hero h1{font-size:clamp(44px,4.4vw,78px);line-height:1.1;color:#263e31;margin:0 0 30px;letter-spacing:-1px}.transform-hero p{max-width:570px;color:#344f3d}.transform-hero .baes-button{margin-top:14px}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:90px}.project-intro>div:last-child{padding-top:40px}.project-feature{padding-bottom:90px}.pair-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}.pair-heading h2{margin:0!important}.pair-heading p,.pair-heading span{font-size:15px!important;color:#6c7e71;margin:0!important}.pair-heading span{font:12px Arial,sans-serif;letter-spacing:1.5px;white-space:nowrap}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-photo{display:block;position:relative;background:#e4e9e3;overflow:hidden;border:0;padding:0;width:100%;cursor:zoom-in}.project-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:filter .2s}.before-photo img{filter:brightness(var(--before-brightness))}.project-photo>span{position:absolute;left:18px;top:18px;color:white;background:#203c30e6;padding:7px 15px;font:13px Arial,sans-serif;letter-spacing:.5px}.before-photo>span{background:#414842e6}.project-photo:hover{outline:2px solid #809888;outline-offset:3px}.project-gallery{background:#f0f4ef;padding:85px 0}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;margin:35px 0 20px}.project-filters{display:flex;gap:9px;flex-wrap:wrap}.project-filters button{font:16px Georgia,serif;padding:11px 18px;border:1px solid #becdc1;background:transparent;color:#304c39;cursor:pointer}.project-filters button[aria-pressed=true]{background:#304b3b;border-color:#304b3b;color:white}.brightness-control{font-size:14px;color:#627566;display:flex;align-items:center;gap:14px}.brightness-control input{accent-color:#486952;width:100px}.project-count{font-size:15px!important;color:#657b6d;margin-bottom:40px!important}.project-comparison{padding-bottom:42px;margin-bottom:42px;border-bottom:1px solid #ccd7cd}.project-originals{margin-top:60px;border-top:1px solid #bccdbf;padding-top:28px}.project-originals>summary{font-size:30px;cursor:pointer;color:#304d38}.project-originals>summary>span{display:inline-block;font:14px Arial,sans-serif;color:#758a79;margin-left:20px}.project-originals>p{margin-top:28px!important}.originals-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:35px}.originals-grid figure{margin:0;min-width:0}.originals-grid figcaption{font-size:14px;overflow-wrap:anywhere;color:#607163;padding-top:9px}.originals-grid .project-photo img{aspect-ratio:4/3}.originals-grid .project-photo>span{font-size:11px;padding:5px 9px;top:10px;left:10px}.project-cta{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;padding-block:90px}.project-cta .baes-button{justify-self:end}.project-lightbox{width:min(1500px,96vw);max-width:96vw;max-height:96vh;background:#17241c;border:0;padding:50px 28px 20px;color:white}.project-lightbox::backdrop{background:#07100be8}.project-lightbox figure{margin:0;text-align:center}.project-lightbox figure img{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;margin:auto;object-fit:contain}.project-lightbox figcaption{font-size:17px;padding:14px 0 4px}.lightbox-close{position:absolute;right:16px;top:7px;border:0;background:none;color:white;font-size:34px;cursor:pointer}.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:10px}.lightbox-controls button{background:none;color:white;border:1px solid #8d9d90;padding:7px 20px;font-size:22px;cursor:pointer}.lightbox-controls a{color:white;font-size:14px}.lightbox-open{overflow:hidden}[hidden]{display:none!important}
@media(max-width:1050px){.project-width{width:88%}.originals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-intro{gap:6%}.project-cta{gap:30px}.transform-hero{background-position:center,center,65% center}}
@media(max-width:700px){.project-width{width:calc(100% - 40px)}.transform-hero{min-height:680px;padding-top:calc(var(--site-header-height,190px) + 65px);padding-bottom:65px;background:linear-gradient(180deg,#142d28b8,transparent 190px),linear-gradient(90deg,#edf3edf2,#edf3edba),var(--project-image) center/cover no-repeat}.transform-hero h1{font-size:43px}.transformations-page main p{font-size:18px}.project-intro,.project-cta{grid-template-columns:1fr;gap:20px;padding-block:50px}.project-intro>div:last-child{padding-top:0}.project-feature{padding-bottom:50px}.project-pair{grid-template-columns:1fr;gap:14px}.pair-heading{align-items:flex-start;flex-direction:column;gap:8px}.project-gallery{padding:50px 0}.project-filters button{font-size:14px;padding:9px 12px}.project-comparison{margin-bottom:28px;padding-bottom:28px}.originals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-originals>summary{font-size:25px}.project-originals>summary>span{margin:10px 0 0}.project-cta .baes-button{justify-self:start}.project-lightbox{padding:45px 12px 18px}.lightbox-controls{gap:20px}.project-lightbox figure img{max-height:67vh}.project-photo>span{left:12px;top:12px}}
@media(prefers-reduced-motion:reduce){.project-photo img{transition:none}}
.project-switcher{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-block:30px;border-bottom:1px solid #d1dbd2}.project-switcher>span{font:12px Arial,sans-serif;letter-spacing:1.5px;color:#6e8273;margin-right:18px}.project-switcher>a{font-size:18px;text-decoration:none;color:#304b3b;border:1px solid #bbcdbf;padding:11px 25px}.project-switcher>a[aria-current=page]{background:#304b3b;color:white;border-color:#304b3b}.project-switcher>a:hover{border-color:#a90000}.otter-comparisons{max-width:1250px;margin:40px auto 60px}.otter-comparisons article{margin-bottom:55px}.otter-comparisons .collage-photo{aspect-ratio:1536/621;overflow:hidden}.otter-comparisons .collage-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;transform:translateY(-18.35%);object-fit:contain}.otter-project .project-originals{padding-bottom:25px}
@media(max-width:700px){.project-switcher{gap:10px;padding-block:22px}.project-switcher>span{width:100%}.project-switcher>a{font-size:16px;padding:10px 20px}.otter-comparisons article{margin-bottom:32px}}

/* Match the BAES consultation-button red for completed views. */
.project-photo>.after-label{background:var(--red,#a90000);color:#fff}

/* Prepared comparisons now participate in the shared room categories. */
.collage-comparison .collage-photo{aspect-ratio:1536/621;overflow:hidden}
.collage-comparison .collage-photo img{width:100%;height:auto;aspect-ratio:auto;transform:translateY(-18.35%);object-fit:contain}

/* One label treatment across separate photos and prepared comparison boards. */
.project-photo>span{top:14px;left:14px;min-width:84px;height:36px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;background:#414842;color:#fff;font:14px/1 Arial,sans-serif;letter-spacing:.4px;text-transform:none;border-radius:0}
.project-photo>.after-label,.project-photo>.collage-after-label{background:var(--red,#a90000)}
.project-photo>.collage-after-label{left:calc(50% + 14px)}
/* Existing artwork has labels embedded in its top edge; crop that edge and overlay shared labels. */
.collage-comparison .collage-photo{aspect-ratio:1536/550}
.collage-comparison .collage-photo img{transform:translateY(-25.3%)}
@media(max-width:700px){.project-photo>span{top:10px;left:10px;min-width:68px;height:30px;padding:0 10px;font-size:12px}.project-photo>.collage-after-label{left:calc(50% + 10px)}}
/* Compact comparison labels in the same serif typeface as the page. */
.project-photo>span{font-family:Georgia,serif;font-size:12px;min-width:64px;height:28px;padding:0 11px;letter-spacing:0}
@media(max-width:700px){.project-photo>span{font-family:Georgia,serif;font-size:11px;min-width:58px;height:26px;padding:0 9px}}
/* Match the close side-by-side spacing of the supplied comparison boards. */
.project-pair{gap:3px}
@media(max-width:700px){.project-pair{grid-template-columns:1fr 1fr;gap:3px}.project-pair .project-photo>span{top:7px;left:7px;font-size:11px;min-width:54px;height:25px;padding:0 8px}}