.paper{--rx:0deg;--ry:0deg;--gx:30%;--gy:20%;aspect-ratio:900/1042;perspective:1400px;display:block;position:relative}.paper__body{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s var(--ease-out-expo);position:absolute;inset:0}.paper__sheet,.paper__cover{border-radius:6px;position:absolute;inset:0}.paper__sheet{transform-origin:0 100%;transition:rotate .8s var(--ease-out-expo), translate .8s var(--ease-out-expo);background:#fbf8f2;box-shadow:0 18px 40px -24px #0006}.paper__sheet--back{background:#f1ebe0;translate:14px 6px;rotate:5deg}.paper__sheet--mid{translate:7px 3px;rotate:2.4deg}.paper__cover{background:#fbf8f2;overflow:clip;box-shadow:0 1px #0000000a,0 40px 70px -36px #0000008c}.paper__cover img{object-fit:cover}.paper__sheen{background:radial-gradient(circle at var(--gx) var(--gy), #ffffff6b, transparent 55%);opacity:0;mix-blend-mode:soft-light;pointer-events:none;border-radius:6px;transition:opacity .5s;position:absolute;inset:0}.reveal .paper__body{transition:transform .7s var(--ease-out-expo), rotate 1.3s var(--ease-out-expo) var(--reveal-delay,0s), translate 1.3s var(--ease-out-expo) var(--reveal-delay,0s);translate:0 56px;rotate:-7deg}.reveal:not([data-revealed]) .paper__sheet{translate:0;rotate:0deg}.reveal[data-revealed] .paper__sheet{animation:paper-gathered 1.2s var(--ease-out-expo) calc(var(--reveal-delay,0s) + .3s) backwards}@keyframes paper-gathered{0%{translate:0;rotate:0deg}}.reveal[data-revealed] .paper__body{translate:0;rotate:0deg}@media (prefers-reduced-motion:reduce),(scripting:none){.paper__body,.paper__sheet{transition:none;animation:none!important}.reveal .paper__body{translate:0;rotate:0deg}}@media (hover:hover) and (pointer:fine){:is(.paper:hover,a:hover>.paper,a:focus-visible>.paper) .paper__sheet--back{translate:30px 4px;rotate:10deg}:is(.paper:hover,a:hover>.paper,a:focus-visible>.paper) .paper__sheet--mid{translate:16px 2px;rotate:5deg}.paper:hover .paper__sheen{opacity:1}}
.exhibit{--ex-1:var(--color-signal);--ex-2:#f05a22;--ex-soft:color-mix(in srgb, var(--color-fg) 22%, transparent);--ex-bad:#e5484d;background:var(--color-raised);color:var(--color-fg);border-radius:8px;gap:16px;margin-block:2em;padding:clamp(18px,3vw,32px);font-size:15px;line-height:1.5;display:grid}.exhibit__title{font-family:var(--font-display);letter-spacing:-.015em;margin-top:-10px;font-size:clamp(1.15rem,1.6vw,1.35rem);font-weight:700;line-height:1.2}.exhibit__cap{color:var(--color-muted);font-size:13px}.exhibit-split{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:20px clamp(20px,3vw,32px);display:grid}.exhibit-split--even{grid-template-columns:repeat(2,minmax(0,1fr))}.exhibit-stack{gap:16px;display:grid}.exhibit-slider{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;display:grid}.exhibit-slider output{font-variant-numeric:tabular-nums;font-weight:700}.exhibit-slider input{width:100%;accent-color:var(--ex-1);grid-column:1/-1}.exhibit-check{cursor:pointer;align-items:center;gap:10px;display:flex}.exhibit-check input{width:18px;height:18px;accent-color:var(--ex-1)}.exhibit-views{background:var(--color-canvas);border-radius:999px;justify-self:start;padding:3px;display:inline-flex}.exhibit-views button{color:var(--color-muted);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.exhibit-views [aria-pressed=true]{background:var(--ex-1);color:var(--color-on-signal)}.exhibit-readout{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;display:grid}.exhibit-readout div{background:var(--color-canvas);border-radius:8px;padding:12px 14px}.exhibit-readout dt{color:var(--color-muted);font-size:12px;line-height:1.3}.exhibit-readout dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.45rem;font-weight:700}.exhibit-readout [data-tone=bad]{color:var(--ex-bad)}.exhibit-readout [data-tone=good]{color:#22a55b}.exhibit-verdict{border-left:3px solid var(--ex-1);background:var(--color-canvas);border-radius:0 8px 8px 0;padding:12px 16px}.exhibit-verdict strong{color:var(--ex-1)}.exhibit-table :is(th,td):not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.exhibit-table [data-total] td{color:var(--color-fg);font-weight:700}.exhibit-table small{color:var(--color-muted)}.exhibit-legend{color:var(--color-muted);flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:13px;display:flex}.exhibit-legend i{background:var(--c);border-radius:2px;width:12px;height:10px;margin-right:6px;display:inline-block}.chart{width:100%;height:auto;display:block;overflow:visible}.chart text{font-variant-numeric:tabular-nums;fill:var(--color-muted);font-size:12px}.chart .grid{stroke:var(--color-line)}.chart .axis{stroke:var(--color-subtle)}.chart [data-c]{fill:var(--c)}.chart .line{fill:none;stroke:var(--ex-1);stroke-width:2.6px;stroke-linejoin:round}.chart .dot{fill:var(--color-raised);stroke:var(--ex-1);stroke-width:2.2px}.chart .stepline{stroke:var(--ex-2);stroke-dasharray:3 3}.chart .step{fill:var(--ex-2)}.chart .lbl{fill:var(--color-fg)}.chart .band{fill:var(--ex-1);opacity:.14}.chart .bandedge{stroke:var(--ex-1);stroke-dasharray:4 4}.chart .band-t{fill:var(--ex-1)}.chart .you{stroke:var(--ex-2);stroke-width:2px}[data-c=bar],[data-c=line],[data-c=Beauty]{--c:var(--ex-1)}[data-c=up],[data-c=Candy]{--c:var(--ex-2)}[data-c=soft],[data-c=Shared]{--c:var(--ex-soft)}[data-c=Filler]{--c:var(--ex-bad)}[data-c=paid]{--c:color-mix(in srgb, var(--color-fg) 70%, transparent)}@media not (min-width:720px){.exhibit-split,.exhibit-split--even{grid-template-columns:minmax(0,1fr)}}