.case :is(h3,h4,b,.cs-sig-k,.registry .v,.cs-col-h,figcaption){word-break:auto-phrase}.case .registry .v{overflow-wrap:break-word}.case+.case,.featured+.case{margin-top:clamp(48px,7vw,88px)}.cs-compare{border-bottom:2px solid var(--ink);background:var(--ink);aspect-ratio:16/10;touch-action:pan-y;position:relative;overflow:hidden}.cs-compare .cs-img,.cs-compare img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.cs-after{clip-path:inset(0 0 0 var(--pos));position:absolute;inset:0}.cs-handle{top:0;bottom:0;left:var(--pos);background:var(--paper);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.cs-knob{background:var(--paper);width:44px;height:44px;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--magenta);font-family:var(--font-mono);place-items:center;margin:-22px 0 0 -22px;font-size:.95rem;line-height:1;display:grid;position:absolute;top:50%;left:50%}html.js .case[data-reveal] :is(.cs-after,.cs-handle){transition:clip-path 1.4s var(--ease) .35s, left 1.4s var(--ease) .35s}html.js .case[data-reveal]:not(.in) .cs-after{clip-path:inset(0 0 0 100%)}html.js .case[data-reveal]:not(.in) .cs-handle{left:100%}.cs-compare.is-live :is(.cs-after,.cs-handle){transition:none!important}.cs-range{opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;z-index:2;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.cs-range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:100vh}.cs-range::-moz-range-thumb{border:0;width:44px;height:100%}.cs-compare:has(.cs-range:focus-visible) .cs-knob{outline:2px solid var(--magenta);outline-offset:3px}.cs-tag,.cs-hint{z-index:1;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;padding:.55em .8em;font-size:.64rem;position:absolute}.cs-tag{background:var(--paper);color:var(--ink);border:1px solid var(--ink);top:clamp(10px,2vw,18px)}.cs-tag--before{left:clamp(10px,2vw,18px)}.cs-tag--after{background:var(--ink);color:var(--paper);border-color:var(--paper);right:clamp(10px,2vw,18px)}.cs-hint{color:var(--paper);white-space:nowrap;transition:opacity .3s var(--ease);background:#16151ab8;bottom:clamp(10px,2vw,18px);left:50%;transform:translate(-50%)}.cs-compare.is-live .cs-hint{opacity:0}.cs-band{padding:clamp(20px,3vw,32px) clamp(28px,4.5vw,56px) 0}.cs-metrics,.cs-metrics dd{margin:0}.cs-v{flex-wrap:wrap;align-items:baseline;gap:.2em .5em;display:flex}.cs-was{font-family:var(--font-mono);color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--rule-strong);font-size:.78rem}.cs-to{font-family:var(--font-mono);color:var(--magenta);font-size:.8rem}.cs-now{font-family:var(--font-display-en);letter-spacing:-.01em;color:var(--ink);font-size:clamp(1.25rem,1rem + 1vw,1.7rem);font-weight:700;line-height:1.1}.cs-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.featured p.cs-note{color:var(--ink-3);max-width:none;margin-top:.9em;font-size:.72rem}.featured p.cs-ctas{flex-wrap:wrap;gap:.8em 1.8em;margin-top:1.8em;display:flex}.cs-sub{border-top:1px solid var(--rule);margin:0 clamp(28px,4.5vw,56px);padding:clamp(28px,4vw,48px) 0 0}.featured p.cs-eyebrow{color:var(--ink-3);margin:0 0 1.4em}.cs-sig{border-top:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cs-sig li{align-content:start;gap:.5em;padding:1.2em 1.2em 1.4em 0;display:grid}.cs-sig li+li{border-left:1px solid var(--rule);padding-left:1.2em}.cs-sig-k{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:.64rem}.cs-sig-v{font-family:var(--font-display-en);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem);font-weight:700;line-height:1}.cs-sig li:first-child .cs-sig-v{box-shadow:inset 0 -.18em 0 color-mix(in srgb, var(--cyan) 45%, transparent);justify-self:start}.cs-sig li:nth-child(2) .cs-sig-v{box-shadow:inset 0 -.18em 0 color-mix(in srgb, var(--magenta) 40%, transparent);justify-self:start}.cs-sig li:nth-child(3) .cs-sig-v{box-shadow:inset 0 -.18em 0 color-mix(in srgb, var(--yellow) 70%, transparent);justify-self:start}.cs-sig li:nth-child(4) .cs-sig-v{box-shadow:inset 0 -.18em 0 var(--rule-strong);justify-self:start}.cs-sig-d{font-size:var(--t-small);color:var(--ink-2);line-height:1.7}@media (width<=840px){.cs-sig{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-sig li:nth-child(3){border-left:none;padding-left:0}.cs-sig li:nth-child(n+3){border-top:1px solid var(--rule)}}.cs-built{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);display:grid}.cs-col-h{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border-bottom:2px solid var(--ink);align-items:center;gap:.7em;padding-bottom:.9em;font-size:.7rem;font-weight:700;display:flex}.cs-col-h:before{content:"";background:var(--col-c);width:.65em;height:.65em}.cs-list{counter-reset:cs;margin:0;padding:0;list-style:none}.cs-list li{counter-increment:cs;border-bottom:1px solid var(--rule);grid-template-columns:1.1em 1fr;gap:.3em .4em;padding:1em 0;display:grid}.cs-list li:before{content:"";background:var(--col-c,var(--ink));grid-row:span 2;width:.45rem;height:.45rem;margin-top:.5em}.cs-list b,.cs-process b{color:var(--ink);font-size:.95rem;font-weight:700}.cs-list span,.cs-process li>span:last-child{font-size:var(--t-small);color:var(--ink-2);line-height:1.7}.cs-screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,20px);display:grid}.cs-screens img{aspect-ratio:16/10;object-fit:cover;object-position:top}.cs-process{border-top:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cs-process li{align-content:start;gap:.45em;padding:1.1em 1.2em 1.2em 0;display:grid}.cs-process li+li{border-left:1px solid var(--rule);padding-left:1.2em}.cs-no{background:var(--cyan);width:.8rem;height:.8rem;margin-bottom:.3em;display:block}.cs-process li:nth-child(2) .cs-no{background:var(--magenta)}.cs-process li:nth-child(3) .cs-no{background:var(--yellow)}.cs-process li:nth-child(4) .cs-no{background:var(--ink)}@media (width<=840px){.cs-built{grid-template-columns:1fr}.cs-screens,.cs-process{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-process li:nth-child(3){border-left:none;padding-left:0}.cs-process li:nth-child(n+3){border-top:1px solid var(--rule)}}@media (width<=520px){.cs-screens,.cs-process{grid-template-columns:1fr}.cs-process li+li{border-left:none;border-top:1px solid var(--rule);padding-left:0}}.cs-sub--last{padding-bottom:clamp(56px,7vw,80px)}.cs-gallery{grid-template-columns:.462fr .462fr 1.6fr;align-items:start;gap:clamp(10px,1.6vw,18px);display:grid}.cs-fig{margin:0}.cs-fig img{border:1px solid var(--rule-strong);width:100%;height:auto;display:block}.cs-fig figcaption{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-top:.7em;font-size:.62rem}@media (width<=720px){.cs-compare{aspect-ratio:4/3.4}.cs-tag-rest{display:none}.cs-compare img{object-position:12% top}.cs-gallery{grid-template-columns:1fr 1fr}.cs-gallery .cs-fig:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html.js .case[data-reveal] :is(.cs-after,.cs-handle){transition:none}html.js .case[data-reveal]:not(.in) .cs-after{clip-path:inset(0 0 0 var(--pos))}html.js .case[data-reveal]:not(.in) .cs-handle{left:var(--pos)}}