/* Native horizontal scrolling preserves touch scrolling and works without JS. */
.home-comparison{min-width:0}
.home-comparison-track{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.home-comparison-track:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.home-comparison-slide{display:block;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.home-work-grid .portrait .home-comparison-slide img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#d9d2c7}
.home-comparison-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding-top:10px;min-height:54px;color:var(--muted);font-size:.75rem;line-height:1.5}
.home-comparison-label{color:var(--ink);white-space:nowrap}
.home-comparison-hint{margin-left:auto}
.home-comparison-buttons{display:flex;gap:0}
.home-comparison-buttons[hidden]{display:none}
.home-comparison-buttons button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ink);font-size:1.2rem;cursor:pointer}
.home-comparison-buttons button:disabled{color:var(--muted);opacity:.4;cursor:default}
@media(min-width:761px){.home-work-grid .portrait .home-comparison-slide img{aspect-ratio:4/5;object-fit:cover;object-position:center bottom}}
@media(max-width:380px){.home-comparison-controls{column-gap:8px}.home-comparison-hint{font-size:.6875rem}}