.site-prose .rc{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"hs" "src" "fan" "ho" "grid" "note" "priv";row-gap:12px;margin-block:0 56px}.site-prose .rc p{margin:0}.rc-h{display:flex;align-items:baseline;gap:10px;font:400 16px/20px var(--sans);color:var(--ink-2)}.rc-h b{font:500 44px/1 var(--display);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}.rc-h-src{grid-area:hs}.rc-h-out{grid-area:ho;margin-top:-4px;transition:opacity .4s var(--ease)}.rc-h-out b{min-width:2ch;text-align:right}.rc-src{grid-area:src;position:relative;aspect-ratio:13/2;overflow:hidden;background:#0b0c0d;border:1px solid var(--hair)}.rc-src canvas{position:absolute;inset:0;height:100%}.rc-fan,.rc-src canvas{width:100%;display:block}.rc-fan{grid-area:fan;height:40px;margin:-12px 0 -4px;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease)}.rc.in .rc-fan{clip-path:inset(0)}.rc-fan .c4{display:none}.rc-fan path{fill:none;stroke:var(--accent);stroke-opacity:.3;stroke-width:1}.site-prose .rc-grid{grid-area:grid;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.site-prose .rc-grid li{--ox:50%;--oy:0%;position:relative;margin:0;padding:0;aspect-ratio:16/9;transition:opacity .5s var(--ease),transform .6s var(--ease)}.site-prose .rc-grid li:before{content:none}.site-prose .rc-grid li:nth-child(n+9){--oy:100%}.site-prose .rc-grid li:nth-child(8n+1){--ox:0%}.site-prose .rc-grid li:nth-child(8n){--ox:100%}.rc-grid li:has(button[aria-pressed=true]){z-index:3}.rc-grid button{position:absolute;inset:0;display:block;padding:0;border:0;overflow:hidden;background:#000;cursor:pointer;transform-origin:var(--ox) var(--oy);transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .3s}.rc-grid img,.rc-grid video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.rc-grid button[aria-pressed=true]{transform:scale(2.4);box-shadow:0 0 0 1px var(--accent),0 18px 50px rgba(0,0,0,.6)}.rc-grid:has(button[aria-pressed=true]) button:not([aria-pressed=true]){opacity:.45}.rc-grid button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.rc:not(.in) .rc-h-out{opacity:0}.site-prose .rc-grid li:not(.on),.site-prose .rc:not(.in) .rc-grid li{opacity:0;transform:translateX(-10px) scale(.96)}.rc-note{grid-area:note;min-height:21px;font:400 14px/21px var(--sans);color:var(--ink-3)}.site-prose .rc .rc-private{grid-area:priv;margin-top:-8px}.rc-tap{display:none}@media (hover:none){.rc-hover{display:none}.rc-tap{display:inline}}@media (max-width:700px){.site-prose .rc{margin-bottom:40px}.rc-h b{font-size:36px}.rc-src{aspect-ratio:3/1}.rc-fan .c8{display:none}.rc-fan .c4{display:inline}.site-prose .rc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.site-prose .rc-grid li:nth-child(n){--ox:50%;--oy:50%}.site-prose .rc-grid li:nth-child(-n+4){--oy:0%}.site-prose .rc-grid li:nth-child(n+13){--oy:100%}.site-prose .rc-grid li:nth-child(4n+1){--ox:0%}.site-prose .rc-grid li:nth-child(4n){--ox:100%}.rc-grid button[aria-pressed=true]{transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.rc-fan,.rc-grid button,.rc-h-out,.site-prose .rc-grid li{transition:none}}