.masterpatio-showcase[hidden]{display:none}
.masterpatio-showcase{padding:0 0 110px;background:var(--cream)}
.masterpatio-heading{display:grid;grid-template-columns:1fr minmax(280px,.7fr);align-items:end;gap:6vw;margin-bottom:35px}
.masterpatio-heading .sectionheader{margin-bottom:0}
.masterpatio-intro{max-width:450px;padding-bottom:8px;font-size:15px;line-height:1.75;color:#43544d}
.masterpatio-intro a{text-decoration:underline;text-underline-offset:4px;font-size:12px}
.masterpatio-comparison{height:auto;min-height:0;aspect-ratio:1672/941;background:#d3d1c8}
.masterpatio-comparison img{object-fit:contain}
.masterpatio-comparison .knob{width:54px;height:54px}
.masterpatio-comparison .lab{font-size:10px}
.masterpatio-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px}
.masterpatio-controls .views{margin-top:0;flex-wrap:wrap}
.masterpatio-controls p{margin:0;font-size:12px;color:#52665b;line-height:1.6}
.masterpatio-caption{max-width:820px;margin-top:22px}
@media(max-width:900px){.masterpatio-heading{grid-template-columns:1fr;gap:12px}.masterpatio-intro{max-width:650px;padding-bottom:0}.masterpatio-showcase{padding-bottom:80px}}
@media(max-width:620px){.masterpatio-heading{margin-bottom:24px}.masterpatio-intro{font-size:14px}.masterpatio-comparison .knob{width:42px;height:42px;font-size:18px}.masterpatio-comparison .lab{top:12px;padding:7px 9px;font-size:9px;letter-spacing:.09em}.masterpatio-comparison .lab.left{left:12px}.masterpatio-comparison .lab.right{right:12px}.masterpatio-controls{gap:13px}.masterpatio-controls .views{gap:6px}.masterpatio-controls .views button{padding:9px 13px;font-size:11px}}