.compare{--split:50%;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:var(--gutter);color:var(--surface-ink)}.compare__tags{grid-column:1/-1;grid-row:1;display:flex;justify-content:space-between;margin:0 0 12px;font:500 .75rem/1.4 var(--ff-mono);letter-spacing:.14em;text-transform:uppercase}.compare__tag--plate{color:var(--surface-accent)}.compare__arrow{font-family:var(--ff-text);letter-spacing:0}.compare__photo,.compare__plate{grid-column:1/-1;grid-row:2/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;margin:0;min-width:0}.compare__media{position:relative;grid-column:1/-1;grid-row:1;aspect-ratio:var(--photo-ratio,3/2);overflow:hidden}.compare__media--photo{background:var(--ink-2)}.compare__media--photo img{object-fit:contain}.compare__plate{z-index:1;pointer-events:none}.compare__plate .compare__caption{pointer-events:auto}.compare__media--plate{background:var(--ink);clip-path:inset(0 0 0 var(--split))}.compare__crop{position:absolute;top:var(--crop-top,7.8125%);left:0;width:100%;height:var(--crop-height,84.375%);overflow:hidden}.compare__letterbox{position:absolute;top:0;right:12px;display:flex;align-items:center;height:var(--crop-top,7.8125%);color:var(--muted-on-ink);font:500 .6875rem/1 var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}@media (max-width:767.98px){.compare__letterbox{display:none}}.compare__crop:after,.compare__crop:before{content:"";position:absolute;z-index:1;left:0;right:0;height:1px;background:rgb(var(--rgb-text-on-ink)/.55)}.compare__crop:before{top:0}.compare__crop:after{bottom:0}.compare__caption{grid-row:2;display:grid;align-content:start;gap:8px;padding-top:16px;color:var(--surface-ink-soft);font:400 .8125rem/1.55 var(--ff-text)}.compare__caption--photo{grid-column:1}.compare__caption--plate{grid-column:2}.compare__caption strong{color:var(--surface-ink);font:400 clamp(1.375rem,1rem + 1vw,1.875rem)/1.1 var(--ff-display);font-variation-settings:normal;letter-spacing:-.01em}.compare__caption a:not(.plate-chip){color:inherit;text-decoration:underline;text-underline-offset:.2em}.compare__caption .plate-chip{justify-self:start;max-width:100%}.compare__meta{font:400 .75rem/1.55 var(--ff-mono);letter-spacing:.02em}.compare__control{position:relative;z-index:2;grid-column:1/-1;grid-row:2}.compare__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;-webkit-appearance:none}.compare__range::-webkit-slider-thumb{width:44px;height:100vh;appearance:none;-webkit-appearance:none}.compare__range::-moz-range-thumb{width:44px;height:100%;border:0}.compare__seam{position:absolute;top:0;bottom:0;left:var(--split);width:2px;margin-left:-1px;background:var(--paper);box-shadow:0 0 0 1px rgb(var(--rgb-ink-film)/.35);pointer-events:none}.compare__knob{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--paper);border-radius:50%;background:var(--ink);color:var(--paper);transform:translate(-50%,-50%)}.compare__range:focus-visible+.compare__seam .compare__knob{outline:2px solid var(--focus-ink);outline-offset:3px;box-shadow:0 0 0 3px var(--ink)}.compare__range:hover+.compare__seam .compare__knob{background:var(--crimson);border-color:var(--crimson)}@media (max-width:767.98px){.compare{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}.compare__caption--photo{grid-column:1;grid-row:2}.compare__caption--plate{grid-column:1;grid-row:3}.compare__knob{width:44px;height:44px}}@media (scripting:none){.compare__control{display:none}.compare__media--plate{clip-path:none}.compare__media--photo{grid-column:1}.compare__media--plate{grid-column:2}.compare__tags{display:none}}@media (scripting:none) and (max-width:767.98px){.compare{grid-template-rows:auto auto auto auto auto}.compare__photo,.compare__plate{grid-row:1/-1}.compare__media--photo{grid-column:1;grid-row:1}.compare__caption--photo{grid-row:2}.compare__media--plate{grid-column:1;grid-row:3}.compare__caption--plate{grid-row:4}}@media (forced-colors:active){.compare__seam{background:CanvasText}.compare__knob{border-color:CanvasText}}