.pg-case{--line:rgb(var(--ink-rgb) / .14);--hatch:repeating-linear-gradient(135deg,rgb(var(--ink-rgb) / .06) 0 1px,transparent 1px 12px);--sec:clamp(104px,12vw,200px);--stick:112px}.pg-case .cs{outline:none;display:block}.s.pg-case .cs[tabindex]:focus-visible{box-shadow:none;outline:none}.pg-case :where(.cs) :where(p,h3,dl,dd,figure){margin:0}.pg-case :where(.cs) :where(ol,ul){margin:0;padding:0;list-style:none}.pg-case .cs button{font:inherit;color:inherit}.pg-case .cs-tbd{color:var(--grey);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 60%,#ffe14d99 60%)}.pg-case p.cs-tbd{background:0 0}.pg-case p.cs-tbd .w{background:linear-gradient(#0000 60%,#ffe14d99 60%)}.pg-case .cs-draft{padding:10px var(--pad);color:var(--grey);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:11px;line-height:1.4;display:flex}.pg-case .cs-hand{font-family:var(--font-gochi),"Comic Sans MS",cursive;color:var(--t-text-3);font-size:22px;line-height:1.15}.pg-case .cs-fr{width:100%;aspect-ratio:var(--r,16/10);background-color:var(--fbg,var(--t-frame));position:relative;overflow:hidden;container-type:inline-size}.pg-case .cs-fr[data-fit=contain]{background-color:var(--fbg,var(--t-surface));box-shadow:inset 0 0 0 1px var(--line)}.pg-case .cs-fr[data-bare]{box-shadow:none;background-color:#0000}.pg-case .cs-pan-hint{display:none}.pg-case .cs-media{position:absolute;inset:0}.pg-case .cs-media img{transition:opacity .6s}.pg-case .cs-loop{background:var(--fbg,var(--t-frame));width:100%;height:100%;display:block;position:absolute;inset:0}.pg-case .cs-loop-btn{z-index:3;background:rgb(var(--ink-rgb) / .72);min-height:32px;color:var(--paper);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:10px;transition:opacity .25s;display:inline-flex;position:absolute;bottom:10px;right:10px}.pg-case .cs-loop-btn span{letter-spacing:0;font-size:8px}.pg-case .cs-fr:hover .cs-loop-btn,.pg-case .cs-loop-btn:focus-visible{opacity:1}.pg-case .cs-loop-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (hover:none){.pg-case .cs-loop-btn{opacity:.85}}.pg-case .cs-film{background:var(--ink)}.pg-case .cs-film video{object-fit:contain;background:var(--ink);width:100%;height:100%;display:block;position:absolute;inset:0}.pg-case .cs-hero-film+.cs-hero-cap{padding-right:0}.pg-case .cs-fr[data-state=loading] img{opacity:0}.pg-case .cs-fr[data-state=loading]:before{content:"";z-index:1;background:linear-gradient(100deg,transparent 30%,var(--t-shine) 50%,transparent 70%) 0 0/200% 100%;animation:1.4s linear infinite sk--case;position:absolute;inset:0}@keyframes sk--case{to{background-position:-200% 0}}.pg-case .cs-err{text-align:center;color:var(--grey);background:var(--t-frame);place-items:center;padding:16px;font-size:11px;display:grid;position:absolute;inset:0}.pg-case .cs-ph{text-align:center;background-color:var(--t-frame);background-image:var(--hatch);font-family:var(--font-jbmono),ui-monospace,monospace;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:clamp(10px,4cqi,28px);display:flex;position:absolute;inset:0}.pg-case .cs-ph b{letter-spacing:.06em;font-size:11px;font-weight:500}.pg-case .cs-ph-spec{color:var(--grey);letter-spacing:.02em;font-size:10px}.pg-case .cs-ph-purpose{font-family:var(--font-archivo),sans-serif;max-width:46ch;color:var(--t-text-3);font-size:13px;line-height:1.45}.pg-case .cs-ph code{color:var(--grey);background:rgb(var(--paper-rgb) / .85);overflow-wrap:anywhere;max-width:100%;padding:3px 6px;font-family:inherit;font-size:10px}@container (max-width:420px){.pg-case .cs-ph-purpose{display:none}}@container (max-width:260px){.pg-case .cs-ph code,.pg-case .cs-ph-spec{display:none}.pg-case .cs-ph b{font-size:10px}}.pg-case .cs-cap{color:var(--t-text-3);align-items:baseline;gap:12px;max-width:72ch;margin-top:12px;font-size:13px;line-height:1.45;display:flex}.pg-case .cs-cap>.mono{letter-spacing:.06em;color:var(--grey);flex-shrink:0;font-size:10px}.pg-case .cs-tape{z-index:3;mix-blend-mode:multiply;clip-path:polygon(2% 6%,98% 0,100% 50%,97% 100%,3% 94%,0 50%);pointer-events:none;background:#ffe14dc7;width:84px;height:24px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:-4deg}.pg-case .cs-open{padding:clamp(28px,3.6vw,52px) var(--pad) 0}.pg-case .cs-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-bottom:12px;display:grid;position:relative}.pg-case .cs-top-end{text-align:right;justify-self:end}.pg-case .cs-rule{background:var(--ink);transform-origin:0;height:1px;position:absolute;bottom:0;left:0;right:0}.pg-case .cs-back{letter-spacing:.04em;text-transform:uppercase;justify-self:start;align-items:center;gap:8px;min-height:36px;font-size:11px;text-decoration:none;display:inline-flex}.pg-case .cs-back span{transition:transform .45s var(--ease)}.pg-case .cs-back:hover span{transform:translate(-4px)}.pg-case .cs-title{font-weight:820;font-size:min(clamp(46px,10.4vw,156px),calc((100vw - 2 * var(--pad)) / (var(--chars,12) * .7)));letter-spacing:-.045em;text-transform:uppercase;margin:clamp(24px,3vw,44px) 0 0;line-height:.86}.pg-case .cs-title sup{font-family:var(--font-jbmono),monospace;letter-spacing:.02em;vertical-align:top;text-transform:none;margin-left:.6em;font-size:clamp(11px,1.1vw,16px);font-weight:500;position:relative;top:.6em}.pg-case .cs-lead{align-items:start;row-gap:16px;margin-top:clamp(28px,3.4vw,52px)}.pg-case .cs-sum{letter-spacing:-.01em;grid-column:1/span 5;font-size:clamp(20px,1.8vw,26px);font-weight:500;line-height:1.25}.pg-case .cs-intro{color:var(--t-text-2);grid-column:7/span 5;font-size:17px;line-height:1.6}.pg-case .cs-meta{gap:16px var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(32px,3.6vw,56px);display:grid}.pg-case .cs-meta>div{border-top:1px solid var(--ink);padding-top:12px}.pg-case .cs-meta dt{color:var(--grey);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.pg-case .cs-meta dd{margin-top:6px;font-size:15px;font-weight:600;line-height:1.35}.pg-case .cs-hero{margin-top:clamp(40px,4.6vw,72px);position:relative}.pg-case .cs-float-wrap{z-index:2;width:clamp(120px,16vw,240px);position:absolute;bottom:clamp(-140px,-9vw,-40px);right:clamp(16px,5vw,96px)}.pg-case .cs-float-wrap.f1{left:clamp(16px,5vw,96px);right:auto}.pg-case .cs-float{background:#fff;padding:8px;position:relative;rotate:-2.5deg;box-shadow:0 30px 60px -24px #0f0f0e66,0 2px 6px #0f0f0e14}.pg-case .f1 .cs-float{rotate:2deg}.pg-case .cs-hero-cap{justify-content:space-between;align-items:baseline;gap:16px;margin-top:4px;padding-right:calc(clamp(120px,16vw,240px) + clamp(16px,5vw,96px) + 24px);display:flex}.pg-case .cs-cue{white-space:nowrap}.pg-case .cs-sec,.pg-case .cs-next{padding:0 var(--pad);margin-top:var(--sec)}.pg-case .cs-sh{align-items:baseline;gap:8px var(--gap);border-top:2px solid var(--ink);grid-template-columns:minmax(0,3fr) minmax(0,8fr) auto;padding-top:16px;display:grid}.pg-case .cs-h{letter-spacing:-.03em;font-variation-settings:"wdth" 108;margin:0;font-size:clamp(38px,5.2vw,80px);font-weight:800;line-height:.95}.pg-case .cs-body{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;row-gap:clamp(40px,4.4vw,64px);margin-top:clamp(44px,5vw,80px);display:grid}.pg-case .cs-b{grid-column:1/-1;min-width:0}.pg-case .cs-body>.cs-dec,.pg-case .cs-body>.cs-b-seq,.pg-case .cs-body>.cs-states,.pg-case .cs-body>.cs-system,.pg-case .cs-body>.cs-b-fig[data-layout=wide],.pg-case .cs-body>.cs-b-fig[data-layout=full-bleed],.pg-case .cs-body>.cs-principles{margin-top:clamp(16px,2.6vw,40px)}.pg-case .cs-body>.cs-dec+.cs-dec{margin-top:clamp(40px,5vw,80px)}.pg-case .cs-prose{flex-direction:column;gap:18px;display:flex}.pg-case .cs-prose[data-layout=left]{grid-column:1/span 6}.pg-case .cs-prose[data-layout=right]{grid-column:7/span 6}.pg-case .cs-prose[data-layout=center]{grid-column:4/span 6}.pg-case .cs-prose p{color:var(--t-text-2);max-width:62ch;font-size:18px;line-height:1.62}.pg-case .cs-prose .cs-lede{letter-spacing:-.015em;color:var(--ink);max-width:24ch;font-size:clamp(24px,2.4vw,34px);font-weight:500;line-height:1.18}.pg-case .cs-facts{grid-column:1/span 6}.pg-case .cs-row{gap:var(--gap);border-top:1px solid var(--line);grid-template-columns:minmax(96px,1fr) minmax(0,3fr);padding:16px 0;display:grid}.pg-case .cs-row:first-child{border-top-color:var(--ink)}.pg-case .cs-row dt{letter-spacing:.04em;text-transform:uppercase;color:var(--grey);padding-top:4px;font-size:11px}.pg-case .cs-row dd{font-size:17px;line-height:1.5}.pg-case .cs-b-fig[data-layout=wide]{grid-column:1/-1}.pg-case .cs-b-fig[data-layout=full-bleed]{margin:0 calc(var(--pad) * -1);grid-column:1/-1}.pg-case .cs-b-fig[data-layout=full-bleed] .cs-cap{padding:0 var(--pad)}.pg-case .cs-b-fig[data-layout=inset-right]{top:var(--stick);grid-area:span 2/8/auto/-1;align-self:start;position:sticky}.pg-case .cs-b-fig[data-layout=inset-left]{top:var(--stick);grid-area:span 2/1/auto/span 5;align-self:start;position:sticky}.pg-case .cs-findings{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));padding-top:12px;display:grid}.pg-case .cs-find{background-color:#fafaf6;background-image:radial-gradient(rgb(var(--ink-rgb) / .13) 1px,transparent 1.3px);border:1px solid var(--line);background-position:9px 9px;background-size:18px 18px;padding:30px 24px 26px;position:relative;rotate:-.6deg;box-shadow:0 18px 30px -24px #0f0f0e66}.pg-case .cs-find:nth-child(3n+2){margin-top:28px;rotate:.5deg}.pg-case .cs-find:nth-child(3n){margin-top:10px;rotate:-.25deg}.pg-case .cs-find .cs-tape{width:72px;top:-11px}.pg-case .cs-find-n{letter-spacing:.06em;color:var(--grey);font-size:10px}.pg-case .cs-find h3{letter-spacing:-.01em;margin-top:14px;font-size:22px;font-weight:700;line-height:1.15}.pg-case .cs-find p{color:var(--t-text-2);margin-top:10px;font-size:16px;line-height:1.55}.pg-case .cs-b-statement{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:24px;display:grid}.pg-case .cs-b-statement>.label{grid-column:1/span 3;padding-top:.9em}.pg-case .cs-statement{letter-spacing:-.025em;grid-column:4/-1;font-size:clamp(30px,4.4vw,68px);font-weight:700;line-height:1.06}.pg-case .cs-statement .w{opacity:calc(.18 + .82 * var(--e,1))}.pg-case .cs-margin{color:var(--t-text-3);grid-column:4/span 7;align-items:flex-start;gap:12px;display:flex}.pg-case .cs-margin svg{flex-shrink:0;margin-top:-6px}.pg-case .cs-principles{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-case .cs-pr{border-top:1px solid var(--ink);flex-direction:column;gap:12px;padding-top:18px;display:flex}.pg-case .cs-pr-n{letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.2px var(--ink);font-size:clamp(56px,6vw,96px);font-weight:820;line-height:.8}.pg-case .cs-pr h3{letter-spacing:-.01em;margin-top:8px;font-size:24px;font-weight:700;line-height:1.15}.pg-case .cs-pr p{color:var(--t-text-2);font-size:16px;line-height:1.55}.pg-case .cs-trade{border-top:1px dashed rgb(var(--ink-rgb) / .3);color:var(--grey);margin-top:auto;padding-top:12px;font-size:11px;line-height:1.5}.pg-case .cs-trade i{background:var(--ink);color:var(--paper);letter-spacing:.06em;margin-right:6px;padding:2px 5px;font-size:9px;font-style:normal}.pg-case .cs-dec{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:28px;display:grid}.pg-case .cs-dec-head{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:8px clamp(16px,2vw,28px);padding-top:18px;display:grid}.pg-case .cs-dec-n{letter-spacing:-.05em;font-variation-settings:"wdth" 90;grid-row:1/span 2;font-size:clamp(64px,8vw,128px);font-weight:820;line-height:.78}.pg-case .cs-dec-head h3{letter-spacing:-.02em;max-width:26ch;font-size:clamp(26px,2.8vw,40px);font-weight:700;line-height:1.08}.pg-case .cs-dec-vis{top:var(--stick);grid-area:2/1/auto/span 7;align-self:start;position:sticky}.pg-case .cs-dec-parts{grid-area:2/9/auto/span 4}.pg-case .cs-dec.flip .cs-dec-vis{grid-column:6/-1}.pg-case .cs-dec.flip .cs-dec-parts{grid-column:1/span 4}.pg-case .cs-part{border-top:1px solid var(--line);padding:14px 0 18px}.pg-case .cs-part:first-child{border-top-color:var(--ink)}.pg-case .cs-part dt{letter-spacing:.06em;text-transform:uppercase;color:var(--grey);font-size:10px;display:inline-block}.pg-case .cs-part[data-k=ev] dt{background:var(--note);color:var(--on-note);padding:2px 6px}.pg-case .cs-part dd p{color:var(--t-text-2);margin-top:8px;font-size:16px;line-height:1.55}.pg-case .cs-compare{width:100%;aspect-ratio:var(--r);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.pg-case .cs-compare>.cs-fr{aspect-ratio:auto;height:100%;position:absolute;inset:0}.pg-case .cs-cmp-before{clip-path:inset(0 calc(100% - var(--x,50%)) 0 0)}.pg-case .cs-cmp-before .cs-ph{background-color:var(--t-frame-3);text-align:left;align-items:flex-start;padding-right:54%}.pg-case .cs-cmp-after .cs-ph{text-align:right;align-items:flex-end;padding-left:54%}.pg-case .cs-cmp-l,.pg-case .cs-cmp-r{z-index:3;pointer-events:none;position:absolute;top:14px}.pg-case .cs-cmp-l{left:14px}.pg-case .cs-cmp-r{background:var(--paper);right:14px}.pg-case .cs-cmp-line{top:0;bottom:0;left:var(--x,50%);z-index:3;background:var(--ink);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.pg-case .cs-cmp-knob{top:50%;left:var(--x,50%);z-index:4;background:var(--ink);cursor:ew-resize;width:48px;height:48px;box-shadow:0 0 0 6px rgb(var(--paper-rgb) / .75);transition:transform .25s var(--ease);border:0;border-radius:50%;place-items:center;margin:-24px 0 0 -24px;padding:0;display:grid;position:absolute;color:var(--paper)!important}.pg-case .cs-cmp-knob:hover{transform:scale(1.08)}.pg-case .cs-cmp-hint{left:calc(var(--x,50%) + 18px);z-index:4;pointer-events:none;white-space:nowrap;transition:opacity .5s;position:absolute;bottom:14px;rotate:-5deg}.pg-case .cs-cmp-hint.gone{opacity:0}.pg-case .cs-anno-fr{position:relative}.pg-case .cs-hot{z-index:3;background:var(--ink);cursor:pointer;width:32px;height:32px;transition:transform .35s var(--ease),background .25s,opacity .25s;border:0;border-radius:50%;place-items:center;margin:-16px 0 0 -16px;padding:0;font-size:12px;font-weight:700;display:grid;position:absolute;color:var(--paper)!important}.pg-case .cs-hot:after{content:"";border:1.5px solid var(--ink);pointer-events:none;animation:ping--case 2.6s var(--ease) infinite;border-radius:50%;position:absolute;inset:-6px}.pg-case .cs-hot.on{background:var(--note);transform:scale(1.18);color:var(--on-note)!important}.pg-case .cs-hot.on:after{opacity:0;animation:none}.pg-case .cs-anno[data-on] .cs-hot:not(.on){opacity:.45}@keyframes ping--case{0%{opacity:.55;transform:scale(.8)}70%,to{opacity:0;transform:scale(1.7)}}.pg-case .cs-anno-cap{margin-top:0;display:block}.pg-case .cs-notes{gap:0 var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;display:grid}.pg-case .cs-notes button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:flex-start;gap:10px;width:100%;padding:12px 0;font-size:14px;line-height:1.45;transition:border-color .25s;display:flex}.pg-case .cs-notes li.on button{border-top-color:var(--ink)}.pg-case .cs-notes b{font-weight:700;display:block}.pg-case .cs-hot-n{background:var(--ink);width:22px;height:22px;color:var(--paper);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;transition:background .25s;display:grid}.pg-case .cs-notes li.on .cs-hot-n{background:var(--note);color:var(--on-note)}.pg-case .cs-seq{position:relative}.pg-case .cs-seq[data-pinned]{height:calc(var(--n) * 70vh + var(--vh,100vh))}.pg-case .cs-seq-stick{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.pg-case .cs-seq[data-pinned] .cs-seq-stick{height:calc(var(--vh,100vh) - 72px);position:sticky;top:72px}.pg-case .cs-seq-screen{width:min(100%,calc((var(--vh,100vh) - 230px) * 1.6));aspect-ratio:16/10;grid-column:1/span 8;position:relative}.pg-case .cs-seq-layer{opacity:0;transition:opacity .55s var(--ease),transform .9s var(--ease);position:absolute;inset:0;transform:translateY(28px)scale(.985)}.pg-case .cs-seq-layer.on{opacity:1;transform:none}.pg-case .cs-seq-layer .cs-fr{aspect-ratio:auto;height:100%}.pg-case .cs-seq-meta{letter-spacing:.06em;color:var(--grey);justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex;position:absolute;top:calc(100% + 14px);left:0;right:0}.pg-case .cs-seq-meta b{color:var(--ink);font-weight:500}.pg-case .cs-seq-bar{background:var(--line);flex:0 40%;height:2px;position:relative}.pg-case .cs-seq-bar:after{content:"";background:var(--ink);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.pg-case .cs-seq-steps{flex-direction:column;grid-column:10/span 3;display:flex}.pg-case .cs-seq-step{border-top:1px solid var(--line);opacity:.38;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0;transition:opacity .45s,border-color .45s;display:grid}.pg-case .cs-seq-step.on{opacity:1;border-top-color:var(--ink)}.pg-case .cs-seq-go{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:44px;height:44px;padding:0;font-size:11px;transition:background .25s,color .25s,border-color .25s}.pg-case .cs-seq-step.on .cs-seq-go{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pg-case .cs-seq-step h3{letter-spacing:-.01em;font-size:19px;font-weight:700;line-height:1.2}.pg-case .cs-seq-step p{color:var(--t-text-2);margin-top:6px;font-size:15px;line-height:1.5}.pg-case .cs-seq-inline,.pg-case .cs-seq:not([data-pinned]) .cs-seq-screen{display:none}.pg-case .cs-seq:not([data-pinned]) .cs-seq-steps{grid-column:1/-1;gap:clamp(32px,4vw,56px)}.pg-case .cs-seq:not([data-pinned]) .cs-seq-step{opacity:1;border-top-color:var(--ink);grid-template-columns:44px minmax(0,4fr) minmax(0,7fr)}.pg-case .cs-seq:not([data-pinned]) .cs-seq-inline{display:block}.pg-case .cs-seq:not([data-pinned]) .cs-seq-go{pointer-events:none;background:var(--ink);color:var(--paper);border-color:var(--ink)}.pg-case .cs-states{margin:0 calc(var(--pad) * -1);padding:clamp(40px,5vw,72px) var(--pad);background:var(--ink);color:var(--paper)}.pg-case .cs-states-row{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-case .cs-states .cs-fr[data-fit=contain]{background-color:var(--fbg,#1e1e1c);box-shadow:inset 0 0 0 1px rgb(var(--paper-rgb) / .14)}.pg-case .cs-states .cs-ph{background-color:#1e1e1c;background-image:repeating-linear-gradient(135deg,rgb(var(--paper-rgb) / .07) 0 1px,transparent 1px 12px);color:var(--paper)}.pg-case .cs-states .cs-ph-spec,.pg-case .cs-states .cs-ph code{color:#a3a39d;background:0 0}.pg-case .cs-states .cs-ph-purpose{color:#d6d6d0}.pg-case .cs-states .cs-cap{color:#d6d6d0;margin-top:20px}.pg-case .cs-states .cs-cap>.mono{color:#a3a39d}.pg-case .cs-states .cs-tbd{color:#c9c9c3;background:linear-gradient(#0000 60%,#ffe14d59 60%)}.pg-case .cs-chip{letter-spacing:.06em;opacity:.85;margin-top:10px;font-size:10px;display:inline-block}.pg-case .cs-system{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.pg-case .cs-tile{grid-column:9/span 4}.pg-case .cs-tile.lg{grid-area:span 2/1/auto/span 8}.pg-case .cs-tile:nth-child(4){grid-column:1/span 4}.pg-case .cs-system>.cs-cap{grid-column:5/-1;align-self:start;margin-top:0}.pg-case .cs-results{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-case .cs-results li{border-top:2px solid var(--ink);flex-direction:column;gap:12px;padding-top:18px;display:flex}.pg-case .cs-val{letter-spacing:-.05em;font-size:clamp(56px,7vw,112px);font-weight:820;line-height:.85}.pg-case .cs-res-l{font-size:18px;font-weight:500;line-height:1.4}.pg-case .cs-src{letter-spacing:.06em;color:var(--grey);font-size:10px;line-height:1.5}.pg-case .cs-reflect{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(56px,6vw,96px);display:grid}.pg-case .cs-col h3{border-bottom:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;color:var(--grey);padding-bottom:12px;font-size:11px;font-weight:500}.pg-case .cs-col p{margin-top:14px;font-size:17px;line-height:1.6}.pg-case .cs-next{margin-bottom:clamp(80px,9vw,140px)}.pg-case .cs-next-link{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 24px;margin-top:clamp(32px,4vw,56px);padding:clamp(24px,3vw,40px) 0;text-decoration:none;display:grid}.pg-case .cs-next-link>.label{grid-column:1/-1}.pg-case .cs-next-title{letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(40px,7.4vw,112px);font-weight:820;line-height:.88}.pg-case .cs-next-title .arr{transition:transform .5s var(--ease);display:inline-block}.pg-case .cs-next-link:hover .cs-next-title .arr,.pg-case .cs-next-link:focus-visible .cs-next-title .arr{transform:translate(.18em)}.pg-case .cs-next-cover{aspect-ratio:4/5;background:var(--t-frame);width:clamp(120px,18vw,280px);transition:rotate .6s var(--ease),transform .6s var(--ease);display:block;position:relative;overflow:hidden;rotate:2deg;container-type:inline-size}.pg-case .cs-next-link:hover .cs-next-cover{transform:translateY(-6px)}.pg-case .cs-next-end{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;display:flex}.pg-case .cs-top-link{letter-spacing:.04em;text-transform:uppercase;align-items:center;min-height:44px;font-size:11px;text-decoration:none;display:inline-flex}.pg-case .cs-rail{z-index:24;opacity:0;pointer-events:none;transition:opacity .45s;position:fixed;top:50%;right:8px;translate:0 -50%}.pg-case .cs-rail.on,.pg-case .cs-rail:focus-within{opacity:1;pointer-events:auto}.pg-case .cs-rail ol{flex-direction:column;align-items:flex-end;margin:0;padding:0;list-style:none;display:flex}.pg-case .cs-rail a{color:#9a9a95;justify-content:flex-end;align-items:center;gap:8px;height:26px;text-decoration:none;transition:color .3s;display:flex}.pg-case .cs-rail-t{width:10px;height:1px;transition:width .45s var(--ease),height .3s;background:currentColor}.pg-case .cs-rail-n,.pg-case .cs-rail-l{letter-spacing:.04em;opacity:0;transition:opacity .3s,translate .45s var(--ease);font-size:10px;translate:6px}.pg-case .cs-rail-l{text-transform:uppercase;background:var(--paper);color:var(--ink);white-space:nowrap;box-shadow:0 0 0 1px var(--line);order:-1;padding:3px 7px}.pg-case .cs-rail.on:not(:hover):not(:focus-within){pointer-events:none}.pg-case .cs-rail-t{position:relative}.pg-case .cs-rail-t:before{content:"";pointer-events:auto;position:absolute;inset:-12px -8px}.pg-case .cs-rail a:hover,.pg-case .cs-rail a.on{color:var(--ink)}.pg-case .cs-rail a.on .cs-rail-t{width:22px;height:2px}.pg-case .cs-rail:hover .cs-rail-n,.pg-case .cs-rail:hover .cs-rail-l,.pg-case .cs-rail:focus-within .cs-rail-n,.pg-case .cs-rail:focus-within .cs-rail-l{opacity:1;translate:0}.pg-case .cs-rail:hover a:not(:hover):not(.on) .cs-rail-l{box-shadow:none;color:var(--grey);background:0 0}.pg-case .cs-pill{left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:26;background:var(--ink);height:46px;font-family:var(--font-archivo),sans-serif;cursor:pointer;transition:translate .55s var(--ease);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 18px;font-size:14px;display:none;position:fixed;overflow:hidden;translate:-50% 160%;box-shadow:0 12px 30px -12px #0f0f0e8c;color:var(--paper)!important}.pg-case .cs-pill.on{translate:-50%}.pg-case .cs-pill .mono{color:#b9b9b3;font-size:11px}.pg-case .cs-pill-bar{background:var(--note);transform-origin:0;width:100%;height:2px;transition:transform .5s var(--ease);position:absolute;bottom:0;left:0}.pg-case .cs-sheet{z-index:70;position:fixed;inset:0}.pg-case .cs-sheet-bg{background:rgb(var(--ink-rgb) / .42);border:0;width:100%;animation:.3s fade--case;position:absolute;inset:0}.pg-case .cs-sheet-card{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));background:var(--paper);max-height:80vh;animation:sheet--case .45s var(--ease);border-radius:14px;padding:16px 20px 10px;position:absolute;overflow:auto}.pg-case .cs-sheet-top{border-bottom:1px solid var(--ink);color:var(--grey);justify-content:space-between;align-items:center;padding-bottom:8px;font-size:11px;display:flex}.pg-case .cs-sheet-top button{min-height:40px;color:var(--ink);font-family:var(--font-jbmono),monospace;cursor:pointer;background:0 0;border:0;font-size:11px}.pg-case .cs-sheet ol{margin:0;padding:0;list-style:none}.pg-case .cs-sheet a{border-bottom:1px solid var(--line);align-items:baseline;gap:14px;padding:12px 0;font-size:20px;font-weight:600;text-decoration:none;display:flex}.pg-case .cs-sheet a .mono{color:var(--grey);font-size:11px;font-weight:500}.pg-case .cs-sheet a[aria-current]:after{content:"";background:var(--note);width:8px;height:8px;box-shadow:0 0 0 1px var(--ink);align-self:center;margin-left:auto}@keyframes fade--case{0%{opacity:0}}@keyframes sheet--case{0%{opacity:0;transform:translateY(40px)}}@media (max-width:1099px){.pg-case .cs-rail{display:none}.pg-case .cs-pill{display:inline-flex}}@media (max-width:1080px){.pg-case .cs-prose[data-layout=left],.pg-case .cs-facts{grid-column:1/span 7}.pg-case .cs-prose[data-layout=right]{grid-column:5/-1}.pg-case .cs-prose[data-layout=center]{grid-column:2/span 9}.pg-case .cs-b-fig[data-layout=inset-right]{grid-column:9/-1}.pg-case .cs-seq-screen{grid-column:1/span 7}.pg-case .cs-seq-steps{grid-column:8/-1}}@media (max-width:1080px) and (orientation:portrait){.pg-case .cs-seq[data-pinned] .cs-seq-stick{align-content:center;row-gap:64px}.pg-case .cs-seq[data-pinned] .cs-seq-screen{width:min(100%,calc((var(--vh,100vh) - 360px) * 1.6));grid-column:1/-1;justify-self:center}.pg-case .cs-seq[data-pinned] .cs-seq-steps{gap:var(--gap);flex-direction:row;grid-column:1/-1}.pg-case .cs-seq[data-pinned] .cs-seq-step{flex:1 1 0;grid-template-columns:1fr;gap:10px}}@media (max-width:860px){.pg-case{--stick:88px}.pg-case .cs-sum,.pg-case .cs-intro{grid-column:1/-1}.pg-case .cs-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-case .cs-sh{grid-template-columns:1fr auto}.pg-case .cs-sh .cs-h{grid-area:2/1/auto/-1}.pg-case .cs-prose[data-layout],.pg-case .cs-facts{grid-column:1/-1}.pg-case .cs-b-fig[data-layout^=inset]{grid-area:auto/1/auto/-1;position:static}.pg-case .cs-findings,.pg-case .cs-principles,.pg-case .cs-results,.pg-case .cs-reflect{grid-template-columns:1fr;gap:28px}.pg-case .cs-find:nth-child(n){margin-top:0}.pg-case .cs-b-statement>.label,.pg-case .cs-statement,.pg-case .cs-margin{grid-column:1/-1}.pg-case .cs-dec-vis,.pg-case .cs-dec.flip .cs-dec-vis,.pg-case .cs-dec-parts,.pg-case .cs-dec.flip .cs-dec-parts{grid-area:auto/1/auto/-1;position:static}.pg-case .cs-notes{grid-template-columns:1fr}.pg-case .cs-tile,.pg-case .cs-tile.lg,.pg-case .cs-tile:nth-child(4){grid-area:auto/span 6}.pg-case .cs-tile.lg,.pg-case .cs-system>.cs-cap{grid-column:1/-1}.pg-case .cs-seq:not([data-pinned]) .cs-seq-step{grid-template-columns:44px minmax(0,1fr)}.pg-case .cs-seq:not([data-pinned]) .cs-seq-inline{grid-column:1/-1}}@media (max-width:760px){.pg-case .cs-fr{aspect-ratio:var(--rm,var(--r,16/10))}.pg-case .cs-compare{aspect-ratio:var(--rm,var(--r))}.pg-case .cs-top{grid-template-columns:1fr auto}.pg-case .cs-top-mid{display:none}.pg-case .cs-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-case .cs-float-wrap{width:32vw;bottom:-48px;right:12px}.pg-case .cs-float{padding:5px}.pg-case .cs-hero-cap{margin-top:12px;padding-right:calc(32vw + 28px)}.pg-case .cs-cue{display:none}.pg-case .cs-row{grid-template-columns:1fr;gap:6px}.pg-case .cs-states-row{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);display:flex;overflow-x:auto}.pg-case .cs-states-row::-webkit-scrollbar{display:none}.pg-case .cs-pan-track{overscroll-behavior-x:contain;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);scrollbar-width:thin;overflow-x:auto}.pg-case .cs-pan-track>.cs-fr{min-width:var(--panw);aspect-ratio:var(--r)}.pg-case .cs-pan-hint{letter-spacing:.06em;color:var(--grey);margin-top:8px;font-size:10px;display:block}.pg-case .cs-state{scroll-snap-align:start;flex:0 0 80%}.pg-case .cs-tile,.pg-case .cs-tile:nth-child(4){grid-column:1/-1}.pg-case .cs-next-link{grid-template-columns:1fr}.pg-case .cs-next-cover{width:48%}.pg-case .cs-hot{width:28px;height:28px;margin:-14px 0 0 -14px}.pg-case .cs-compare .cs-ph code,.pg-case .cs-compare .cs-ph-spec{display:none}}@media (prefers-reduced-motion:reduce){.pg-case .cs-hot:after,.pg-case .cs-fr[data-state=loading]:before{animation:none}.pg-case .cs-loop-btn{opacity:.85}.pg-case .cs-seq-layer,.pg-case .cs-pill,.pg-case .cs-pill-bar,.pg-case .cs-rail,.pg-case .cs-rail *{transition:none}.pg-case .cs-sheet-bg,.pg-case .cs-sheet-card{animation:none}}
.pg-case .cs[data-cs=piepaye]{--sec:clamp(72px,8vw,128px);--fit-room:210px}.pg-case .cs[data-cs=piepaye] .cs-lead{margin-top:clamp(24px,2.6vw,40px)}.pg-case .cs[data-cs=piepaye] .cs-meta{gap:12px var(--gap);margin-top:clamp(24px,2.6vw,40px)}.pg-case .cs[data-cs=piepaye] .cs-meta>div{border-top-color:var(--line);padding-top:10px}.pg-case .cs[data-cs=piepaye] .cs-meta dt{letter-spacing:.06em;font-size:10px}.pg-case .cs[data-cs=piepaye] .cs-meta dd{margin-top:4px;font-size:14px;font-weight:500}.pg-case .cs[data-cs=piepaye] .cs-hero{margin-top:clamp(28px,3vw,48px)}.pg-case .cs[data-cs=piepaye] .cs-hero-film,.pg-case .cs[data-cs=piepaye] .cs-hero-film+.cs-hero-cap{width:min(100%,calc((var(--vh,100svh) - var(--fit-room)) * 16 / 9));margin-inline:auto}.pg-case .cs[data-cs=piepaye] .cs-body{row-gap:clamp(28px,3vw,44px);margin-top:clamp(28px,3.2vw,48px)}.pg-case .cs[data-cs=piepaye] .cs-body>.cs-dec,.pg-case .cs[data-cs=piepaye] .cs-body>.cs-system,.pg-case .cs[data-cs=piepaye] .cs-body>.cs-b-fig[data-layout=wide],.pg-case .cs[data-cs=piepaye] .cs-body>.cs-principles{margin-top:clamp(4px,1vw,12px)}.pg-case .cs[data-cs=piepaye] .cs-body>.cs-dec+.cs-dec{margin-top:clamp(28px,3.4vw,52px)}.pg-case .cs[data-cs=piepaye] .cs-dec{row-gap:20px}.pg-case .cs[data-cs=piepaye] strong{color:var(--ink);font-weight:650}.pg-case .cs[data-cs=piepaye] .cs-b-fig[data-layout=wide]>.cs-fig{width:min(100%,calc((var(--vh,100svh) - var(--fit-room)) * var(--r)));margin-inline:auto}.pg-case .cs[data-cs=piepaye] .cs-dec-vis>.cs-fig{width:min(100%,calc((var(--vh,100svh) - var(--fit-room)) * var(--r)))}.pg-case .cs[data-cs=piepaye] .cs-dec.flip .cs-dec-vis>.cs-fig{margin-left:auto}.pg-case .cs[data-cs=piepaye] [data-sec=visual] .cs-dec-vis{grid-column:1/-1;position:static}.pg-case .cs[data-cs=piepaye] [data-sec=visual] .cs-dec-parts{column-gap:var(--gap);grid-area:3/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pg-case .cs[data-cs=piepaye] .cs-system>.cs-cap{grid-column:1/span 8}.pg-case .cs[data-cs=piepaye] .cs-results:empty{display:none}.pg-case .cs[data-cs=piepaye] .cs-results:empty+.cs-reflect{margin-top:0}.pg-case .cs[data-cs=piepaye] .cs-outcomes+.cs-facts .cs-row{padding:12px 0}.pg-case .cs[data-cs=piepaye] .cs-outcomes+.cs-facts .cs-row dd{color:var(--t-text-3);font-size:15px}.pg-case .cs[data-cs=piepaye] .cs-next{margin-bottom:clamp(64px,7vw,112px)}@media (max-width:1080px){.pg-case .cs[data-cs=piepaye] [data-sec=visual] .cs-dec-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.pg-case .cs[data-cs=piepaye] [data-sec=visual] .cs-dec-parts{grid-row:auto;display:block}.pg-case .cs[data-cs=piepaye] .cs-system>.cs-cap{grid-column:1/-1}.pg-case .cs[data-cs=piepaye] .cs-dec.flip .cs-dec-vis>.cs-fig{margin-left:0}}@media (max-width:760px){.pg-case .cs[data-cs=piepaye]{--sec:64px}.pg-case .cs[data-cs=piepaye] .cs-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]){--sec:clamp(72px,8vw,128px);--fit-room:210px}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-lead{margin-top:clamp(24px,2.6vw,40px)}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-meta{gap:12px var(--gap);margin-top:clamp(24px,2.6vw,40px)}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-meta>div{border-top-color:var(--line);padding-top:10px}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-meta dt{letter-spacing:.06em;font-size:10px}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-meta dd{margin-top:4px;font-size:14px;font-weight:500}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-hero{margin-top:clamp(28px,3vw,48px)}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-hero-film,.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-hero-film+.cs-hero-cap{width:min(100%,calc((var(--vh,100svh) - var(--fit-room)) * 16 / 9));margin-inline:auto}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-body{row-gap:clamp(28px,3vw,44px);margin-top:clamp(28px,3.2vw,48px)}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-body>:is(.cs-dec,.cs-system,.cs-b-seq,.cs-states,.cs-principles,.cs-b-fig[data-layout=wide]){margin-top:clamp(4px,1vw,12px)}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-body>.cs-dec+.cs-dec{margin-top:clamp(28px,3.4vw,52px)}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-dec{row-gap:20px}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) strong{color:var(--ink);font-weight:650}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-next{margin-bottom:clamp(64px,7vw,112px)}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-b-fig[data-layout=wide]>.cs-fig{width:min(100%,calc((var(--vh,100svh) - var(--fit-room)) * var(--r)));margin-inline:auto}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-dec-vis>.cs-fig{width:min(100%,calc((var(--vh,100svh) - var(--fit-room)) * var(--r)))}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-dec.flip .cs-dec-vis>.cs-fig{margin-left:auto}.pg-case .cs[data-cs=dil-ka-kona] [data-sec=import] .cs-anno-fr{width:min(100%,calc((var(--vh,100svh) - var(--fit-room)) * 1260 / 1448))}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-seq[data-pinned]{height:calc(var(--n) * 45vh + var(--vh,100vh))}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-results:empty{display:none}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-results:empty+.cs-reflect{margin-top:0}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-outcomes+.cs-facts .cs-row{padding:12px 0}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-outcomes+.cs-facts .cs-row dd{color:var(--t-text-3);font-size:15px}@media (max-width:860px){.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-dec.flip .cs-dec-vis>.cs-fig{margin-left:0}}@media (max-width:760px){.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]){--sec:64px}.pg-case .cs:is([data-cs=hpluz],[data-cs=dil-ka-kona],[data-cs=wanderlust]) .cs-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}