[data-sig="ridge-smiles"]{padding:var(--space) 0;[data-list=cases]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.comparison{position:relative;height:310px;overflow:hidden;border-radius:var(--radius)}.comparison>img,.after-mask{position:absolute;inset:0;width:100%;height:100%}.after-mask{width:50%;overflow:hidden}.after-mask img{height:100%;width:var(--case-width,400px);max-width:none;border-radius:0}.comparison img{object-fit:cover;object-position:50% 42%;border-radius:0}.before-label,.after-label{position:absolute;top:12px;background:var(--surface);padding:4px 10px;font-size:11px;border-radius:4px}.before-label{right:12px}.after-label{left:12px}.divider{position:absolute;left:50%;top:0;bottom:0;border-left:2px solid var(--surface);pointer-events:none}.divider span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);background:var(--surface);border-radius:100%;width:40px;height:40px;display:grid;place-items:center}.range-label{display:block;font-size:11px;margin-top:14px}.range-label input{display:block;width:100%;height:44px;accent-color:var(--ink);cursor:ew-resize}.case-caption h3{margin-top:16px}.case-caption p{margin-top:8px;font-size:12px}.small{margin-top:32px}@media(max-width:900px){[data-list=cases]{grid-template-columns:1fr}.comparison{height:360px}.case{max-width:680px;width:100%;margin:auto}}}

[data-sig="ridge-smiles"][data-featured] {
  [data-list="cases"] {grid-template-columns:minmax(0,1fr);}
  .case {max-width:960px;width:100%;margin-inline:auto;}
  .comparison {height:auto;aspect-ratio:3/2;}
  .case-caption h3 {font-size:24px;}
  .case-caption p {font-size:14px;}
  .small {max-width:80ch;}
  .text-link {margin-top:16px;}
}
[data-sig="ridge-smiles"] .comparison {touch-action:pan-y;cursor:ew-resize;user-select:none;}