/* Behind the Walls: an evidence-led story of one actual residence. */
.behind-walls{background:#e5e3d7;scroll-margin-top:86px;padding-top:85px;padding-bottom:70px}
.walls-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:7%;align-items:end;margin-bottom:45px}
.walls-intro h2{font-size:clamp(44px,4.9vw,72px)}
.walls-intro>p{max-width:330px;font-size:14px;line-height:1.9;color:#5c675b;padding-bottom:5px}
.wall-tabs{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:30px}
.walls-ready .wall-tabs{display:grid}
.wall-tabs button{display:flex;gap:18px;align-items:center;text-align:left;border-top:1px solid #aeb5a5;padding:22px 0 12px;font-size:13px;color:#53614f;min-height:66px}
.wall-tabs button>span{font-family:var(--serif);font-size:25px;color:#876340}
.wall-tabs button>b{font-weight:400;margin-left:auto;font-size:22px}
.wall-tabs button[aria-selected=true]{border-top:2px solid #25352f;padding-top:21px;color:#25352f}
.wall-tabs button[aria-selected=true]>b{transform:rotate(45deg)}
.wall-story{scroll-margin-top:110px}.wall-story[hidden]{display:none}
.wall-story+.wall-story{margin-top:65px}.walls-ready .wall-story{margin-top:0}
.wall-viewer{position:relative;background:#25352f;color:var(--paper)}
.wall-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#35443a}
.wall-photo{margin:0;min-width:0;background:#25352f}
.wall-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.wall-photo figcaption{font-size:12px;line-height:1.7;padding:24px 28px;color:#d7dcd1;min-height:100px}
.wall-photo figcaption>span{display:block;font-size:8px;line-height:1.7;letter-spacing:.14em;color:#dfc69e;margin-bottom:9px}
.wall-view-controls,.wall-compare{display:none}
.walls-ready .wall-view-controls{display:flex;gap:8px;padding:18px 24px;border-bottom:1px solid #ffffff20;flex-wrap:wrap}
.wall-view-controls button{font-size:11px;line-height:1.6;color:#e5e8df;min-height:42px;padding:10px 18px;border:1px solid #ffffff45}
.wall-view-controls button[aria-pressed=true]{background:#f3f1eb;color:#25352f;border-color:#f3f1eb}
.wall-view-controls button:hover{border-color:#dfc69e}
.walls-ready .wall-photo-pair{position:relative;display:block;isolation:isolate}
.walls-ready .wall-photo{transition:opacity .45s ease;position:relative}
.walls-ready .wall-photo img{aspect-ratio:16/10;max-height:680px;object-position:50% 50%}
.walls-ready .wall-photo-after{position:absolute;inset:0;opacity:0;pointer-events:none}
.walls-ready .wall-viewer[data-view=completed] .wall-photo-before{opacity:0;pointer-events:none}
.walls-ready .wall-viewer[data-view=completed] .wall-photo-after{opacity:1;pointer-events:auto}
.walls-ready .wall-photo figcaption{padding-right:250px;min-height:106px}
.walls-ready .wall-compare{position:absolute;display:flex;gap:20px;align-items:center;right:25px;bottom:30px;min-height:44px;border-bottom:1px solid #af9873;padding:10px 0;font-size:11px;color:var(--paper)}
.wall-compare>span{font-size:22px}
.walls-ready .is-comparing .wall-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding-bottom:76px}
.walls-ready .is-comparing .wall-photo{position:static;opacity:1;pointer-events:auto}
.walls-ready .is-comparing .wall-photo img{aspect-ratio:4/3;max-height:none}
.walls-ready .is-comparing .wall-photo figcaption{padding:24px 28px;min-height:108px}
.walls-ready .is-comparing .wall-compare{bottom:18px}
.wall-story-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding-top:45px}
.wall-story-copy h3{font-family:var(--serif);font-size:clamp(35px,3.6vw,52px);letter-spacing:-.035em;line-height:1.1;margin-bottom:26px;max-width:560px}
.wall-story-copy>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#5c675b;max-width:520px}
.wall-story-copy .eyebrow{font-size:9px;color:#786342;margin-bottom:22px}
.wall-notes>div{border-top:1px solid #b8bead;padding:23px 0}
.wall-notes h4{font-weight:500;font-size:12px;line-height:1.6;margin:0 0 12px}
.wall-notes p{font-size:13px;line-height:1.9;color:#5c675b}
.wall-story-footer{border-top:1px solid #b8bead;margin-top:35px;padding-top:25px;display:flex;align-items:start;justify-content:space-between;gap:35px}
.wall-story-footer>p{font-size:11px;line-height:1.8;color:#5c675b;max-width:420px}
.wall-story-footer .text-link{font-size:11px;gap:20px;max-width:380px}
@media(max-width:760px){
 .behind-walls{padding-top:60px;padding-bottom:55px;scroll-margin-top:91px}
 .walls-intro{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.walls-intro h2{font-size:clamp(40px,9vw,62px)}.walls-intro>p{max-width:none;font-size:13px}
 .wall-tabs{gap:14px}.wall-tabs button{gap:9px;flex-wrap:wrap;font-size:11px;align-content:start;padding-top:18px;min-height:90px;line-height:1.6}.wall-tabs button[aria-selected=true]{padding-top:17px}.wall-tabs button>span{width:100%;font-size:22px}.wall-tabs button>b{display:none}
 .walls-ready .wall-view-controls{padding:15px;gap:8px}.wall-view-controls button{font-size:10px;padding:10px 12px}
 .walls-ready .wall-photo img{aspect-ratio:4/3;max-height:none}
 .walls-ready .wall-photo figcaption{padding:20px 22px 80px;min-height:150px;font-size:11px}
 .walls-ready .wall-compare{left:22px;right:auto;bottom:19px;font-size:11px}
 .walls-ready .is-comparing .wall-photo-pair,.wall-photo-pair{grid-template-columns:1fr}
 .walls-ready .is-comparing .wall-photo figcaption{padding:20px 22px;min-height:100px}
 .walls-ready .is-comparing .wall-compare{bottom:16px}
 .wall-story-copy{grid-template-columns:1fr;gap:30px;padding-top:35px}.wall-story-copy h3{font-size:clamp(34px,8vw,48px)}.wall-story-copy>div>p:not(.eyebrow){font-size:13px}
 .wall-story-footer{flex-direction:column;gap:24px}.wall-story-footer>p{max-width:none}.wall-story-footer .text-link{max-width:100%;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.walls-ready .wall-photo{transition:none}}
/* Five chapters, with readable controls on both desktop and narrow screens. */
.wall-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.wall-tabs button{font-size:14px;gap:12px}.wall-tabs button>span{font-size:24px}.wall-story-copy>div>p:not(.eyebrow),.wall-notes p{font-size:16px;line-height:1.85}.wall-notes h4{font-size:15px}.wall-view-controls button,.walls-ready .wall-compare{font-size:14px}.wall-photo figcaption,.walls-ready .wall-photo figcaption{font-size:14px}.wall-photo figcaption>span{font-size:11px}.wall-story-copy .eyebrow{font-size:12px}.wall-detail-photo{margin:35px 0 0;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;border-top:1px solid #b8bead;padding-top:32px}.wall-detail-photo img{width:100%;max-height:410px;object-fit:contain;background:#d7d8c9}.wall-detail-photo figcaption{font:400 clamp(25px,2.5vw,36px)/1.4 var(--serif);max-width:440px}.wall-source{display:inline-block;font-size:14px;line-height:1.8;margin-top:24px;border-bottom:1px solid var(--bronze);padding-bottom:7px}.wall-source span{margin-left:12px}#story-kitchen .wall-photo-before img{object-fit:contain;background:#25352f;aspect-ratio:16/9}.walls-ready #story-kitchen .wall-photo-before img{aspect-ratio:16/10}
@media(max-width:1000px){.wall-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 22px}.wall-tabs button{min-height:66px}.wall-tabs button>span{width:auto}.wall-tabs button>b{display:none}}
@media(max-width:760px){.wall-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px}.wall-tabs button{font-size:14px;flex-wrap:nowrap;align-items:center;min-height:64px;padding-top:15px}.wall-tabs button[aria-selected=true]{padding-top:14px}.wall-view-controls button{font-size:13px}.wall-detail-photo{grid-template-columns:1fr;gap:20px;margin-top:24px}.wall-detail-photo figcaption{font-size:26px}.wall-photo figcaption,.walls-ready .wall-photo figcaption{font-size:14px}.wall-story-footer>p{font-size:13px}.walls-ready .wall-photo figcaption{min-height:180px}.wall-story-copy .eyebrow{font-size:12px}}
/* Comparison must reveal both photos regardless of the previously selected stage. */
.walls-ready .wall-viewer.is-comparing[data-view] .wall-photo{opacity:1;pointer-events:auto}
.walls-ready #story-kitchen .is-comparing .wall-photo-before img{aspect-ratio:4/3}