/* A compact comparison directly after the project photo strip. */
.home-page .home-design{padding-block:32px 64px;scroll-margin-top:110px}
.home-design-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);grid-template-areas:"copy visual" "link visual";align-items:center;gap:24px 56px;padding:36px;background:#eee7dc;border-radius:26px}
.home-design-copy{grid-area:copy;align-self:end;padding-left:12px}
.home-design-copy h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.1;margin:16px 0}
.home-design-copy p{color:#716356;font-size:1rem;line-height:1.6;max-width:29ch;margin:0}
.home-design-link{grid-area:link;align-self:start;justify-self:start;display:inline-flex;gap:24px;align-items:center;min-height:44px;margin-left:12px;font-size:.9375rem}
.home-page .home-design .project-comparison{grid-area:visual;display:flex;flex-direction:column;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-design .comparison-panels{grid-template-columns:1fr;gap:0}
.home-design .comparison-image{width:100%;aspect-ratio:4/3;max-height:440px;background:#e4ded4;border-radius:18px}
.home-design .comparison-controls{order:2;align-self:center;width:min(100%,350px);padding:6px;margin-top:14px;gap:4px;background:#fffaf3;border-radius:999px}
.home-design .comparison-controls button{min-height:44px;border:0;font-size:.875rem;background:transparent}
.home-design .comparison-controls button[aria-pressed=true]{background:#5b3a24;color:white}
@media(max-width:900px) and (min-width:701px){.home-design-layout{padding:26px;gap:22px}.home-design-copy,.home-design-link{padding-left:0;margin-left:0}}
@media(max-width:700px){
 .home-page main>.home-design{padding-block:8px 32px;scroll-margin-top:92px}
 .home-design-layout{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "link";padding:22px 16px 14px;gap:18px;border-radius:20px}
 .home-design-copy{padding-left:0}
 .home-design-copy h2{font-size:clamp(1.75rem,7.5vw,2.2rem);line-height:1.15;margin:8px 0}
 .home-design-copy h2 br{display:none}
 .home-design-copy p{font-size:.875rem;line-height:1.5;max-width:none}
 .home-design .comparison-image{max-height:290px;border-radius:12px}
 .home-design .comparison-controls{width:100%;margin-top:10px;padding:4px}
 .home-design .comparison-controls button{font-size:.8125rem}
 .home-page .home-design-link{margin-left:0;font-size:.8125rem;gap:18px;min-height:44px}
}