.compare__head{align-items:end;gap:1.5rem 4rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:grid}.compare__title{gap:1.25rem;display:grid}.compare__stage{aspect-ratio:21/9;-webkit-user-select:none;user-select:none;touch-action:pan-y;--pos:50%;display:block;position:relative;overflow:hidden}.compare__layer{position:absolute;inset:0}.compare__layer--before{filter:saturate(.75)}.compare__layer--after{clip-path:inset(0 0 0 var(--pos))}.compare__tag{z-index:2;letter-spacing:.12em;text-transform:uppercase;background:rgb(var(--c-bone-rgb) / .9);color:var(--c-bone-text);padding:.35rem .6rem;font-size:.6875rem;position:absolute;top:1rem;left:1rem}.compare__tag--after{background:var(--c-mark);color:var(--c-bone);left:auto;right:1rem}.compare__handle{top:0;bottom:0;left:var(--pos);z-index:3;background:var(--c-bone);width:1px;box-shadow:0 0 0 1px rgb(var(--c-ink-rgb) / .15);pointer-events:none;position:absolute}.compare__grip{background:var(--c-bone);width:3.5rem;height:3.5rem;color:var(--c-bone-text);border-radius:50%;justify-content:center;align-items:center;gap:.1rem;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 10px 30px #0000002e}.compare__grip .icon{width:.9rem;height:.9rem}.compare__range{z-index:4;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare__stage:has(.compare__range:focus-visible) .compare__grip{outline:2px solid var(--fg);outline-offset:3px}.compare__deltas{border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:clamp(2rem,4vw,3rem) 0 0;display:grid}.compare__delta{border-bottom:1px solid var(--hairline);padding:1.5rem 1.5rem 1.5rem 0}.compare__delta dt{letter-spacing:.12em;text-transform:uppercase;opacity:.72;margin-bottom:.75rem;font-size:.6875rem}.compare__delta dd{align-items:baseline;gap:.75rem;margin:0;display:flex}.compare__from{opacity:.6;text-decoration:line-through}.compare__arrow{background:var(--accent);align-self:center;width:1.5rem;height:1px}.compare__to{font-size:calc(clamp(1.75rem, 3vw, 2.75rem) * var(--display-scale));color:var(--accent)}@media (min-width:990px){.compare__head{grid-template-columns:1.3fr 1fr}.compare__delta+.compare__delta{border-left:1px solid var(--hairline);padding-left:1.5rem}}@media (max-width:749px){.compare__stage{aspect-ratio:4/5}}.compare__stage--portrait{aspect-ratio:4/5;border-radius:var(--radius-card);max-width:40rem;margin-inline:auto}.compare__from{opacity:.72}