.cmp{margin:0}.cmp-stage{--split:50;border-radius:var(--radius-0);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y;display:block;position:relative;overflow:hidden}.cmp-shot{width:100%;height:auto;display:block}.cmp-shot--after{width:100%;height:100%;clip-path:inset(0 0 0 calc(var(--split) * 1%));transition:clip-path var(--t-quick) var(--e-out);position:absolute;inset:0}.cmp-seam{background:var(--accent);clip-path:inset(0 calc(100% - var(--split) * 1% - 1px) 0 calc(var(--split) * 1% - 1px));transition:clip-path var(--t-quick) var(--e-out);position:absolute;inset:0}.cmp[data-drag="1"] .cmp-shot--after,.cmp[data-drag="1"] .cmp-seam{transition:none}.cmp-tag{z-index:1;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;padding:.25rem .5rem;font-size:.6875rem;line-height:1.3;position:absolute;bottom:.75rem}.cmp-tag--start{background:var(--paper);color:var(--ink);left:.75rem}.cmp-tag--end{background:var(--ink);color:var(--paper);right:.75rem}.cmp-meta{margin-top:1.25rem}.cmp-control{flex-wrap:wrap;align-items:center;gap:0 1rem;margin-top:1rem;display:flex}.cmp-end{color:var(--fg-muted)}.cmp-range{appearance:none;background:linear-gradient(var(--fg), var(--fg)) center / 100% 1px no-repeat;width:10rem;height:2.75rem}@supports (color:color-mix(in lab, red, red)){.cmp-range{background:linear-gradient(color-mix(in oklch, var(--fg) 30%, transparent), color-mix(in oklch, var(--fg) 30%, transparent)) center / 100% 1px no-repeat}}.cmp-range{cursor:ew-resize}.cmp--tags .cmp-end{display:none}.cmp--tags .cmp-range{width:min(100%,24rem)}.cmp-range::-webkit-slider-thumb{appearance:none;background:var(--fg);width:.85rem;height:.85rem}.cmp-range::-moz-range-thumb{background:var(--fg);border:0;width:.85rem;height:.85rem}@media (prefers-reduced-motion:reduce){.cmp-shot--after,.cmp-seam{transition:none}}@media (scripting:none){.cmp-control{display:none}}.gal{padding-block:clamp(3rem,8vw,6rem) clamp(6rem,14vw,10rem)}.gal-head{padding-inline:clamp(1.5rem,5vw,4rem)}.gal-lead{max-width:34rem;color:var(--fg-muted);margin-top:1.5rem}.gal-canvas-wrap{margin-top:clamp(2.5rem,6vw,4.5rem)}.gal-canvas{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;height:max(30rem,100svh - 4.5rem);position:relative;overflow:clip;container-type:size}.gal-canvas[data-drag="1"]{cursor:grabbing}.gal-cell{--g:clamp(12px, .8cqw, 16px);--H:max(var(--hya) * 100cqh + var(--hyb) * var(--g), var(--hxa) * 100cqw + var(--hxb) * var(--g));left:calc(var(--xa) * var(--H) + var(--xb) * var(--g));top:calc(var(--ya) * var(--H) + var(--yb) * var(--g));width:calc(var(--wa) * var(--H) + var(--wb) * var(--g));margin:0;position:absolute}.gal-plate{border-radius:var(--radius-0);color:inherit;display:block;position:relative;overflow:hidden}.gal-plate:after{content:"";background:var(--bg);opacity:.22;transition:opacity var(--t-base) var(--e-out);position:absolute;inset:0}.gal-cell[data-hot] .gal-plate:after,.gal-plate:focus-visible:after{opacity:0}.gal-shot{width:100%;height:auto;display:block}.gal-cap{color:var(--fg);background:linear-gradient(to top, var(--bg), transparent);inset-inline:0;gap:.75rem;margin:0;padding:2rem .75rem .625rem;display:flex;position:absolute;bottom:0}@supports (color:color-mix(in lab, red, red)){.gal-cap{background:linear-gradient(to top, color-mix(in oklch, var(--bg) 72%, transparent), transparent)}}.gal-cap{pointer-events:none}.gal-cap-no{color:var(--fg-muted)}@media (max-width:47.99rem){.gal-cap{gap:.5rem;padding:1.5rem .5rem .4375rem;font-size:.6875rem}}.gal-canvas-note{color:var(--fg-muted);margin-top:1.25rem;padding-inline:clamp(1.5rem,5vw,4rem)}.gal-lower{gap:clamp(3rem,8vw,5rem);margin-top:clamp(4rem,10vw,7rem);padding-inline:clamp(1.5rem,5vw,4rem);display:grid}@media (min-width:64rem){.gal-lower{grid-template-columns:minmax(17rem,24rem) minmax(0,1fr);align-items:start;gap:clamp(3rem,6vw,6rem)}}.gal-sheet-title{color:var(--fg-muted)}.gal-sheet-list{border-top:1px solid;margin:1.5rem 0 0;padding:0;list-style:none}@supports (color:color-mix(in lab, red, red)){.gal-sheet-list{border-top:1px solid color-mix(in oklch, currentColor 16%, transparent)}}.gal-row{border-bottom:1px solid}@supports (color:color-mix(in lab, red, red)){.gal-row{border-bottom:1px solid color-mix(in oklch, currentColor 16%, transparent)}}.gal-row-link{min-height:3rem;color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:0 1rem;padding-block:.8125rem;text-decoration:none;display:grid}.gal-row-no,.gal-row-data,.gal-compare-title{color:var(--fg-muted)}.gal-compare-data{color:var(--fg-muted);margin-top:.75rem}.gal-dialog{width:100%;max-width:none;height:100%;max-height:none;color:var(--fg);background:0 0;border:0;margin:0;padding:clamp(.75rem,2.5vw,2rem);position:fixed;inset:0;overflow:hidden}.gal-dialog[open]{animation:gal-dialog-in var(--t-quick) var(--e-out);grid-template:"close close close""prev fig next"minmax(0,1fr)/auto minmax(0,1fr) auto;align-items:center;gap:clamp(.5rem,1.5vw,1.25rem);display:grid}.gal-dialog::backdrop{background:var(--graphite)}@supports (color:color-mix(in lab, red, red)){.gal-dialog::backdrop{background:color-mix(in oklch, var(--graphite) 97%, transparent)}}@keyframes gal-dialog-in{0%{opacity:0}}.gal-dialog-close{min-height:2.75rem;color:var(--fg);background:0 0;border:1px solid;grid-area:close;justify-self:end;padding-inline:.75rem}@supports (color:color-mix(in lab, red, red)){.gal-dialog-close{border:1px solid color-mix(in oklch, currentColor 24%, transparent)}}.gal-dialog-close{cursor:pointer}.gal-dialog-fig{touch-action:pan-y pinch-zoom;flex-direction:column;grid-area:fig;justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;margin:0;display:flex}.gal-dialog-img{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;min-height:0;max-height:calc(100dvh - 9rem);display:block}.gal-dialog-cap{color:var(--fg);gap:.75rem;margin-top:.875rem;display:flex}.gal-dialog-step{width:2.75rem;height:2.75rem;color:var(--fg);background:0 0;border:1px solid;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.gal-dialog-step{border:1px solid color-mix(in oklch, currentColor 24%, transparent)}}.gal-dialog-step{cursor:pointer;font-size:1.125rem}.gal-dialog-prev{grid-area:prev}.gal-dialog-next{grid-area:next}.gal-dialog :is(button):focus-visible{outline:2px solid var(--fg);outline-offset:2px}@media (max-width:47.99rem){.gal-dialog[open]{grid-template:"close close""fig fig"minmax(0,1fr)"prev next"/1fr 1fr}.gal-dialog-prev{justify-self:end}.gal-dialog-next{justify-self:start}.gal-dialog-img{max-height:calc(100dvh - 12rem)}}@media (prefers-reduced-motion:reduce){.gal-dialog[open]{animation:none}}@media (pointer:coarse){.gal-canvas{columns:2;cursor:auto;-webkit-user-select:auto;user-select:auto;touch-action:auto;column-gap:8px;height:auto;padding-inline:8px;overflow:visible;container-type:normal}.gal-canvas:before{content:"";height:14vw;display:block}.gal-cell{break-inside:avoid;width:auto;margin-bottom:8px;position:relative;top:auto;left:auto}.gal-canvas-note{display:none}.gal-plate:after{opacity:0}}@media (prefers-reduced-motion:reduce){.gal-canvas{columns:2;cursor:auto;-webkit-user-select:auto;user-select:auto;column-gap:8px;height:auto;padding-inline:8px;overflow:visible;container-type:normal}.gal-canvas:before{content:"";height:14vw;display:block}.gal-cell{break-inside:avoid;width:auto;margin-bottom:8px;position:relative;top:auto;left:auto}.gal-canvas-note{display:none}.gal-plate:after{transition:none}}@media (scripting:none){.gal-canvas{columns:2;cursor:auto;-webkit-user-select:auto;user-select:auto;column-gap:8px;height:auto;padding-inline:8px;overflow:visible;container-type:normal}.gal-canvas:before{content:"";height:14vw;display:block}.gal-canvas>.gal-cell{break-inside:avoid;width:auto;margin-bottom:8px;position:relative;top:auto;left:auto}.gal-canvas-note{display:none}.gal-plate:after{opacity:0}}@media (min-width:64rem) and (pointer:coarse),(min-width:64rem) and (prefers-reduced-motion:reduce),(min-width:64rem) and (scripting:none){.gal-canvas{columns:3;column-gap:12px;padding-inline:12px}.gal-canvas:before{height:8vw}.gal-canvas>.gal-cell{margin-bottom:12px}}