.pal{border:1px solid var(--border);border-radius:8px;padding:24px;margin-top:32px}.pal-head{display:flex;align-items:center;gap:12px}.pal-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--border-hi);border-radius:999px;color:var(--text-2);font-size:14px;transition:color .2s,border-color .2s}.pal-arrow:hover{color:var(--gold);border-color:var(--gold-dim)}.pal-tabs{display:flex;flex:1;flex-wrap:wrap;gap:8px;justify-content:center}.pal-tab{font-family:var(--font-mono);font-size:12px;color:var(--text-3);padding:4px 12px;border-radius:999px;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}.pal-tab:hover{color:var(--text-2)}.pal-tab-on{color:var(--gold);border-color:var(--gold-dim);background:var(--gold-glow)}.pal-role{font-family:var(--font-mono);font-size:12px;color:var(--text-3);text-align:center;margin-top:12px}.pal-swatches{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;margin-top:20px;margin-bottom:24px}.pal-chip{position:relative;aspect-ratio:1;border-radius:4px}.pal-chip-alpha{outline:1px solid var(--border)}.pal-chip-step{position:absolute;top:calc(100% + 4px);left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:10px;color:var(--text-3)}.pal-table{margin-top:20px;border-top:1px solid var(--border);animation:pal-slide .35s cubic-bezier(.22,1,.36,1)}@keyframes pal-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pal-row{display:grid;grid-template-columns:20px 52px 1fr auto;gap:16px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.pal-row-head span:first-child{visibility:hidden}.pal-row-head span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.pal-dot{width:16px;height:16px;border-radius:4px}.pal-step,.pal-token,.pal-hex{font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.pal-token{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pal-hex{color:var(--gold)}@media (max-width: 700px){.pal-swatches{grid-template-columns:repeat(6,1fr)}.pal-row{grid-template-columns:20px 40px 1fr}.pal-hex{display:none}}@media (prefers-reduced-motion: reduce){.pal-table{animation:none}}.thrash{height:172vh;margin-top:32px}.thrash-sticky{position:sticky;top:249px;display:flex;flex-direction:column;gap:12px}.thrash-tabs{display:flex;flex-wrap:wrap;gap:4px}.thrash-tab{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);padding:6px 12px;border:1px solid transparent;border-radius:4px 4px 0 0;transition:color .12s,background .12s,border-color .12s}.thrash-tab-on{color:var(--gold);border-color:var(--border-hi);border-bottom-color:transparent;background:var(--surface)}.thrash-window{position:relative;height:340px;border:1px solid var(--border-hi);border-radius:4px;background:var(--surface);overflow:hidden}.thrash-pane{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;opacity:0;transition:opacity .09s linear}.thrash-pane-on{opacity:1}.thrash-count{position:absolute;right:12px;bottom:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-3);font-variant-numeric:tabular-nums}.sf{width:100%;height:100%}.sf-line,.sf-bubble,.sf-tile,.sf-vote{display:block;background:var(--surface-hi);border-radius:4px}.sf-chat{display:flex;flex-direction:column;gap:12px}.sf-bubble{height:28px}.sf-frag{font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;line-height:1.4;color:var(--text-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-frag-dim{color:var(--text-3)}.sf-bubble-text{display:inline-block;align-self:flex-start;width:auto;height:auto;padding:6px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;color:var(--text-2)}.sf-bubble-text.sf-bubble-me{align-self:flex-end}.sf-bubble-me{align-self:flex-end;background:var(--gold-glow);border:1px solid var(--gold-dim)}.sf-grid-wrap{display:flex;flex-direction:column;gap:12px;min-height:0}.sf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1;min-height:0}.sf-tile{aspect-ratio:auto;min-height:0}.sf-tile-saved{background:var(--gold-glow);border:1px solid var(--gold-dim)}.sf-reel{display:flex;align-items:center;justify-content:center}.sf-reel-frame{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:100%;background:var(--surface-hi);border-radius:4px}.sf-reel-frag{position:absolute;left:12px;right:12px;bottom:12px;text-align:center}.sf-play{width:0;height:0;border-left:16px solid var(--gold-dim);border-top:10px solid transparent;border-bottom:10px solid transparent}.sf-reviews,.sf-threads{display:flex;flex-direction:column;gap:20px}.sf-review{display:flex;flex-direction:column;gap:8px}.sf-stars{display:flex;gap:4px}.sf-stars i{width:8px;height:8px;border-radius:50%;background:var(--surface-hi)}.sf-stars i.on{background:var(--gold-dim)}.sf-line{height:12px}.sf-thread{display:flex;align-items:center;gap:12px}.sf-vote{width:12px;height:12px;flex-shrink:0}.sf-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.sf-field{display:flex;align-items:center;width:100%;max-width:420px;height:44px;padding:0 16px;border:1px solid var(--border-hi);border-radius:999px;background:var(--bg)}.sf-caret{width:1px;height:18px;background:var(--gold);animation:sf-blink 1.1s step-end infinite}.sf-hint{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3)}@keyframes sf-blink{0%,to{opacity:1}50%{opacity:0}}.thrash-static{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.thrash-cell{display:flex;flex-direction:column;gap:8px}.thrash-cell-label{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.thrash-cell .sf{height:180px;padding:16px;border:1px solid var(--border);border-radius:4px;background:var(--surface)}@media (max-width: 700px){.thrash{height:158vh}.thrash-window{height:280px}.thrash-static{grid-template-columns:1fr}}.thrash-sticky .case-eyebrow{margin-bottom:20px}.thrash-sticky .case-body p{margin-bottom:0}.thrash-sticky .case-body{margin-bottom:24px}.lineage{margin-top:32px}.lineage-pairs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lin{margin:0}.lin-frame{position:relative;border:1px solid var(--border);background:var(--surface);overflow:hidden;aspect-ratio:3 / 2}.lin-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lin-paper{opacity:1;transition:opacity .9s cubic-bezier(.22,1,.36,1)}.lin-final{opacity:0;transform:scale(1.02);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.lineage-settled .lin-paper{opacity:0}.lineage-settled .lin-final{opacity:1;transform:scale(1)}.lineage-settled .lin:hover .lin-paper{opacity:1}.lineage-settled .lin:hover .lin-final{opacity:0}.lin-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:12px}.lin-states{display:flex;align-items:baseline;gap:8px;flex-shrink:0}.lin-state{font-family:var(--font-mono);font-size:11px;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);transition:color .5s ease}.lin-arrow{font-size:11px;color:var(--text-3)}.lin-state-paper{color:var(--gold)}.lineage-settled .lin-state-paper{color:var(--text-3)}.lineage-settled .lin-state-final,.lineage-settled .lin:hover .lin-state-paper{color:var(--gold)}.lineage-settled .lin:hover .lin-state-final{color:var(--text-3)}.lin-note{font-family:var(--font-mono);font-size:11px;color:var(--text-3);text-align:right}.lineage-hint{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:16px}.lineage-proof{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:32px}.lineage-proof figure{margin:0}.lineage-proof img{display:block;width:100%;border:1px solid var(--border)}.lineage-proof figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:8px}@media (max-width: 700px){.lineage-pairs,.lineage-proof{grid-template-columns:1fr}.lin-meta{flex-direction:column;gap:4px}.lin-note{text-align:left}}.rpile{position:relative;height:480px;margin-top:40px}.rletter{position:absolute;left:var(--rx);top:var(--ry);width:34%;margin:0;transform:rotate(var(--rr));opacity:0;translate:0 -24px;transition:opacity .5s ease var(--rd),translate .6s cubic-bezier(.22,1,.36,1) var(--rd),transform .35s cubic-bezier(.22,1,.36,1),z-index 0s}.rpile-in .rletter{opacity:1;translate:0 0}.rpile-still .rletter:hover{transform:rotate(0) scale(1.06);z-index:10!important}.rletter img{display:block;width:100%;border:1px solid var(--border-hi);box-shadow:0 20px 48px var(--gold-glow);background:var(--surface)}.rletter-tab{position:absolute;top:-12px;left:12px;z-index:2;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-2);background:var(--surface-hi);border:1px solid var(--border-hi);border-radius:4px;padding:2px 8px;font-variant-numeric:tabular-nums}.rletter figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:8px;opacity:0;transition:opacity .25s ease}.rletter:hover figcaption{opacity:1}@media (max-width: 860px){.rpile{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.rletter{position:static;width:100%;transform:none}.rletter figcaption{opacity:1}}@media (prefers-reduced-motion: reduce){.rletter{opacity:1;translate:0 0;transition:none}}.obox{margin-top:40px}.obox-pile{position:relative;display:block;width:100%;height:300px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;overflow:hidden;text-align:left;transition:border-color .25s ease}.obox-pile:hover,.obox-pile:focus-visible{border-color:var(--border-hi)}.obox-card{position:absolute;top:28px;width:38%;border:1px solid var(--border-hi);background:var(--surface-hi);box-shadow:0 20px 48px var(--gold-glow);overflow:hidden;height:320px;opacity:0;translate:0 20px;transition:opacity .5s ease var(--pd, 0ms),translate .6s cubic-bezier(.22,1,.36,1) var(--pd, 0ms),transform .35s cubic-bezier(.22,1,.36,1)}.obox-in .obox-card{opacity:1;translate:0 0}.obox-card img{display:block;width:100%;object-fit:cover;object-position:top;height:100%}.obox-card-0{left:8%;transform:rotate(-3deg);--pd: 0ms}.obox-card-1{left:31%;top:44px;transform:rotate(1.5deg);z-index:2;--pd: .12s}.obox-card-2{left:54%;transform:rotate(3.5deg);--pd: .24s}.obox-pile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 30%,var(--bg) 92%);pointer-events:none}.obox-pile:hover .obox-card{transform:rotate(0) translateY(-8px)}.obox-label{position:absolute;left:24px;bottom:20px;z-index:3;display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.obox-label strong{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--text)}.obox-label span{font-size:11px;letter-spacing:.06em;color:var(--text-3);transition:color .25s ease}.obox-pile:hover .obox-label span{color:var(--text-2)}.owall{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column}.owall-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-2);font-variant-numeric:tabular-nums}.owall-bar button{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-2);background:var(--surface-hi);border:1px solid var(--border-hi);border-radius:4px;padding:6px 14px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.owall-bar button:hover{color:var(--text);border-color:var(--text-3)}.owall-scroll{flex:1;overflow-y:auto;padding:28px}.owall-grid{columns:3 320px;column-gap:20px;max-width:1240px;margin:0 auto}.owall-item{position:relative;break-inside:avoid;margin:0 0 20px}.owall-item img{display:block;width:100%;border:1px solid var(--border-hi);background:var(--surface)}.owall-tab{position:absolute;top:10px;left:10px;z-index:2;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-2);background:var(--surface-hi);border:1px solid var(--border-hi);border-radius:4px;padding:2px 8px;font-variant-numeric:tabular-nums}@media (max-width: 860px){.obox-pile{height:240px}.obox-card{width:46%;height:260px}.obox-card-0{left:4%}.obox-card-1{left:28%}.obox-card-2{left:52%}.owall-scroll{padding:16px}}@media (prefers-reduced-motion: reduce){.obox-card{opacity:1;translate:0 0;transition:none}}.film{margin:0;min-width:0}.film-stage{position:relative;border:1px solid var(--border);background:var(--surface);overflow:hidden;cursor:pointer}.film-stage video{display:block;width:100%;height:100%;object-fit:cover}.film-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-veil);opacity:1;transition:opacity .4s ease-out;pointer-events:none}.film-playing .film-stage:after{opacity:0}.film-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text);padding:8px 14px;border:1px solid var(--border-hi);background:var(--bg-scrim-60);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:1}.film-sound{position:absolute;right:12px;bottom:12px;z-index:1;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);padding:6px 10px;border:1px solid var(--border-hi);background:var(--bg-scrim-60);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:color .2s ease-out,border-color .2s ease-out}.film-sound:hover{color:var(--text);border-color:var(--text-3)}.film-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--white-05)}.film-progress span{display:block;height:100%;background:var(--text-3);transform-origin:left;transform:scaleX(0)}.film figcaption{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:8px}.film-time{font-variant-numeric:tabular-nums}.film-missing{display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-hi)}.film-missing figcaption{margin:0}.case-films-head{display:flex;justify-content:flex-end;margin-top:40px}.case-films-head+.case-films{margin-top:12px}.case-films-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-3);text-decoration:none;border-bottom:1px solid var(--border-hi);transition:color .2s ease-out,border-color .2s ease-out}.case-films-link:hover{color:var(--text-2);border-color:var(--text-3)}.case-films{display:grid;gap:20px;margin-top:40px}.case-films-strip{grid-template-columns:repeat(3,1fr)}.case-films-feature{grid-template-columns:1fr .8fr;align-items:start}@media (max-width: 700px){.case-films-strip,.case-films-feature{grid-template-columns:1fr}.case-films{gap:28px}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lightbox-in .25s ease-out}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:16px;right:16px;z-index:1;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-2);background:var(--surface);border:1px solid var(--border-hi);border-radius:999px;padding:8px 16px;cursor:pointer;transition:border-color .2s,color .2s}.lightbox-close:hover,.lightbox-close:focus-visible{border-color:var(--gold-dim);color:var(--text)}.lightbox-close:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.lightbox-scroller{flex:1;overflow:auto;padding:64px 24px 24px}.lightbox-image{display:block;margin:0 auto;max-width:min(1100px,100%);border:1px solid var(--border-hi);background:var(--surface)}@media (prefers-reduced-motion: reduce){.lightbox{animation:none}}.dive{margin-top:56px}.dive-head{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.dive-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.dive-title{font-family:var(--font-mono);font-size:12px;color:var(--text-2);flex:1;min-width:0}.dive-progress{font-family:var(--font-mono);font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.dive-arrows{display:flex;gap:8px}.dive-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--border-hi);border-radius:999px;color:var(--text-2);font-size:14px;transition:color .2s,border-color .2s,opacity .2s}.dive-arrow:hover:not(:disabled),.dive-arrow:focus-visible{color:var(--gold);border-color:var(--gold-dim)}.dive-arrow:disabled{opacity:.3;cursor:default}.dive-track{display:flex;flex-direction:column;gap:24px;margin-top:24px;outline:none}.dive-progress,.dive-arrows{display:none}.dive-track::-webkit-scrollbar{display:none}.dive-track:focus-visible{outline:1px solid var(--gold-dim);outline-offset:8px}.dive-card{flex:0 0 auto;min-width:0;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:4px}@media (max-width: 700px){.dive-card{padding:20px 16px}}.pkg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pkg-diamond{display:inline-block;width:7px;height:7px;border:1.4px solid currentColor;transform:rotate(45deg);flex-shrink:0}.pkg-tag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:4px 8px;border-radius:4px;background:#7b61ff;color:#fff;font-size:12px;font-weight:500;line-height:1.3}.pkg-slotnote{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 8px;border-radius:999px;background:var(--surface-hi);border:1px solid #9b87ff;color:#9b87ff;font-family:var(--font-mono);font-size:11px;line-height:1.4;white-space:nowrap}.pkg-chip{display:inline-block;padding:2px 8px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;background:var(--surface-hi);border:1px solid #207934;color:#bcd7c2}.pkg-chip-conv{background:var(--surface-hi);border-color:var(--gold);color:var(--gold)}.pkg-namemap-head,.pkg-namemap-row{display:grid;grid-template-columns:minmax(0,1.15fr) 128px minmax(0,1fr);align-items:stretch}.pkg-namemap-head{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-3);margin-bottom:12px}.pkg-namemap-src{display:inline-flex;align-items:center;gap:8px;color:#9b87ff}.pkg-namemap-dst{color:#bcd7c2}.pkg-namemap-rows{list-style:none;margin:0;padding:0;display:grid;gap:12px}.pkg-namemap-figma{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px;border-radius:8px;background:radial-gradient(circle at 1px 1px,#c7c7d1 1px,transparent 1.2px) 0 0 / 16px 16px,#f5f5f5}.pkg-namemap-render{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #e3e3e8}.pkg-namemap-render img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:left center}.pkg-namemap-figma .pkg-slotnote{position:absolute;top:12px;right:12px;font-size:10px;padding:2px 8px}.pkg-namemap-link{position:relative;display:flex;align-items:center;justify-content:center}.pkg-namemap-link svg{position:absolute;inset:50% 0 auto;width:100%;height:8px;transform:translateY(-50%);overflow:visible}.pkg-namemap-link path{fill:none;stroke:var(--gold-dim);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .45s ease-out;transition-delay:calc(var(--i) * .11s + .2s)}.pkg-namemap-link .pkg-chip{position:relative;opacity:0;transform:scale(.4);transition:opacity .2s ease-out,transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i) * .11s + .52s)}.pkg-namemap-export{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;background:#101013;border:1px solid var(--border-hi);font-family:var(--font-mono)}.pkg-namemap-kw{font-size:11px;color:#bcd7c2;opacity:.7}.pkg-namemap-name{font-size:15px;color:#f9fdf8;overflow-wrap:anywhere;opacity:0;transition:opacity .35s ease-out;transition-delay:calc(var(--i) * .11s + .6s)}.pkg-namemap-figma,.pkg-namemap-export{opacity:0;transform:translateY(6px);transition:opacity .4s ease-out,transform .4s ease-out;transition-delay:calc(var(--i) * .11s)}.pkg-namemap.in-view .pkg-namemap-figma,.pkg-namemap.in-view .pkg-namemap-export,.pkg-namemap.in-view .pkg-namemap-name,.pkg-namemap.in-view .pkg-chip{opacity:1;transform:none}.pkg-namemap.in-view .pkg-namemap-link path{stroke-dashoffset:0}.pkg-namemap .case-art-caption{margin-top:16px}.pkg-toggle{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:40px;align-items:center;padding:36px 36px 32px;background:var(--surface);border:1px solid var(--border);border-radius:4px}.pkg-toggle-stage{display:grid;gap:32px}.pkg-toggle-state{margin:0;display:flex;flex-direction:column;align-items:flex-start}.pkg-state-label{font-family:var(--font-mono);font-size:11px;padding:4px 12px;border-radius:999px;margin-bottom:12px;opacity:0;transition:opacity .35s ease-out}.pkg-state-label-bad{background:var(--surface-hi);border:1px solid #d2322d;color:var(--text)}.pkg-state-label-good{background:var(--surface-hi);border:1px solid #28a745;color:var(--text);transition-delay:.35s}.pkg-toggle-card{align-self:stretch;padding:16px 20px;border-radius:12px;background:#fff;box-shadow:0 16px 36px var(--bg);opacity:0;transform:translateY(8px);transition:opacity .45s ease-out,transform .45s ease-out}.pkg-toggle-after .pkg-toggle-card{transition-delay:.35s}.pkg-toggle-render{position:relative;width:100%}.pkg-toggle-render img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.pkg-toggle-to{opacity:0;transition:opacity .35s ease-out 1.45s}.pkg-toggle-from{transition:opacity .35s ease-out 1.45s}.pkg-toggle-mark,.pkg-toggle-ghost{position:absolute;opacity:0;transform:scale(.6);transition:opacity .2s ease-out,transform .45s cubic-bezier(.34,1.56,.64,1)}.pkg-toggle-mark{border:1.5px dashed #d2322d;border-radius:8px;transition-delay:.55s}.pkg-toggle-ghost{border:1px dashed #9b87ff;border-radius:4px;transition-delay:calc(1.7s + var(--i) * .12s)}.pkg-toggle-note{position:relative;margin-top:16px;left:var(--x);transform:translate(-82%,-4px);opacity:0;transition:opacity .3s ease-out .8s,transform .3s ease-out .8s}.pkg-toggle-note:before{content:"";position:absolute;left:82%;bottom:100%;height:16px;border-left:1px dashed #9b87ff}.pkg-toggle-note-after{transition-delay:2s,2s}.pkg-panel{align-self:center;background:#1c1c1a;border:1px solid var(--border-hi);border-radius:12px;padding:0 0 14px;box-shadow:0 16px 36px var(--bg);opacity:0;transform:translate(8px);transition:opacity .45s ease-out .5s,transform .45s ease-out .5s}.pkg-panel-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-hi);font-size:13px;font-weight:500;color:var(--text)}.pkg-panel-head .pkg-diamond{color:#9b87ff}.pkg-panel-title{display:block;padding:12px 16px 6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.pkg-panel-props{margin:0}.pkg-panel-prop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 16px}.pkg-panel-prop dt{font-family:var(--font-mono);font-size:11px;color:var(--text-2)}.pkg-panel-prop dd{margin:0;font-size:12px;color:var(--text)}.pkg-switch{position:relative;display:block;width:30px;height:18px;border-radius:999px;background:#28a745;transition:background .25s ease-out}.pkg-switch:after{content:"";position:absolute;top:2px;left:14px;width:14px;height:14px;border-radius:50%;background:#f5f5f5;transition:left .25s cubic-bezier(.34,1.56,.64,1)}.pkg-switch-flips,.pkg-switch-flips:after{transition-delay:calc(1s + var(--f) * .28s)}.pkg-toggle.in-view .pkg-switch-flips{background:#3a3a45}.pkg-toggle.in-view .pkg-switch-flips:after{left:2px}.pkg-panel-note{display:block;padding:8px 16px 0;font-family:var(--font-mono);font-size:10px;color:#bcd7c2}.pkg-toggle-caption{grid-column:1 / -1;margin:0}.pkg-toggle.in-view .pkg-state-label,.pkg-toggle.in-view .pkg-toggle-card,.pkg-toggle.in-view .pkg-panel,.pkg-toggle.in-view .pkg-toggle-mark,.pkg-toggle.in-view .pkg-toggle-ghost,.pkg-toggle.in-view .pkg-toggle-to{opacity:1;transform:none}.pkg-toggle.in-view .pkg-toggle-note{opacity:1;transform:translate(-82%)}.pkg-toggle.in-view .pkg-toggle-from{opacity:0}.pkg-radius{padding:28px 28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:4px}.pkg-radius-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:var(--text-3);margin-bottom:20px}.pkg-radius-flagnote{color:var(--gold);opacity:0;transition:opacity .4s ease-out 1s}.pkg-radius-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px}.pkg-radius-step{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(10px);transition:opacity .35s ease-out,transform .35s ease-out;transition-delay:calc(var(--i) * 55ms)}.pkg-radius-tile{display:flex;align-items:center;justify-content:center;width:100%;max-width:54px;aspect-ratio:1;background:linear-gradient(150deg,#28a745,#207934 70%);box-shadow:0 8px 16px var(--bg);color:#fff;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.pkg-radius-step.is-flag .pkg-radius-tile{background:linear-gradient(150deg,var(--gold),var(--gold-dim));color:var(--bg)}.pkg-radius-name{font-family:var(--font-mono);font-size:11px;color:var(--text-2)}.pkg-radius-step.is-flag .pkg-radius-name{color:var(--gold)}.pkg-radius-picker{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.pkg-radius-picker-label{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.pkg-radius-picks{display:flex;flex-wrap:wrap;gap:8px}.pkg-radius-pick{font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border-hi);color:var(--text-3);opacity:0;transition:opacity .3s ease-out;transition-delay:calc(.7s + var(--i) * 40ms)}.pkg-radius-pick.is-flag{border-color:var(--gold);color:var(--gold);background:var(--gold-glow)}.pkg-radius.in-view .pkg-radius-step,.pkg-radius.in-view .pkg-radius-pick,.pkg-radius.in-view .pkg-radius-flagnote{opacity:1;transform:none}.pkg-radius.in-view .pkg-radius-step.is-flag .pkg-radius-tile,.pkg-radius.in-view .pkg-radius-pick.is-flag{animation:pkg-pop .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:1.1s}.pkg-radius.in-view .pkg-radius-pick.is-flag{animation-delay:calc(1.3s + var(--i) * 40ms)}@keyframes pkg-pop{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}.pkg-radius .case-art-caption{margin-top:16px}.pkg-seq-tabs{display:flex;gap:8px;margin-bottom:16px}.pkg-seq-tab{flex:1;display:flex;align-items:baseline;gap:8px;padding:12px 16px;background:transparent;border:0;border-top:2px solid var(--border-hi);color:var(--text-3);font:inherit;text-align:left;cursor:pointer;transition:color .2s ease-out,border-color .2s ease-out}.pkg-seq-tab:hover{color:var(--text-2)}.pkg-seq-tab:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.pkg-seq-tab.is-active{color:var(--text);border-top-color:var(--gold)}.pkg-seq-num{font-family:var(--font-mono);font-size:11px;color:var(--gold-dim)}.pkg-seq-tab.is-active .pkg-seq-num{color:var(--gold)}.pkg-seq-label{font-size:15px}.pkg-seq-flag{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim)}.pkg-seq-stage{position:relative;aspect-ratio:16 / 10;background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden}.pkg-seq-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.985);transition:opacity .35s ease-out,transform .35s ease-out;pointer-events:none}.pkg-seq-slide.is-active{opacity:1;transform:none;pointer-events:auto}.pkg-seq-slide img{display:block;width:100%;height:100%;object-fit:contain}.pkg-seq-pending{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;text-align:center}.pkg-seq .case-art-caption{margin-top:12px}.case-art-rename-row.has-demo{grid-template-columns:56px minmax(0,1fr) 400px;grid-template-rows:auto 1fr;grid-template-areas:"v change demo" "v why demo";gap:8px 24px;padding:20px 0}.case-art-rename-row.has-demo .case-art-version{grid-area:v}.case-art-rename-row.has-demo .case-art-rename-change{grid-area:change}.case-art-rename-row.has-demo .case-art-rename-why{grid-area:why}.pkg-demo{grid-area:demo;align-self:start;padding:16px;border-radius:8px;background:radial-gradient(circle at 1px 1px,#c7c7d1 1px,transparent 1.2px) 0 0 / 16px 16px,#f5f5f5}.pkg-demo-chips{display:flex;gap:16px;flex-wrap:wrap}.pkg-demo-chip{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.pkg-demo-pill{padding:4px 12px;margin-bottom:4px;border-radius:999px;background:#fff;border:1px solid #e3e3e8;color:#101013;font-size:13px}.pkg-demo-pill.is-outlined{background:#f9fdf8;border-color:#207934;color:#207934}.pkg-demo-new,.pkg-demo-old,.pkg-demo-value{font-family:var(--font-mono);font-size:12px}.pkg-demo-new{color:#207934}.pkg-demo-old{color:#d2322d;text-decoration:line-through;opacity:.8}.pkg-demo-axis{display:flex;gap:12px;align-items:baseline;margin-bottom:12px}.pkg-demo-renders{display:flex;flex-direction:column;gap:8px}.pkg-demo-render{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 8px;border-radius:4px;background:#fff;box-shadow:0 0 0 1px #e3e3e8}.pkg-demo-render img{display:block;max-width:calc(100% - 92px);height:auto}.pkg-demo-value{flex:0 0 80px;text-align:right;color:#207934}@media (max-width: 700px){.pkg-seq-tab{flex-direction:column;gap:4px;padding:8px 4px}.pkg-seq-flag{margin-left:0}.case-art-rename-row.has-demo{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"v change" "v why" "v demo"}.pkg-namemap-head{display:none}.pkg-namemap-row{grid-template-columns:1fr;gap:8px}.pkg-namemap-link{justify-content:flex-start}.pkg-namemap-link svg{display:none}.pkg-toggle{grid-template-columns:1fr;gap:28px;padding:24px 18px}.pkg-toggle-note{left:auto;transform:none;align-self:flex-end;white-space:normal}.pkg-toggle.in-view .pkg-toggle-note{transform:none}.pkg-toggle-note:before{display:none}.pkg-radius{padding:22px 16px}.pkg-radius-steps{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:16px}}@media (prefers-reduced-motion: reduce){.pkg-namemap *,.pkg-toggle *,.pkg-toggle *:after,.pkg-radius *{transition:none!important;animation:none!important}.pkg-namemap-figma,.pkg-namemap-export,.pkg-namemap-name,.pkg-chip,.pkg-state-label,.pkg-toggle-card,.pkg-panel,.pkg-toggle-mark,.pkg-toggle-ghost,.pkg-toggle-to,.pkg-radius-step,.pkg-radius-pick,.pkg-radius-flagnote{opacity:1;transform:none}.pkg-toggle-note{opacity:1;transform:translate(-82%)}.pkg-toggle-from{opacity:0}.pkg-namemap-link path{stroke-dashoffset:0}.pkg-switch-flips{background:#3a3a45}.pkg-switch-flips:after{left:2px}}.case-page{padding-top:84px}.case-page .container{max-width:1056px;margin:0 auto;padding:0 24px}.case-hero{padding:96px 0 64px;border-bottom:1px solid var(--border);background-image:radial-gradient(var(--border-hi) 1px,transparent 1px);background-size:28px 28px}.case-head{display:flex;align-items:baseline;gap:16px;margin-bottom:24px}.case-back{display:inline-flex;align-items:baseline;gap:8px;padding-right:16px;border-right:1px solid var(--border-hi);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);text-decoration:none;transition:color .2s ease-out}.case-back-arrow{display:inline-block;transition:transform .2s ease-out}.case-back:hover{color:var(--gold)}.case-back:hover .case-back-arrow{transform:translate(-4px)}.case-back:focus-visible{outline:1px solid var(--gold);outline-offset:4px}@media (prefers-reduced-motion: reduce){.case-back,.case-back-arrow{transition:none}}.case-id{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--gold)}.case-tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.case-title{font-family:var(--font-mono);font-weight:300;font-size:clamp(36px,6vw,64px);letter-spacing:-.02em;color:var(--text);line-height:1.1}.case-oneliner{font-size:18px;font-weight:300;color:var(--text-2);line-height:1.7;max-width:640px;margin-top:20px}.case-stamp{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-3)}.case-stamp-label{text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dim)}.case-stamp-item+.case-stamp-item:before{content:"·";margin-right:16px;color:var(--border-hi)}.case-meta{display:flex;flex-wrap:wrap;gap:40px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.case-meta-item{display:flex;flex-direction:column;gap:4px;max-width:220px}.case-meta-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.case-meta-value{font-size:14px;color:var(--text-2);line-height:1.5}.case-outcome{margin-left:auto;align-items:flex-end;text-align:right}.case-outcome-value{font-family:var(--font-mono);font-weight:300;font-size:clamp(28px,4vw,44px);line-height:1.1;color:var(--gold);font-variant-numeric:tabular-nums}.case-section{padding:72px 0 0}.case-section:last-of-type{padding-bottom:72px}.case-eyebrow{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.case-body p{font-size:16px;font-weight:300;color:var(--text-2);line-height:1.8;max-width:640px;margin-bottom:16px}.case-images{display:grid;gap:16px;margin-top:32px}.case-images-2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-figure{margin:0}.case-figure img{display:block;width:100%;border:1px solid var(--border);border-radius:12px}.case-figure figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:8px}.case-pile{position:relative;aspect-ratio:2 / .85;margin-top:40px}.case-pile-card{position:absolute;top:0;width:62%;margin:0;transition:transform .35s cubic-bezier(.22,1,.36,1)}.case-pile-card:nth-child(odd){left:0;transform:rotate(-2.5deg)}.case-pile-card:nth-child(2n){left:34%;top:28px;transform:rotate(2deg);z-index:2}.case-pile-card:hover{transform:rotate(0) scale(1.04);z-index:3}.case-pile-card img{display:block;width:100%;border:1px solid var(--border-hi);background:var(--surface);box-shadow:0 20px 48px var(--gold-glow)}.case-pile-card figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:8px;opacity:0;transition:opacity .25s ease}.case-pile-card:hover figcaption{opacity:1}@media (max-width: 700px){.case-pile{height:auto;display:grid;gap:24px}.case-pile-card{position:static;width:100%;transform:none}.case-pile-card figcaption{opacity:1}}.case-next{border-top:1px solid var(--border);margin-top:72px;padding:64px 0 96px}.case-next-link{display:flex;align-items:baseline;justify-content:space-between;gap:24px;text-decoration:none}.case-next-title{font-family:var(--font-mono);font-weight:300;font-size:clamp(28px,4.5vw,44px);color:var(--text);transition:color .2s}.case-next-link:hover .case-next-title{color:var(--gold)}.case-next-arrow{font-size:clamp(20px,2.5vw,28px);color:var(--gold);transition:transform .2s}.case-next-link:hover .case-next-arrow{transform:translate(8px)}@media (max-width: 700px){.case-images-2{grid-template-columns:1fr}.case-outcome{margin-left:0;align-items:flex-start;text-align:left}}.case-lede{font-size:18px;font-weight:300;color:var(--text);line-height:1.6;max-width:640px;margin-bottom:20px}.case-quotes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.case-quote{margin:0;padding:20px 24px;background:var(--surface);border-left:2px solid var(--gold-dim);border-radius:4px}.case-quote p{font-size:15px;font-style:italic;color:var(--text);line-height:1.6;margin-bottom:8px}.case-quote cite{font-family:var(--font-mono);font-size:11px;font-style:normal;letter-spacing:.06em;color:var(--text-3)}.case-metrics{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:32px}.case-metric{display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:baseline;padding:16px 20px}.case-metric+.case-metric{border-top:1px solid var(--border)}.case-metric-label{font-family:var(--font-mono);font-size:13px;color:var(--text)}.case-metric-goal{font-size:14px;font-weight:300;color:var(--text-3)}.case-metric-result{font-family:var(--font-mono);font-size:13px;color:var(--gold);white-space:nowrap}.case-decisions{display:flex;flex-direction:column;gap:24px;margin-top:8px}.case-decision{border:1px solid var(--border);border-radius:8px;padding:24px}.case-decision-title{font-family:var(--font-mono);font-size:15px;font-weight:400;color:var(--text);margin-bottom:20px}.case-ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-ba-col{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:16px}.case-ba-after{border-color:var(--gold-dim)}.case-ba-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}.case-ba-after .case-ba-label{color:var(--gold)}.case-ba-col p{font-size:14px;font-weight:300;color:var(--text-2);line-height:1.6}.case-decision-why{font-size:14px;font-weight:300;color:var(--text-2);line-height:1.7;margin-top:16px}.case-decision-why span{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-right:8px}.case-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.case-list{border:1px solid var(--border);border-radius:8px;padding:20px}.case-list-head{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--gold);margin-bottom:12px}.case-list ul{display:flex;flex-direction:column;gap:8px}.case-list li{font-size:14px;font-weight:300;color:var(--text-2);padding-left:16px;position:relative}.case-list li:before{content:"·";position:absolute;left:4px;color:var(--gold-dim)}.case-callout{font-size:17px;font-weight:300;color:var(--text);line-height:1.7;max-width:640px;margin-top:32px;padding:20px 24px;background:var(--gold-glow);border-left:2px solid var(--gold);border-radius:4px}.case-reflection{border-top:1px solid var(--border);margin-top:72px;padding-top:64px}@media (max-width: 700px){.case-quotes,.case-lists,.case-ba{grid-template-columns:1fr}.case-metric{grid-template-columns:1fr;gap:4px}}.case-layout{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:232px minmax(0,1fr);gap:48px;align-items:start}.case-layout .container{max-width:none;padding:0}.case-index{position:sticky;top:56px;display:flex;flex-direction:column;gap:4px;padding-top:64px;padding-bottom:40px;max-height:calc(100vh - 96px);overflow-y:auto;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 40px,black 64px,black calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent 40px,black 64px,black calc(100% - 24px),transparent)}.case-index::-webkit-scrollbar{display:none}.case-index-item{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid transparent;text-decoration:none;transition:border-color .25s}.case-index-row{display:flex;align-items:baseline;gap:12px}.case-index-n{font-family:var(--font-mono);font-size:12px;color:var(--text-3);transition:color .25s}.case-index-title{font-family:var(--font-mono);font-size:13px;color:var(--text-3);line-height:1.4;transition:color .25s}.case-index-item:hover .case-index-title,.case-index-item:hover .case-index-n{color:var(--text-2)}.case-index-on{border-bottom-color:var(--gold-dim)}.case-index-on .case-index-n,.case-index-on .case-index-title{color:var(--gold)}.case-index-lede{font-size:12px;font-weight:300;color:var(--text-3);line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .25s ease,margin .35s ease}.case-index-on .case-index-lede{max-height:96px;opacity:1;margin-bottom:4px}@media (max-width: 1080px){.case-layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:880px}.case-index{display:none}}@media (prefers-reduced-motion: reduce){.case-index-lede{transition:none}}.case-pull-wrap{padding:64px 0}.case-pull{font-family:var(--font-mono);font-weight:300;font-size:clamp(24px,3.4vw,40px);line-height:1.35;color:var(--text);max-width:760px;text-wrap:balance}.case-pull-who{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--text-3);margin-top:16px}.case-timeline{display:flex;flex-direction:column;margin-top:32px}.case-tl-row{position:relative;display:grid;grid-template-columns:20px 150px 1fr;gap:0 20px;align-items:baseline;padding:8px 0;margin-top:var(--tl-gap, 0px)}.case-tl-row:before{content:"";position:absolute;left:6px;top:calc(var(--tl-gap, 0px) * -1 - 8px);bottom:-8px;width:1px;background:var(--border-hi)}.case-tl-row:first-child:before{top:14px}.case-tl-last:before,.case-tl-row:has(+.case-tl-undated):before{bottom:auto;height:calc(var(--tl-gap, 0px) + 8px + 14px)}.case-tl-node{position:relative;z-index:1;align-self:start;width:7px;height:7px;margin:6px 0 0 3px;border-radius:50%;background:var(--surface);border:1px solid var(--text-3)}.case-tl-date{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--text-3);font-variant-numeric:tabular-nums}.case-tl-text{font-size:16px;font-weight:300;color:var(--text-2)}.case-tl-stop .case-tl-text{font-family:var(--font-mono);color:var(--text)}.case-tl-stop .case-tl-date{color:var(--text-2)}.case-tl-stop .case-tl-node{background:var(--text);border-color:var(--text)}.case-tl-undated{margin-top:20px}.case-tl-undated:before{display:none}.case-tl-undated .case-tl-node{border-style:dashed;opacity:.6}.case-tl-undated .case-tl-text,.case-tl-undated .case-tl-date{color:var(--text-3)}@media (max-width: 700px){.case-tl-row{grid-template-columns:20px 1fr;gap:0 16px;padding:6px 0;margin-top:calc(var(--tl-gap, 0px) * .6)}.case-tl-row:before{top:calc(var(--tl-gap, 0px) * -.6 - 6px);bottom:-6px}.case-tl-row:first-child:before{top:12px}.case-tl-last:before,.case-tl-row:has(+.case-tl-undated):before{bottom:auto;height:calc(var(--tl-gap, 0px) * .6 + 6px + 12px)}.case-tl-date,.case-tl-text{grid-column:2}.case-tl-node{grid-row:1 / span 2}}.case-figure.missing img{display:none}.case-figure.missing:before{content:attr(data-label);display:flex;align-items:center;justify-content:center;text-align:center;aspect-ratio:16 / 10;padding:16px;border:1px dashed var(--border-hi);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-3)}.case-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease-out,transform .5s ease-out}.case-reveal.in-view{opacity:1;transform:translateY(0)}.case-images-3{grid-template-columns:repeat(3,minmax(0,1fr))}.case-images-4{grid-template-columns:repeat(4,minmax(0,1fr))}.case-images-5{grid-template-columns:repeat(5,minmax(0,1fr))}.case-table{max-width:640px;margin:8px 0 24px;font-family:var(--font-mono);font-size:13px;border-top:1px solid var(--border)}.case-table-row{display:grid;grid-template-columns:1fr 56px 1.4fr;gap:16px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border);opacity:0;transform:translateY(8px);transition:opacity .45s ease-out,transform .45s ease-out}.case-reveal.in-view .case-table-row{opacity:1;transform:translateY(0)}.case-table-name{color:var(--text)}.case-table-count{color:var(--gold);text-align:right;font-variant-numeric:tabular-nums}.case-table-note{color:var(--text-3)}.case-pairs{display:grid;gap:40px;margin-top:32px}.case-pair{margin:0}.case-pair-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px}.case-pair-col img{display:block;width:100%;border:1px solid var(--border);border-radius:12px}.case-pair-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:8px}.case-pair figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:12px;max-width:640px}.case-pair.missing img{display:none}.case-pair.missing .case-pair-col:before{content:"artwork incoming";display:flex;align-items:center;justify-content:center;aspect-ratio:9 / 12;border:1px dashed var(--border-hi);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-3)}.case-strip{margin:32px 0 0}.case-strip-scroller{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent;border:1px solid var(--border);border-radius:12px}.case-strip-scroller:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.case-strip-scroller::-webkit-scrollbar{height:6px}.case-strip-scroller::-webkit-scrollbar-thumb{background:var(--border-hi)}.case-strip-scroller img{display:block;height:clamp(320px,52vh,560px);width:auto;max-width:none}.case-strip figcaption{display:flex;justify-content:space-between;gap:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:8px}.case-strip-hint{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase}.case-strip.missing img{display:none}.case-strip.missing .case-strip-scroller:before{content:"artwork incoming";display:flex;align-items:center;justify-content:center;height:320px;min-width:100%;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-3)}.case-zoom{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in}.case-zoom:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.case-crosslink{margin-top:24px}.case-crosslink a{font-family:var(--font-mono);font-size:13px;color:var(--text-2);text-decoration:none;border-bottom:1px solid var(--border-hi);padding-bottom:4px;transition:color .2s,border-color .2s}.case-crosslink a:hover,.case-crosslink a:focus-visible{color:var(--gold);border-color:var(--gold-dim)}@media (max-width: 700px){.case-images-3,.case-images-4,.case-images-5{grid-template-columns:repeat(2,minmax(0,1fr))}.case-pair-cols{gap:12px}.case-strip-scroller img{height:clamp(280px,44vh,420px)}}@media (prefers-reduced-motion: reduce){.case-reveal,.case-reveal .case-table-row{opacity:1;transform:none;transition:none}}.case-colorfields{display:grid;gap:16px;margin-top:32px}.case-colorfield{display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(180px,26vh,280px);padding:20px 24px;border:1px solid var(--border)}.case-colorfield-name{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.case-colorfield-hex{font-family:var(--font-mono);font-weight:300;font-size:clamp(28px,4.4vw,56px);letter-spacing:.04em;line-height:1}.case-swatches{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-top:32px}.case-swatch-row{min-width:0}.case-swatch-title{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px}.case-swatch-cells{display:flex;gap:4px}.case-swatch{flex:1;min-width:0}.case-swatch-chip{display:block;height:56px;border:1px solid var(--border)}.case-swatch-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text-3);margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}@media (max-width: 480px){.case-swatch-label{display:none}}.case-typewall{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 32px;max-width:760px;margin-top:32px;border-top:1px solid var(--border)}.case-typewall-cell{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-2)}.case-typewall-n{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--gold)}.case-typewall-coda{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.case-strip-inner{width:max-content;min-width:100%}.case-strip-spine{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--border-hi)}.case-strip-frame{position:relative;padding:8px 0 8px 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-3)}.case-strip-node{position:absolute;top:-3px;left:0;width:5px;height:5px;background:var(--gold-dim)}.case-images-marks .case-frame{position:relative;display:block}.case-images-marks .case-frame:before,.case-images-marks .case-frame:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none}.case-images-marks .case-frame:before{top:-4px;left:-4px;border-top:1px solid var(--gold-dim);border-left:1px solid var(--gold-dim)}.case-images-marks .case-frame:after{bottom:-4px;right:-4px;border-bottom:1px solid var(--gold-dim);border-right:1px solid var(--gold-dim)}.case-pair-cols{position:relative}.case-pair-cols:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--border-hi)}.case-pair-label:before{content:"· ";color:var(--gold-dim)}@media (min-width: 701px){.case-images-5 .case-figure:nth-child(2n){margin-top:32px}}.case-cascade{max-width:720px;margin:32px 0 40px}.case-cascade-row{display:grid;grid-template-columns:200px 48px minmax(0,1fr);gap:0 20px;align-items:start;opacity:0;transform:translateY(8px);transition:opacity .45s ease-out,transform .45s ease-out}.case-reveal.in-view .case-cascade-row{opacity:1;transform:translateY(0)}.case-cascade-name{font-family:var(--font-mono);font-size:13px;color:var(--text);line-height:32px}.case-cascade-count{font-family:var(--font-mono);font-size:13px;color:var(--gold);text-align:right;font-variant-numeric:tabular-nums;line-height:32px}.case-cascade-lane{min-width:0}.case-cascade-bar{position:relative;height:32px;background:var(--surface);border:1px solid var(--border-hi)}.case-cascade-note{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--text-3);white-space:nowrap}.case-cascade-thin .case-cascade-note{left:calc(100% + 12px)}.case-cascade-mark .case-cascade-bar{border-color:var(--gold-dim)}.case-cascade-thread{position:relative;display:block;height:44px;margin-left:24px}.case-cascade-thread i{position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--gold-dim)}.case-cascade-thread em{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-style:normal;font-size:11px;letter-spacing:.04em;color:var(--text-2);white-space:nowrap}.case-cascade-thread b{font-weight:400;color:var(--gold)}.case-cascade-end{height:32px}.case-cascade-end i{bottom:auto;height:16px}.case-cascade-end i:after{content:"";position:absolute;left:-2px;bottom:-3px;width:5px;height:5px;background:var(--gold)}.case-cascade-end em{top:12px;transform:none}.case-cascade-row:last-child{margin-top:16px}@media (max-width: 700px){.case-cascade-row{grid-template-columns:minmax(0,1fr) 48px}.case-cascade-lane{grid-column:1 / -1;margin-top:4px}.case-cascade-name,.case-cascade-count{line-height:1.5}.case-cascade-note{display:none}}@media (prefers-reduced-motion: reduce){.case-cascade-row{opacity:1;transform:none;transition:none}}.case-art{margin-top:32px;max-width:760px}.case-art-full{max-width:none}.case-art-caption{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:12px;max-width:640px}.case-art-chain{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.case-art-chain-step{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text-2)}.case-art-chain-arrow{font-family:var(--font-mono);font-size:12px;color:var(--gold)}.case-art-branch{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text-2);overflow-x:auto}.case-art-branch-row{display:flex;align-items:baseline;white-space:nowrap}.case-art-branch-root{flex:0 0 96px;text-align:right}.case-art-branch-glyph{color:var(--text-3);padding:0 8px}.case-art-branch a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold-dim);transition:border-color .2s}.case-art-branch a:hover{border-bottom-color:var(--gold)}.case-art-branch-arrow{color:var(--text-3);padding:0 8px}.case-art-branch-out{color:var(--gold)}.case-art-shots{display:grid;gap:16px}.case-art-shot{margin:0;min-width:0}.case-art-shot .case-frame{display:block}.case-art-shot img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:contain;background:var(--surface);border:1px solid var(--border)}.case-art-shots-seq{gap:32px}.case-art-shots-seq .case-art-shot{position:relative}.case-art-shots-seq .case-art-shot:not(:last-child):after{content:"→";position:absolute;right:-24px;top:calc(50% - 22px);font-family:var(--font-mono);font-size:13px;color:var(--gold-dim)}.case-art-shot figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:8px}.case-art-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:16 / 10;border:1px dashed var(--border-hi);padding:16px;text-align:center}.case-art-pending-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim)}.case-art-pending-hint{font-family:var(--font-mono);font-size:10px;line-height:1.6;color:var(--text-3);max-width:220px}.case-art-renames-title{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px}.case-art-renames{border-top:1px solid var(--border)}.case-art-rename-row{display:grid;grid-template-columns:56px 144px 1.1fr 1fr;gap:8px 20px;align-items:start;padding:14px 0;border-bottom:1px solid var(--border)}.case-art-version{font-family:var(--font-mono);font-size:12px;color:var(--gold)}.case-art-rename-thumb{display:block;width:144px;height:84px;object-fit:cover;border:1px solid var(--border);border-radius:4px}.case-art-rename-thumb-pending{display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-hi);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.case-art-rename-change{font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--text-2);overflow-wrap:anywhere}.case-art-rename-why{font-size:13px;font-weight:300;line-height:1.6;color:var(--text-3)}.case-art-code{margin:0;font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--text-2);background:var(--surface);border:1px solid var(--border);padding:20px 24px;white-space:pre-wrap;overflow-wrap:anywhere}.case-art-rejected{max-width:640px;padding:20px 24px;background:var(--surface);border-left:2px solid var(--border-hi);border-radius:4px}.case-art-rejected p{margin:0;font-size:15px;font-weight:300;line-height:1.7;color:var(--text-2)}.case-art-aside-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}.case-art-loop{position:relative;padding:0 28px}.case-art-loop-row{display:flex;align-items:stretch;gap:8px}.case-art-loop-row+.case-art-loop-row{margin-top:20px}.case-art-loop-cell{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;padding:8px;background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--text-2)}.case-art-loop-x{align-self:center;font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.case-art-loop-side{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:14px}.case-art-loop-down{right:4px;color:var(--text-3)}.case-art-loop-up{left:4px;color:var(--gold)}.case-art-compare{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.case-art-compare-head{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding-bottom:12px;border-bottom:1px solid var(--border)}.case-art-compare-left,.case-art-compare-right{padding:14px 0;border-bottom:1px solid var(--border)}.case-art-compare-left{font-size:14px;font-weight:300;line-height:1.6;color:var(--text-2)}.case-art-compare-right{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text-2);overflow-wrap:anywhere}.case-art-compare-left:nth-last-child(2),.case-art-compare-right:nth-last-child(1){border-bottom:none}.case-art-versions{position:relative;display:flex;padding:8px 0 96px}.case-art-vstep{position:relative;flex:1;min-width:0}.case-art-vstep:last-child{flex:0 0 12px}.case-art-vstep:before{content:"";position:absolute;top:4px;left:0;right:0;height:1px;background:var(--border)}.case-art-vnode{position:absolute;top:0;left:0;width:9px;height:9px;border-radius:999px;background:var(--border-hi)}.case-art-v-break .case-art-vnode{background:transparent;border:1px solid var(--gold)}.case-art-v-fix .case-art-vnode,.case-art-v-gap .case-art-vnode{background:var(--gold)}.case-art-v-now .case-art-vnode{background:var(--gold);box-shadow:0 0 0 4px var(--gold-glow)}.case-art-vmeta{position:absolute;top:20px;left:0;display:flex;flex-direction:column;gap:4px}.case-art-vstep:nth-child(2n) .case-art-vmeta{top:56px}.case-art-vstep:last-child .case-art-vmeta{left:auto;right:0;text-align:right}.case-art-vlabel{font-family:var(--font-mono);font-size:12px;color:var(--text-2);white-space:nowrap}.case-art-vnote{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text-3);width:max-content;max-width:112px}.case-art-vstep:last-child .case-art-vnote{margin-left:auto}.case-art-sub{margin-top:64px}.case-art-sub-title{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);margin-bottom:16px}.case-art-points{border-top:1px solid var(--border)}.case-art-point{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:15px;font-weight:300;line-height:1.6;color:var(--text-2)}.case-art-point-n{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--gold)}.case-art-points-coda{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);margin-top:12px}.case-art-ref{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0}.case-art-ref summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);transition:color .2s}.case-art-ref summary::-webkit-details-marker{display:none}.case-art-ref summary:hover{color:var(--text-2)}.case-art-ref-marker{color:var(--gold);transition:transform .2s}.case-art-ref[open] .case-art-ref-marker{transform:rotate(90deg)}.case-art-ref-body{display:flex;flex-direction:column;gap:24px;margin-top:24px}.case-art-ref-ramps{display:flex;flex-direction:column;gap:8px}.case-art-ref-ramp{display:flex;align-items:center;gap:16px}.case-art-ref-label{flex:0 0 136px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.case-art-ref-strip{flex:1;display:flex;height:12px}.case-art-ref-strip span{flex:1}.case-art-ref-table{border-top:1px solid var(--border)}.case-art-ref-row{display:flex;align-items:baseline;gap:16px;padding:8px 0;border-bottom:1px solid var(--border)}.case-art-ref-values{font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.case-art-ref-chips{flex:1;display:flex;flex-wrap:wrap;gap:8px}.case-art-ref-chip{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;border:1px solid var(--border-hi);font-family:var(--font-mono);font-size:10px;color:var(--text-3)}@media (max-width: 640px){.case-art-shots{grid-template-columns:1fr!important}.case-art-shots-seq .case-art-shot:not(:last-child):after{display:none}.case-art-rename-row{grid-template-columns:56px 144px;grid-template-areas:none}.case-art-rename-change,.case-art-rename-why{grid-column:1 / -1}.case-art-loop{padding:0 20px}.case-art-loop-cell{font-size:10px;padding:6px 4px}.case-art-compare{grid-template-columns:1fr}.case-art-compare-head:nth-child(2){display:none}.case-art-compare-left{border-bottom:none;padding-bottom:4px}.case-art-ref-label{flex-basis:88px}}.case-art-prose{margin-top:32px}.case-section:has(.case-art-prose) .case-art+.case-art{margin-top:96px}.case-art-prose+.case-art,.case-body+.case-art{margin-top:56px}.case-art+.case-art-prose{margin-top:56px}.case-hero-figure{margin-top:64px}.case-art-small{max-width:440px}.case-art-screen{margin:0;min-width:0}.case-art-screen.is-bare .case-art-screen-frame img{box-shadow:none}.case-art-screen-frame{display:block;padding:0;border-radius:8px}.case-art-screen-frame img{display:block;width:100%;border-radius:8px;box-shadow:0 0 0 1px var(--border-hi)}.case-art-screen-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px}.case-art-screenpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.case-art-screen-sliced img{clip-path:inset(0 100% 0 0);transition:clip-path calc(var(--slices) * var(--step)) steps(var(--slices),end) .2s}.case-reveal.in-view .case-art-screen-sliced img{clip-path:inset(0 0 0 0)}.case-art-screen-canvas{position:relative;display:block}.case-art-screen-zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:4px}.case-art-screen-zoom:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.case-art-screen-stepped img{transition:clip-path .14s ease-out}.case-art-annotated{--pad: 0px;--gutter: 248px;--gap: 20px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--gutter);column-gap:var(--gap);align-items:stretch}.case-art-annotated .case-art-screen-frame{padding:var(--pad)}.case-art-annotated-small{--gutter: 208px;grid-template-columns:minmax(0,520px) var(--gutter)}.case-art-callout-dot,.case-art-callout-line{position:absolute;top:calc(var(--y) * 100%);left:calc(var(--x) * 100%);pointer-events:none}.case-art-callout-dot{display:grid;place-items:center;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px var(--bg);font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:1;color:var(--bg);opacity:0;transform:scale(.4);transition:opacity .3s ease-out,transform .4s cubic-bezier(.22,1,.36,1);transition-delay:calc(.3s + var(--i) * .14s)}.case-art-callout-line{height:1px;width:calc((1 - var(--x)) * 100% + var(--pad) + 1px + var(--gap));background:var(--gold);transform:scaleX(0);transform-origin:left center;transition:transform .45s ease-out;transition-delay:calc(.42s + var(--i) * .14s)}.case-art-callout-list{position:relative;list-style:none;margin:0;padding:0}.case-art-callout-label{position:absolute;left:0;top:calc(var(--pad) + (100% - 2 * var(--pad)) * var(--y));display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border:1px solid var(--border-hi);border-radius:8px;background:var(--surface-hi-90);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:0;white-space:nowrap;color:var(--text);opacity:0;transform:translate(-8px,-50%);transition:opacity .35s ease-out,transform .35s ease-out;transition-delay:calc(.64s + var(--i) * .14s)}.case-art-callout-n{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--gold);font-size:10px;letter-spacing:0;color:var(--bg)}.case-reveal.in-view .case-art-callout-dot{opacity:1;transform:scale(1)}.case-reveal.in-view .case-art-callout-line{transform:scaleX(1)}.case-reveal.in-view .case-art-callout-label{opacity:1;transform:translateY(-50%)}@media (min-width: 701px){.case-art-annotated .case-art-callout-dot{width:12px;height:12px;margin:-6px 0 0 -6px;color:transparent;overflow:hidden}.case-art-annotated .case-art-callout-n{display:none}.case-art-annotated .case-art-callout-label{padding-left:16px}.dive-card .case-scene.is-pair .case-art-callout-dot{width:20px;height:20px;margin:-10px 0 0 -10px;color:var(--bg)}.dive-card .case-scene.is-pair .case-art-callout-n{display:grid}.dive-card .case-scene.is-pair .case-art-callout-label{padding-left:8px}}@media (max-width: 700px){.case-art-annotated{grid-template-columns:1fr;row-gap:20px}.case-art-callout-line{display:none}.case-art-callout-list{display:grid;gap:8px}.case-art-callout-label{position:static;justify-self:start;transform:translateY(6px)}.case-reveal.in-view .case-art-callout-label{transform:none}}@media (prefers-reduced-motion: reduce){.case-art-screen-stepped img,.case-art-callout-dot,.case-art-callout-line,.case-art-callout-label{transition:none}.case-art-callout-dot{opacity:1;transform:none}.case-art-callout-line{transform:none}.case-art-callout-label{opacity:1;transform:translateY(-50%)}}@media (prefers-reduced-motion: reduce) and (max-width: 700px){.case-art-callout-label{transform:none}}.case-art-matrix{display:grid;gap:4px;max-width:520px}.case-art-matrix-row{display:grid;grid-template-columns:168px minmax(0,1fr) 24px;align-items:center;gap:16px}.case-art-matrix-label,.case-art-matrix-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3)}.case-art-matrix-count{text-align:right}.case-art-matrix-cells{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.case-art-matrix-cell{aspect-ratio:1;background:var(--gold);border-radius:2px;opacity:0;transition:opacity .12s ease-out;transition-delay:calc(var(--i) * .8s / var(--cells))}.case-reveal.in-view .case-art-matrix-cell{opacity:1}.case-art-chassis{display:grid;gap:8px;max-width:480px}.case-art-chassis-block{position:relative;border:1px solid var(--border-hi);border-radius:4px;padding:16px;height:56px}.case-art-chassis-name{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.case-art-chassis-body{height:208px;border-color:var(--gold-dim)}.case-art-chassis-body .case-art-chassis-name{color:var(--gold)}.case-art-chassis-variant{position:absolute;top:48px;right:16px;bottom:16px;left:16px;display:flex;flex-direction:column;gap:12px;opacity:0;transition:opacity .4s ease-out}.case-art-chassis-variant.is-on{opacity:1}.case-art-chassis-type{font-family:var(--font-mono);font-size:13px;color:var(--text);margin-bottom:4px}.case-art-chassis-bar{display:block;height:8px;background:var(--gold-glow);border-left:2px solid var(--gold-dim)}.case-art-shift{display:grid;gap:56px}.case-art-shift-before{display:flex;flex-wrap:wrap;gap:4px}.case-art-shift-chip{width:28px;height:28px}.case-art-shift-after{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px}.case-art-shift-item{display:flex;flex-direction:column;gap:12px;min-width:0}.case-art-shift-swatch{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:4px;font-family:var(--font-mono);font-size:13px;opacity:0;transform:translateY(8px);transition:opacity .4s ease-out,transform .4s ease-out;transition-delay:calc(var(--i) * .1s)}.case-art-shift-text{display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .4s ease-out .7s}.case-reveal.in-view .case-art-shift-swatch{opacity:1;transform:none}.case-reveal.in-view .case-art-shift-text{opacity:1}.case-art-shift-name,.case-art-shift-hex,.case-art-shift-job{font-family:var(--font-mono);font-size:11px;line-height:1.5}.case-art-shift-name{color:var(--text)}.case-art-shift-hex{color:var(--text-3)}.case-art-shift-job{color:var(--text-2)}.case-art-placement{display:grid;grid-template-columns:repeat(2,minmax(0,200px));gap:64px}.case-art-placement-ticket{display:grid;gap:8px;padding:12px;border:1px solid var(--border-hi);border-radius:4px}.case-art-placement-block{height:32px;border:1px solid var(--border-hi);border-radius:2px}.case-art-placement-tall{height:96px}.case-art-placement-action{display:flex;align-items:center;justify-content:center;height:32px;border-radius:2px;background:var(--gold);color:var(--bg);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.case-art-fails{display:grid;gap:16px;max-width:560px}.case-art-fail{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:16px}.case-art-fail-heads .case-art-screen-label{margin-bottom:0}.case-art-fail-name{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3)}.case-art-fail-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-art-fail-demo{display:flex;align-items:center;height:64px;padding:12px;border:1px solid var(--border);border-radius:4px;min-width:0}.case-art-fail-title{display:block;width:100%;font-family:var(--font-mono);font-size:11px;color:var(--text-2);white-space:nowrap;overflow:hidden}.case-art-fail-clipped{text-overflow:clip}.case-art-fail-ellipsis{text-overflow:ellipsis}.case-art-fail-thread{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.case-art-fail-bubble{display:block;height:12px;border:1px solid var(--border-hi);border-radius:2px}.case-art-fail-reply{align-self:flex-end;background:var(--surface-hi)}.case-art-fail-seg{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:20px;border:1px solid var(--border-hi);border-radius:4px;overflow:hidden}.case-art-fail-seg span+span{border-left:1px solid var(--border-hi)}.case-art-fail-seg .is-on{background:var(--text-3)}.case-footnote{margin-top:48px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3)}@media (max-width: 700px){.case-art-screenpair{grid-template-columns:1fr}.case-art-matrix-row{grid-template-columns:1fr 24px}.case-art-matrix-label{grid-column:1 / -1}.case-art-matrix-cells{gap:4px}.case-art-shift-after{grid-template-columns:repeat(2,minmax(0,1fr))}.case-art-placement{gap:24px}.case-art-fail{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion: reduce){.case-art-screen-sliced img,.case-art-matrix-cell,.case-art-chassis-variant,.case-art-shift-swatch,.case-art-shift-text{opacity:1;transform:none;clip-path:none;transition:none}.case-art-chassis-variant:not(.is-on){opacity:0}}.case-art-shift>.case-art-pending{aspect-ratio:auto;min-height:96px}.case-title-thesis{font-size:clamp(28px,4.4vw,48px);line-height:1.2}.case-title-thesis span{display:block}.case-index-deep{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.case-index-on .case-index-deep{color:var(--gold-dim)}.case-art-caption-gold{color:var(--gold)}.case-art-caption+.case-art-caption{margin-top:8px}.case-art-asideline{margin-top:24px;max-width:640px;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--text-3)}.case-art-asideline a{color:var(--text-2);text-decoration:none;border-bottom:1px solid var(--border-hi);padding-bottom:4px;transition:color .2s,border-color .2s}.case-art-asideline a:hover,.case-art-asideline a:focus-visible{color:var(--gold);border-color:var(--gold-dim)}.case-art-tier,.case-art-flow-node,.case-art-fan-role{opacity:0;transition:opacity .3s ease-out,transform .3s ease-out;transition-delay:calc(var(--i) * .12s)}.case-art-steps.in-view .case-art-tier,.case-art-steps.in-view .case-art-flow-node,.case-art-steps.in-view .case-art-fan-role{opacity:1;transform:none}.case-art-link,.case-art-fan-lines{fill:none;stroke:var(--gold-dim);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.case-art-link path,.case-art-fan-lines path{stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;transition:stroke-dashoffset .3s ease-out;transition-delay:calc(var(--i, 0) * .12s - 60ms)}.case-art-steps.in-view .case-art-link path,.case-art-steps.in-view .case-art-fan-lines path{stroke-dashoffset:0}.case-art-link{width:40px;height:8px;flex-shrink:0;align-self:center}.case-art-tiers,.case-art-flow{display:flex;align-items:stretch;gap:12px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:4px}.case-art-tier{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.case-art-tier-swatch{width:32px;height:32px;border-radius:4px;margin-bottom:4px;transform:scale(.9);transition:transform .3s ease-out;transition-delay:calc(var(--i) * .12s)}.case-art-steps.in-view .case-art-tier-swatch{transform:none}.case-art-tier-token{font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--text);overflow-wrap:anywhere}.case-art-tier-role{font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--text-3)}.case-art-fan{display:grid;grid-template-columns:auto 48px minmax(0,1fr);align-items:center;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:4px}.case-art-fan-value{font-family:var(--font-mono);font-weight:300;font-size:48px;line-height:1;color:var(--gold)}.case-art-fan-lines{width:48px;height:100%;min-height:120px}.case-art-fan-lines path{transition-duration:.2s;transition-delay:0s}.case-art-fan-roles{display:grid;grid-template-rows:repeat(3,1fr);min-height:120px}.case-art-fan-role{display:flex;align-items:center;justify-content:space-between;gap:16px;transform:translate(-8px);transition-duration:.2s;transition-delay:calc(80ms + var(--i) * 40ms)}.case-art-fan-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0}.case-art-fan-demo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;color:var(--text);line-height:1}.case-art-fan-gap{display:flex}.case-art-fan-gap i{width:12px;height:24px;background:var(--text-3)}.case-art-fan-corner{width:32px;height:32px;border:1px solid var(--text-3)}.case-art-flow-node{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;transform:translateY(8px)}.case-art-flow-head{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.case-art-flow-name{font-family:var(--font-mono);font-size:15px;color:var(--text);margin-bottom:4px}.case-art-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--border-hi);border-radius:4px;overflow:hidden}.case-art-seg-btn{padding:8px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);transition:color .2s,background .2s}.case-art-seg-btn+.case-art-seg-btn{border-left:1px solid var(--border-hi)}.case-art-seg-btn:hover,.case-art-seg-btn:focus-visible{color:var(--text)}.case-art-seg-btn.is-on{color:var(--gold);background:var(--gold-glow)}.case-art-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;max-width:400px;margin-top:56px;padding:12px 8px;background:var(--surface);border:1px solid var(--border-hi);border-radius:16px}.case-art-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:40px;justify-content:flex-start}.case-art-tab-glyph{width:16px;height:16px;border:1px solid var(--text-3);border-radius:4px}.case-art-tab-label{font-family:var(--font-mono);font-size:10px;line-height:1.2;color:var(--text-3);text-align:center}.case-art-tab-centre .case-art-tab-glyph{border-color:var(--gold)}.case-art-tab-centre .case-art-tab-label{color:var(--gold)}.case-art-tab-plus{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--gold);border-radius:999px;font-family:var(--font-mono);font-size:16px;color:var(--gold)}.case-art-tab-chooser{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);padding:8px 12px;white-space:nowrap;font-family:var(--font-mono);font-size:11px;color:var(--text);background:var(--surface-hi);border:1px solid var(--border-hi);border-radius:4px}.case-art-tab-centre.is-lift{animation:case-tab-lift .18s ease-out}@keyframes case-tab-lift{0%{opacity:0;transform:translateY(8px)}}.case-art-tabrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.case-art-tabrow-item{margin:0;min-width:0}.case-art-tabrow-item img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--border-hi)}.case-art-tabrow-item .case-art-screen-label{margin:12px 0 0}@media (max-width: 700px){.case-art-tabrow{grid-template-columns:1fr}}.case-art-tabshots{display:grid;max-width:560px;margin-top:24px}.case-art-tabshots img{grid-area:1 / 1;width:100%;height:auto;opacity:0;transform:translateY(8px);transition:opacity .18s ease-out,transform .18s ease-out}.case-art-tabshots img.is-on{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.case-art-tabshots img{transform:none;transition:none}}.case-art-codestrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border)}.case-art-codestrip-cell{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:12px}.case-art-codestrip-code{color:var(--text-2);letter-spacing:.08em}.case-art-codestrip-count{color:var(--gold)}.case-rail-card{display:grid;gap:24px;align-content:start}.case-rail-card-title{display:flex;align-items:baseline;gap:12px;font-family:var(--font-mono);font-size:13px;color:var(--text)}.case-rail-card-media{display:grid;gap:24px;align-content:start;min-width:0}.case-rail-card-media .case-art-screen,.case-rail-card-media .case-art{margin:0}.case-rail-card-copy{min-width:0}.case-rail-card-copy p:not(.case-art-caption){font-size:15px;font-weight:300;line-height:1.7;color:var(--text-2);max-width:560px}.case-rail-card-copy p+p{margin-top:16px}.case-rail-card-mono{list-style:none;margin:0 0 16px;padding:0;counter-reset:rail}.case-rail-card-mono li{counter-increment:rail;display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:13px;color:var(--text-2)}.case-rail-card-mono li:before{content:counter(rail,decimal-leading-zero);font-size:11px;color:var(--gold)}@media (min-width: 901px){.case-rail-card-split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px 40px;align-items:center}.case-rail-card-split .case-rail-card-title{grid-column:1 / -1}}.case-art-dots{display:grid;gap:24px}.case-art-dots-row{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px 12px}.case-art-dots-count{font-family:var(--font-mono);font-weight:300;font-size:18px;line-height:1;color:var(--text)}.case-art-dots-line{display:flex;flex-wrap:wrap;gap:8px}.case-art-dots-line i{width:8px;height:8px;border-radius:999px;background:var(--text-3)}.case-art-dots-line i.is-mark{background:var(--gold);box-shadow:0 0 0 4px var(--gold-glow)}.case-art-dots-label{grid-column:2;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.case-art-dots-label em{font-style:normal;color:var(--gold)}.case-art-swap,.case-art-reorder{display:grid;gap:16px;justify-items:start}.case-art-swap-card{width:100%;padding:16px;background:var(--bg);border:1px solid var(--border-hi);border-radius:8px}.case-art-swap-head{display:block;font-family:var(--font-mono);font-size:13px;color:var(--text);padding-bottom:12px;border-bottom:1px solid var(--border)}.case-art-swap-slots{display:grid;margin-top:12px}.case-art-swap-set{grid-area:1 / 1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;opacity:0;transition:opacity .2s ease-out}.case-art-swap-set.is-on{opacity:1}.case-art-swap-field{display:flex;align-items:center;min-height:48px;padding:8px 12px;font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--text-2);border:1px solid var(--border);border-radius:4px}.case-art-swap-field.is-decisive{color:var(--gold);border-color:var(--gold-dim);background:var(--gold-glow)}.case-art-swap-field.is-pending{border-style:dashed;border-color:var(--border-hi);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim)}.case-art-reorder-list{list-style:none;width:100%;margin:0;padding:0;display:grid;gap:4px}.case-art-reorder-row{display:flex;align-items:baseline;gap:12px;padding:8px 12px;font-family:var(--font-mono);font-size:12px;color:var(--text-2);background:var(--bg);border:1px solid var(--border);border-radius:4px;will-change:transform}.case-art-reorder-row.is-up{color:var(--gold);border-color:var(--gold-dim)}.case-art-reorder-row.is-out{color:var(--text-3);border-style:dashed}@media (max-width: 700px){.case-art-tiers,.case-art-flow{flex-direction:column;padding:16px}.case-art-tiers .case-art-link,.case-art-flow .case-art-link{transform:rotate(90deg);align-self:flex-start;margin:4px 0 4px -4px}.case-art-fan{grid-template-columns:minmax(0,1fr);padding:16px}.case-art-fan-lines{display:none}.case-art-codestrip{grid-template-columns:repeat(3,minmax(0,1fr))}.case-art-tab-label{font-size:10px}}@media (prefers-reduced-motion: reduce){.case-art-tier,.case-art-tier-swatch,.case-art-flow-node,.case-art-fan-role{opacity:1;transform:none;transition:none}.case-art-link path,.case-art-fan-lines path{stroke-dashoffset:0;transition:none}.case-art-swap-set{transition:none}.case-art-tab-centre.is-lift{animation:none}}.case-art-bleed{--bleed: min( calc(100vw - 48px) , 1360px);width:var(--bleed);max-width:none;margin-left:calc(50% - var(--bleed) / 2)}.case-art-bleed .case-art-screen-frame{padding:clamp(12px,1.6vw,24px)}@media (max-width: 700px){.case-art-bleed{--bleed: calc(100vw - 32px) }}.case-3d{position:relative;perspective:1800px;perspective-origin:50% 40%}.case-3d-stage{position:absolute;padding:0;border:0;background:none;transform-style:preserve-3d;transform:rotateX(55deg) rotate(-40deg);cursor:zoom-in}.case-3d-stage:focus-visible{outline:1px solid var(--gold);outline-offset:12px}.case-3d-anchor{position:absolute;left:50%;top:0;width:0;height:0}.case-3d-anchor.is-right{left:100%;top:50%}.case-3d-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.case-3d-label{position:absolute;display:flex;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--text);opacity:0;transition:opacity .5s ease-out;transition-delay:calc(1.1s + var(--i) * 90ms)}.case-reveal.in-view .case-3d-label{opacity:1}.case-3d-pin{position:relative;display:block;background:var(--gold)}.case-3d-pin:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--bg)}.is-up .case-3d-label{flex-direction:column-reverse;align-items:flex-start;transform:translate(-1px,-100%)}.is-up .case-3d-pin{width:1px;height:64px}.is-up .case-3d-pin:before{left:-4px;bottom:-4px}.case-3d-label-text{padding:5px 10px;border:1px solid var(--border-hi);border-radius:999px;background:var(--surface-hi-90)}.is-up .case-3d-label-text{margin:0 0 6px -12px}.is-right .case-3d-label{align-items:center;transform:translateY(-50%)}.is-right .case-3d-pin{width:48px;height:1px;margin:0 12px 0 14px;background:var(--text-3)}.is-right .case-3d-pin:before{left:-14px;top:-4px;width:7px;height:7px;box-shadow:none}.case-3d-flat{display:none}@media (max-width: 899px){.case-3d{display:none}.case-3d-flat{display:block}}.case-hero-explode .case-art-screen-frame{padding:0}.case-explode{aspect-ratio:16 / 9.6}.case-explode-stage{left:11%;top:24%;width:66%;aspect-ratio:1440 / 1000}.case-explode-col{position:absolute;transform-style:preserve-3d;top:0;left:calc(var(--l) * 100%);width:calc(var(--w) * 100%);height:100%;border-radius:8px;background:var(--white);box-shadow:0 0 0 1px var(--border-hi),0 60px 90px -20px var(--bg-scrim);transform:translateZ(0);transition:transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:calc(.2s + var(--i) * 90ms);overflow:visible}.case-explode-col:nth-child(2){box-shadow:0 0 0 2px var(--gold),0 60px 90px -20px var(--bg-scrim)}.case-explode-img{display:block;width:100%;height:100%;border-radius:8px;background-repeat:no-repeat}.case-reveal.in-view .case-explode-col{transform:translate3d(calc(var(--i) * 4.5%),0,calc(var(--i) * 44px))}.case-verdict{max-width:760px}.case-verdict-wrap{position:relative;display:grid;gap:88px}.case-verdict-screen{justify-self:center;width:min(100%,440px)}.case-verdict-img{display:block}.case-verdict-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.case-verdict-lines path{fill:none;stroke:var(--border-hi);stroke-width:1.5;stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset .9s ease-out;transition-delay:calc(.7s + var(--i) * .12s)}.case-verdict-lines path.is-link{stroke:var(--gold)}.case-reveal.in-view .case-verdict-lines path{stroke-dashoffset:0}.case-verdict-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.case-verdict-card{display:grid;gap:8px;padding:20px;border:1px solid var(--border-hi);border-radius:8px;background:var(--surface);opacity:0;transform:translateY(10px);transition:opacity .45s ease-out,transform .45s ease-out;transition-delay:calc(1.3s + var(--i) * .12s)}.case-verdict-card.is-link{border-color:var(--gold-dim);background:var(--gold-glow)}.case-reveal.in-view .case-verdict-card{opacity:1;transform:none}.case-verdict-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.case-verdict-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.case-verdict-card.is-link .case-verdict-dot{background:var(--gold)}.case-verdict-card:last-child .case-verdict-dot{background:var(--red)}.case-verdict-body{font-size:14px;line-height:1.55;color:var(--text-2)}.case-verdict-card.is-link .case-verdict-body{color:var(--text)}.case-lift-3d{aspect-ratio:16 / 10.5}.case-lift-stage{left:28%;top:8%;width:40%;aspect-ratio:915 / 1239}.case-lift-base,.case-lift-row,.case-lift-ghost{position:absolute;display:block;border-radius:8px;background-repeat:no-repeat}.case-lift-base{top:0;right:0;bottom:0;left:0;background-color:var(--white);box-shadow:0 0 0 1px var(--bg-veil),0 60px 90px -20px var(--bg-scrim)}.case-lift-row,.case-lift-ghost{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--w) * 100%);height:calc(var(--h) * 100%)}.case-lift-ghost{border:1px dashed var(--gold);background:var(--gold-glow);opacity:0;transition:opacity .4s ease-out .9s}.case-lift-row{background-color:var(--white);box-shadow:0 0 0 2px var(--gold);transform:translateZ(1px);transition:transform 1s cubic-bezier(.22,1,.36,1) .5s,box-shadow 1s ease-out .5s}.case-reveal.in-view .case-lift-ghost{opacity:1}.case-reveal.in-view .case-lift-row{transform:translateZ(70px);box-shadow:0 0 0 2px var(--gold),0 40px 50px -10px var(--bg-scrim)}.case-lift-callout{position:absolute;transform-style:preserve-3d;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:0;height:0;transform:translateZ(1px)}.case-lift-callout.is-lifted{transform:translateZ(71px)}.case-lift .case-3d-flat .case-art-annotated{--gutter: 0px;grid-template-columns:1fr}.case-scene-3d{aspect-ratio:var(--ratio);max-width:1120px;margin:0 auto}.case-scene-stage{left:var(--sl);top:var(--st);width:var(--sw);aspect-ratio:var(--sr)}.case-scene-plane{position:absolute;transform-style:preserve-3d;border-radius:8px;background:var(--white);box-shadow:0 0 0 1px var(--border-hi),0 60px 90px -20px var(--bg-scrim);transform:translateZ(0);transition:transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:calc(.2s + var(--i) * 90ms)}.case-scene-plane.is-ring{box-shadow:0 0 0 2px var(--gold),0 60px 90px -20px var(--bg-scrim)}.case-reveal.in-view .case-scene-plane{transform:translateZ(calc(var(--z) * 1px))}.case-scene-img{display:block;width:100%;height:100%;border-radius:8px;background-repeat:no-repeat}.case-scene-mark{position:absolute;transform-style:preserve-3d;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--w) * 100%);height:calc(var(--h) * 100%);border-radius:8px;box-shadow:0 0 0 2px var(--gold);background:var(--gold-glow);opacity:0;transform:translateZ(1px);transition:opacity .4s ease-out;transition-delay:calc(1s + var(--i) * 90ms)}.case-reveal.in-view .case-scene-mark{opacity:1}.case-scene-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.case-scene-links path{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-dasharray:1600;stroke-dashoffset:1600;transition:stroke-dashoffset 1s ease-out;transition-delay:calc(1.4s + var(--i) * .12s)}.case-reveal.in-view .case-scene-links path{stroke-dashoffset:0}.dive-card .case-scene{--bleed: 100%;width:100%;margin-left:0}.case-scene.is-flat .case-scene-flat{display:grid;gap:40px}@media (min-width: 901px){.case-scene.is-pair .case-scene-flat{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}.dive-card .case-scene.is-pair .case-art-annotated{grid-template-columns:1fr;row-gap:20px}.dive-card .case-scene.is-pair .case-art-callout-line{display:none}.dive-card .case-scene.is-pair .case-art-callout-list{display:grid;gap:8px}.dive-card .case-scene.is-pair .case-art-callout-label{position:static;justify-self:start;transform:translateY(6px)}.dive-card .case-scene.is-pair.in-view .case-art-callout-label{transform:none}}.case-art-annotated.is-left{grid-template-columns:var(--gutter) minmax(0,1fr)}.case-art-annotated-small.is-left{grid-template-columns:var(--gutter) minmax(0,520px)}.case-art-annotated.is-left .case-art-callout-list{order:-1}.case-art-annotated.is-left .case-art-callout-label{left:auto;right:0;flex-direction:row-reverse;padding:7px 8px 7px 14px;transform:translate(8px,-50%)}.case-art-annotated.is-left .case-art-callout-line{left:auto;right:calc((1 - var(--x)) * 100%);width:calc(var(--x) * 100% + var(--pad) + 1px + var(--gap));transform-origin:right center}.case-art-annotated:has(.case-device-phone){--pad: 12px}.case-device-phone img{box-shadow:none}.case-art-screen-frame.case-device-phone{padding:12px;border-radius:48px;border:1px solid var(--border-hi);background:linear-gradient(160deg,var(--bezel-hi),var(--bezel-lo) 50%,var(--bezel-mid));box-shadow:0 40px 80px -30px var(--bg-scrim)}.case-device-phone img,.case-device-phone .case-art-screen-zoom{border-radius:38px}@media (max-width: 700px){.case-art-annotated.is-left{grid-template-columns:1fr}.case-art-annotated.is-left .case-art-callout-list{order:0}.case-art-screen-frame.case-device-phone{padding:8px;border-radius:32px}.case-device-phone img,.case-device-phone .case-art-screen-zoom{border-radius:26px}}@media (max-width: 899px){.case-scene-flat{display:grid;gap:32px}.case-scene .case-3d-flat .case-art-annotated{--gutter: 0px;grid-template-columns:1fr}}@media (max-width: 899px){.case-verdict-outcomes{grid-template-columns:1fr}.case-verdict-lines,.case-explode{display:none}}@media (prefers-reduced-motion: reduce){.case-explode-col,.case-3d-label,.case-verdict-lines path,.case-verdict-card,.case-lift-ghost,.case-lift-row{transition:none}.case-explode-col{transform:translate3d(calc(var(--i) * 4.5%),0,calc(var(--i) * 44px))}.case-3d-label,.case-lift-ghost{opacity:1}.case-verdict-lines path{stroke-dashoffset:0}.case-verdict-card{opacity:1;transform:none}.case-lift-row{transform:translateZ(70px)}.case-scene-plane,.case-scene-mark,.case-scene-links path{transition:none}.case-scene-plane{transform:translateZ(calc(var(--z) * 1px))}.case-scene-mark{opacity:1}.case-scene-links path{stroke-dashoffset:0}}.case-soon-panel{max-width:760px;padding:40px;border:1px solid var(--border-hi);border-radius:8px;background:var(--surface)}.case-soon-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.case-soon-pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:case-soon-pulse 2s ease-in-out infinite}@keyframes case-soon-pulse{0%,to{box-shadow:0 0 0 0 var(--gold-select)}50%{box-shadow:0 0 0 6px transparent}}.case-soon-title{margin:24px 0 0;font-size:clamp(24px,3vw,32px);font-weight:400;line-height:1.25;color:var(--text)}.case-soon-body{margin:16px 0 0;max-width:560px;font-size:16px;font-weight:300;line-height:1.7;color:var(--text-2)}.case-soon-chapters{margin:40px 0 0;padding:0;list-style:none;border-top:1px solid var(--border)}.case-soon-chapter{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);opacity:0;transform:translateY(8px);transition:opacity .45s ease-out,transform .45s ease-out;transition-delay:calc(.3s + var(--i) * .12s)}.case-reveal.in-view .case-soon-chapter{opacity:1;transform:none}.case-soon-n{font-family:var(--font-mono);font-size:12px;color:var(--gold)}.case-soon-name{font-size:16px;color:var(--text)}.case-soon-state{padding:4px 12px;border:1px dashed var(--border-hi);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}@media (max-width: 700px){.case-soon-panel{padding:24px 16px}.case-soon-chapter{grid-template-columns:32px minmax(0,1fr)}.case-soon-state{display:none}}@media (prefers-reduced-motion: reduce){.case-soon-pulse{animation:none}.case-soon-chapter{opacity:1;transform:none;transition:none}}.case-wall{--pw: 260px;--gap: 44px;--fade-x: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);--fade-y: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);position:relative;height:clamp(520px,52vw,760px);overflow:hidden;perspective:2400px;perspective-origin:50% 40%;-webkit-mask-image:var(--fade-x),var(--fade-y);-webkit-mask-composite:source-in;mask-image:var(--fade-x),var(--fade-y);mask-composite:intersect}.case-wall-stage{position:absolute;left:50%;top:50%;display:flex;gap:var(--gap);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(55deg) rotate(-40deg)}.case-wall-col{width:var(--pw);transform-style:preserve-3d;margin-top:calc(var(--ci) * var(--pw) * .4)}.case-wall-track{display:flex;flex-direction:column;gap:var(--gap);transform-style:preserve-3d;animation:case-wall-drift 80s linear infinite;animation-direction:normal}.case-wall-col:nth-child(2n) .case-wall-track{animation-direction:reverse}.case-wall:hover .case-wall-track{animation-play-state:paused}@keyframes case-wall-drift{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - var(--gap) / 2))}}.case-wall-phone{display:block;width:100%;padding:8px;border:1px solid var(--border-hi);border-radius:40px;background:linear-gradient(160deg,var(--bezel-hi),var(--bezel-lo) 50%,var(--bezel-mid));box-shadow:0 40px 80px -30px var(--bg-scrim);cursor:zoom-in;opacity:0;transform:translateZ(0);transition:opacity .6s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 60ms)}.case-wall.is-in .case-wall-phone{opacity:1;transform:translateZ(40px)}.case-wall.is-in .case-wall-phone:hover{transform:translateZ(96px);transition-delay:0ms}.case-wall-phone:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.case-wall-phone img{display:block;width:100%;border-radius:32px}@media (max-width: 700px){.case-wall{--pw: 160px;--gap: 24px;height:440px}.case-wall-phone{padding:4px;border-radius:20px}.case-wall-phone img{border-radius:16px}}@media (prefers-reduced-motion: reduce){.case-wall-track{animation:none}.case-wall-phone{opacity:1;transform:translateZ(40px);transition:none}}.case-figure.is-phone .case-frame,.case-pair-col{display:block;container-type:inline-size}.case-figure.is-phone img,.case-pair-col img{border-radius:12.5cqi}.case-strip-scroller:has(.case-strip-spine){border:0}.case-figure.is-bare img{border:0;border-radius:0}