.case h2{font-family:var(--f-display);font-variation-settings:"wdth" 112,"wght" 620;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-.02em;line-height:1.05;margin:var(--s6) 0 var(--s3);display:flex;align-items:baseline;gap:var(--s3)}.case h2:after{content:"";flex:1;height:1px;align-self:center;background:linear-gradient(to right,var(--rule) calc(100% - 6px),var(--accent) calc(100% - 6px))}.case>h2:first-child{margin-top:0}.case p{max-width:var(--measure);margin:0 0 var(--s3)}.case .deck{font-size:clamp(1.1rem,1.5vw,1.25rem);line-height:1.5;color:var(--ink);max-width:44ch;margin-bottom:var(--s3)}.case .note{float:right;width:208px;margin:4px 0 var(--s3) var(--s4);font-family:var(--f-mono);font-size:11.5px;line-height:1.55;color:var(--ink-70);border-left:1px solid var(--accent);padding-left:12px}.case .note b{display:block;color:var(--ink);font-weight:500;margin-bottom:3px}@media(max-width:1000px){.case .note{float:none;width:auto;max-width:var(--measure);margin:var(--s3) 0}}.case .pull{margin:var(--s5) 0;padding:0;border:0;max-width:22ch;font-family:var(--f-display);font-variation-settings:"wdth" 112,"wght" 620;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.05;letter-spacing:-.03em;text-wrap:balance}.case .pull:before{content:"";display:block;width:46px;height:2px;background:var(--accent);margin-bottom:var(--s3)}.case h3{font-family:var(--f-display);font-variation-settings:"wdth" 108,"wght" 560;font-size:clamp(1.12rem,1.7vw,1.35rem);letter-spacing:-.01em;line-height:1.2;margin:var(--s5) 0 var(--s2);max-width:var(--measure)}.case ul,.case ol{max-width:var(--measure);margin:0 0 var(--s3);padding-left:1.15rem}.case li{margin-bottom:.6rem}.case li::marker{color:var(--accent)}.case .grouplabel{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-45);margin:var(--s4) 0 var(--s3);padding-top:10px;border-top:1px solid var(--rule);max-width:var(--measure)}.case blockquote{margin:var(--s4) 0;padding:0 0 0 var(--s3);border-left:2px solid var(--accent);max-width:var(--measure)}.case blockquote>:last-child{margin-bottom:0}.case blockquote p{font-size:.96rem}.case .tablewrap{margin:var(--s5) 0;overflow-x:auto;border:1px solid var(--rule);background:linear-gradient(to right,var(--paper) 30%,transparent),linear-gradient(to left,var(--paper) 30%,transparent) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.16),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.16),transparent) 100% 0;background-repeat:no-repeat;background-size:44px 100%,44px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.case table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.5}.case thead th{font-family:var(--f-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:500;color:var(--ink-45);text-align:left;white-space:nowrap;padding:12px var(--s2);border-bottom:1px solid var(--rule)}.case tbody th{font-weight:500;text-align:left;color:var(--ink)}.case tbody td,.case tbody th{padding:11px var(--s2);border-bottom:1px solid var(--rule);vertical-align:top}.case tbody tr:last-child td,.case tbody tr:last-child th{border-bottom:0}.case td.num,.case th.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.case td.bad{color:var(--accent-text)}.case h2,.case .plate,.case .compare,.case .stats,.case .pull,.case .tablewrap,.case blockquote,.case h3,.case .grouplabel{clear:right}.case .plate{position:relative;margin:var(--s5) 0;border:1px solid var(--rule);padding:clamp(.9rem,2vw,1.5rem);background:var(--paper)}.case .plate img{width:100%;display:block}.case .plate .fx-frame{display:block;overflow:hidden}.case figcaption{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.03em;color:var(--ink-70);margin-top:10px;line-height:1.5;max-width:var(--measure)}.case .plate:before,.case .plate:after{content:"";position:absolute;width:13px;height:13px;border:0 solid color-mix(in srgb,var(--ink) 38%,transparent)}.case .plate:before{top:-1px;left:-1px;border-top-width:1px;border-left-width:1px}.case .plate:after{bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px}.case .compare{margin:var(--s5) 0;max-width:720px}.case .compare .rig{position:relative;overflow:hidden;user-select:none;touch-action:pan-y;cursor:ew-resize;border:1px solid var(--rule)}.case .compare .rig:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.case .compare .rig img{width:100%;display:block;pointer-events:none}.case .compare .rig .after-wrap{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split, 50%))}.case .compare .rig .after-wrap img{width:100%;height:100%;object-fit:cover}.case .compare .rig .bar{position:absolute;top:0;bottom:0;left:var(--split, 50%);width:1px;background:var(--accent)}.case .compare .rig .bar:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border:1px solid var(--accent);border-radius:50%;background:color-mix(in srgb,var(--paper) 85%,transparent)}.case .compare .rig .tag{position:absolute;top:10px;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;padding:3px 7px;background:color-mix(in srgb,var(--ink) 55%,transparent);color:var(--paper);pointer-events:none}.case .compare .rig .tag.before{left:10px}.case .compare .rig .tag.after{right:10px}.case .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:var(--s3) var(--s4);margin:var(--s5) 0;border-block:1px solid var(--rule);padding-block:var(--s4)}.case .stats div{display:flex;flex-direction:column;gap:4px}.case .stats b{font-family:var(--f-display);font-variation-settings:"wdth" 115,"wght" 650;font-weight:400;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.03em;line-height:1}.case .stats span{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-45)}html[data-theme=depth] .case p,html[data-theme=depth] .case li{color:var(--lume-read);font-weight:380;line-height:1.72}html[data-theme=depth] .case h2{color:#fff}html[data-theme=depth] .case h2:after{background:linear-gradient(to right,var(--hair) calc(100% - 6px),var(--ch-r) calc(100% - 6px))}html[data-theme=depth] .case .deck{color:var(--lume);font-weight:400}html[data-theme=depth] .case .note{color:var(--lume-70);border-left-color:var(--ch-r)}html[data-theme=depth] .case .note b{color:var(--lume)}html[data-theme=depth] .case .pull{color:#fff}html[data-theme=depth] .case .pull:before{background:var(--ch-r)}html[data-theme=depth] .case a,html[data-theme=depth] .case .tl{color:var(--lume-accent)}html[data-theme=depth] .case .plate{background:var(--void-2);border-color:var(--hair)}html[data-theme=depth] .case .plate:before,html[data-theme=depth] .case .plate:after{border-color:color-mix(in srgb,var(--lume) 30%,transparent)}html[data-theme=depth] .case figcaption{color:var(--lume-70)}html[data-theme=depth] .case .compare .rig{border-color:var(--hair)}html[data-theme=depth] .case .compare .rig:focus-visible{outline-color:var(--lume-accent)}html[data-theme=depth] .case .compare .rig .bar:after{background:color-mix(in srgb,var(--void) 70%,transparent)}html[data-theme=depth] .case .compare .rig .tag{background:color-mix(in srgb,var(--void) 72%,transparent);color:var(--lume);border:1px solid var(--hair)}html[data-theme=depth] .case .stats{border-block-color:var(--hair)}html[data-theme=depth] .case .stats b{color:#fff}html[data-theme=depth] .case .stats span{color:var(--lume-45)}html[data-theme=depth] .case h3{color:#fff}html[data-theme=depth] .case li::marker{color:var(--ch-r)}html[data-theme=depth] .case .grouplabel{color:var(--lume-45);border-top-color:var(--hair)}html[data-theme=depth] .case blockquote{border-left-color:var(--ch-r)}html[data-theme=depth] .case blockquote p{color:var(--lume-70)}html[data-theme=depth] .case .tablewrap{border-color:var(--hair);background:linear-gradient(to right,var(--void) 30%,transparent),linear-gradient(to left,var(--void) 30%,transparent) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.55),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.55),transparent) 100% 0;background-repeat:no-repeat;background-size:44px 100%,44px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}html[data-theme=depth] .case thead th{color:var(--lume-45);border-bottom-color:var(--hair)}html[data-theme=depth] .case tbody th{color:#fff}html[data-theme=depth] .case tbody td{color:var(--lume-read)}html[data-theme=depth] .case tbody td,html[data-theme=depth] .case tbody th{border-bottom-color:var(--hair)}html[data-theme=depth] .case td.bad{color:var(--lume-accent)}
