/* The same direct before/after interaction, now for a complete outdoor space. */
.yard-section{padding-block:64px;background:var(--paper);border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-height) + 20px)}
.yard-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:7vw;margin-bottom:28px}
.yard-heading h2{font-size:clamp(32px,3.3vw,50px);line-height:1.45;margin:0}
.yard-heading>p{font-size:1rem;line-height:1.9;color:var(--muted);max-width:48ch;margin:0 0 5px}
.yard-comparison{max-width:none;width:100%;margin-inline:0;padding:0;border:0;background:transparent}
.yard-comparison .renovation-toolbar{margin-bottom:20px}
.yard-atlas{position:absolute;inset:0;overflow:hidden}
.yard-atlas img{position:absolute;top:0;left:0;width:100%;height:200%;max-width:none;object-fit:fill;pointer-events:none;user-select:none}
.yard-atlas--after img{top:-100%}
.yard-comparison .renovation-canvas{background:var(--surface);mix-blend-mode:normal}
.yard-comparison .renovation-badge{background:var(--paper);color:var(--ink)}
.yard-comparison .renovation-divider>span{background:var(--paper)}
.yard-comparison .renovation-badge--after{color:var(--accent)}
.yard-comparison .comparison-status:not([hidden]){position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;margin:0;padding:28px;background:var(--surface);color:var(--ink);text-align:center;font-size:1rem;line-height:1.8}
.yard-comparison .renovation-canvas:focus-within .renovation-divider>span{box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--accent)}
.yard-services{display:flex;flex-wrap:wrap;gap:10px 32px;margin:26px 0 0;padding:20px 0 0;list-style:none;border-top:1px solid var(--line);font-size:1rem;line-height:1.8;color:var(--ink)}
.yard-services li{margin:0}
@media(max-width:760px){
 .yard-section{padding-block:40px}
 .yard-heading{grid-template-columns:1fr;gap:18px;margin-bottom:22px}
 .yard-heading h2{font-size:clamp(29px,7vw,38px)}
 .yard-heading>p{max-width:100%}
 .yard-comparison .renovation-toolbar{margin-bottom:16px}
 .yard-comparison .renovation-badge{font-size:.8125rem}
 .yard-services{gap:10px 24px;margin-top:20px;padding-top:18px;font-size:.875rem}
}