.comparison{display:block;position:relative;width:100%;aspect-ratio:4/3;padding:0;border:0;overflow:hidden;background:#dce2e3;cursor:pointer;text-align:left;color:#fff;font:inherit}
.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}
.comparison .photo-after{opacity:0}
.comparison[data-after="true"] .photo-after{opacity:1}
.comparison .photo-label{position:absolute;top:14px;left:14px;padding:4px 12px;background:#172832;font-size:14px;font-weight:700;line-height:1.6}
.comparison .compare-hint{display:none}
.comparison:focus-visible{outline:3px solid #ed6b35;outline-offset:3px;z-index:1}
.card .case-link{color:inherit;text-decoration:none}
.card .case-link:hover h2{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.comparison img{transition:none}}