[data-sig="dunn-comparison"]{padding-block:var(--space-7);background:#E7EDDE}[data-sig="dunn-comparison"] .compare-frame{aspect-ratio:1.8;position:relative;overflow:hidden;--reveal:55%}[data-sig="dunn-comparison"] .before-photo,[data-sig="dunn-comparison"] .after-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}[data-sig="dunn-comparison"] .after-clip{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}[data-sig="dunn-comparison"] .compare-label{position:absolute;bottom:20px;z-index:2;padding:5px 16px;background:var(--surface);font-size:12px}[data-sig="dunn-comparison"] .before-label{right:20px}[data-sig="dunn-comparison"] .after-label{left:20px}[data-sig="dunn-comparison"] .compare-line{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:var(--surface);pointer-events:none}[data-sig="dunn-comparison"] .compare-line>span{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;background:var(--surface);border-radius:50%;font-size:24px}[data-sig="dunn-comparison"] .compare-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px;gap:24px}[data-sig="dunn-comparison"] label{display:flex;align-items:center;gap:24px;flex:1}[data-sig="dunn-comparison"] input{width:min(500px,100%);min-height:44px;accent-color:var(--ink)}[data-sig="dunn-comparison"] output{white-space:nowrap;font-variant-numeric:tabular-nums}[data-sig="dunn-comparison"] .plant-list{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;margin-top:32px;align-items:start}[data-sig="dunn-comparison"] .plant-list p{margin:0;font-size:14px}
@media(max-width:700px){[data-sig="dunn-comparison"] .compare-frame{aspect-ratio:1.05}[data-sig="dunn-comparison"] .plant-list{grid-template-columns:1fr;gap:16px}[data-sig="dunn-comparison"] .compare-controls label{display:block}[data-sig="dunn-comparison"] .compare-controls input{display:block}[data-sig="dunn-comparison"] .compare-label{padding:5px 10px;bottom:12px}[data-sig="dunn-comparison"] .before-label{right:12px}[data-sig="dunn-comparison"] .after-label{left:12px}}