:root{--pg-gutter: var(--page-x);--pg-gap: var(--s-4)}.playground-page{--page-x: 16px;--pg-gutter: var(--page-x);min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-sans, "Inter Tight", system-ui, sans-serif);padding-bottom:clamp(64px,10vh,144px)}.playground-page__header{padding:var(--page-head-top) var(--pg-gutter) clamp(24px,4vh,48px);display:grid;grid-template-columns:minmax(0,1fr);row-gap:clamp(20px,3vh,32px)}.playground-page__main{padding:0 var(--pg-gutter)}.playground-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:var(--pg-gap);column-gap:var(--pg-gap);row-gap:clamp(64px,9vh,128px)}.playground-entry__media:before,.playground-entry__media:after,.playground-entry__tv-interference{content:"";position:absolute;inset:0;z-index:3;display:block;pointer-events:none;opacity:0}.playground-entry__media:before{background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--fg) 38%,transparent) 0 1px,transparent 1px 5px);mix-blend-mode:screen}.playground-entry__media:after{background:linear-gradient(90deg,transparent 0 14%,color-mix(in srgb,var(--fg) 48%,transparent) 14% 37%,transparent 37% 59%,color-mix(in srgb,var(--fg) 42%,transparent) 59% 77%,transparent 77%);mix-blend-mode:overlay}.playground-entry__tv-interference{background:linear-gradient(90deg,transparent 0 8%,color-mix(in srgb,var(--fg) 32%,transparent) 8% 23%,transparent 23% 68%,color-mix(in srgb,var(--fg) 28%,transparent) 68% 88%,transparent 88%);mix-blend-mode:overlay}@media(hover:hover){.playground-entry__media:hover .playground-entry__art,.playground-entry__link:focus-visible .playground-entry__art{animation:playground-tv-art 1.1s steps(2,end) both}.playground-entry__media:hover:before,.playground-entry__link:focus-visible .playground-entry__media:before{animation:playground-tv-scan 1.1s steps(2,end) both}.playground-entry__media:hover:after,.playground-entry__link:focus-visible .playground-entry__media:after{animation:playground-tv-slice 1.1s steps(2,end) both}.playground-entry__media:hover .playground-entry__tv-interference,.playground-entry__link:focus-visible .playground-entry__tv-interference{animation:playground-tv-hold 1.1s steps(2,end) both}}@keyframes playground-tv-art{0%,to{filter:none}7%{filter:contrast(1.45) brightness(1.12) saturate(.4) blur(.9px)}17%{filter:contrast(.82) brightness(.94) saturate(.22) blur(.3px)}29%{filter:contrast(1.26) brightness(1.06) saturate(.68)}44%{filter:contrast(.92) brightness(1.02) saturate(.38) blur(.5px)}63%{filter:contrast(1.18) brightness(1.04) saturate(.82)}}@keyframes playground-tv-scan{0%,to{opacity:0;transform:translate3d(0,-8%,0)}9%{opacity:.42;transform:translate3d(0,-4%,0)}28%{opacity:.18;transform:translate3d(0,4%,0)}51%{opacity:.5;transform:translate3d(0,9%,0)}77%{opacity:.14;transform:translate3d(0,1%,0)}}@keyframes playground-tv-slice{0%,to{opacity:0;transform:translateZ(0) skew(0)}13%{opacity:.56;transform:translate3d(-3%,0,0) skew(-4deg)}31%{opacity:.14;transform:translate3d(6%,0,0) skew(2deg)}48%{opacity:.48;transform:translate3d(-1%,0,0) skew(-1deg)}69%{opacity:.12;transform:translate3d(4%,0,0) skew(3deg)}}@keyframes playground-tv-hold{0%,to{opacity:0;transform:translateZ(0)}18%{opacity:.34;transform:translate3d(-8%,0,0)}37%{opacity:.08;transform:translate3d(7%,0,0)}58%{opacity:.28;transform:translate3d(-3%,0,0)}81%{opacity:.06;transform:translate3d(2%,0,0)}}@media(prefers-reduced-motion:reduce){.playground-entry__art{animation:none!important}.playground-entry__media:before,.playground-entry__media:after,.playground-entry__tv-interference{animation:none!important;opacity:0!important}}@media(max-width:720px){.playground-grid{grid-template-columns:minmax(0,1fr);row-gap:clamp(56px,8vh,96px)}}.playground-entry{list-style:none}.playground-entry__link{display:grid;grid-template-rows:auto auto;row-gap:clamp(18px,2.4vh,28px);text-decoration:none;color:inherit}.playground-entry__link:focus-visible{outline:2px solid var(--accent, #D4D200);outline-offset:6px}.playground-entry__media{position:relative;background:var(--bg-elevated, rgba(232, 227, 213, .04));border:1px solid color-mix(in srgb,var(--fg) 6%,transparent);overflow:hidden;isolation:isolate;color:var(--fg)}.playground-entry__art{transition:transform .8s cubic-bezier(.22,1,.36,1)}img.playground-entry__art{transform:scale(1.22)}.playground-entry__link:hover .playground-entry__art,.playground-entry__link:focus-visible .playground-entry__art{transform:scale(1.06)}.playground-entry__link:hover img.playground-entry__art,.playground-entry__link:focus-visible img.playground-entry__art{transform:scale(1.28)}.playground-entry__caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-4)}.playground-entry__title{margin:0;font-family:Inter Tight Variable,Inter Tight,system-ui,sans-serif;font-weight:500;font-size:clamp(20px,1.9vw,26px);letter-spacing:-.025em;line-height:1.08;color:var(--fg);text-wrap:balance;flex:1 1 auto;min-width:0}.playground-entry__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto;align-self:center}.playground-entry__tag{font-family:Inter Tight,system-ui,sans-serif;font-weight:500;font-size:clamp(11px,.9vw,13px);letter-spacing:-.005em;color:var(--fg);padding:5px 12px;background:color-mix(in srgb,var(--fg) 6%,transparent);border:1px solid color-mix(in srgb,var(--fg) 32%,transparent);border-radius:999px;white-space:nowrap;text-transform:capitalize;transition:background .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1)}.playground-entry__link:hover .playground-entry__tag,.playground-entry__link:focus-visible .playground-entry__tag{border-color:color-mix(in srgb,var(--fg) 55%,transparent);background:color-mix(in srgb,var(--fg) 10%,transparent)}@media(max-width:640px){.playground-entry__caption{flex-direction:column;align-items:flex-start}.playground-entry__tags{align-self:flex-start}}.playground-empty{grid-column:1 / -1;padding:clamp(48px,8vh,96px) 0;font-family:Inter Tight,system-ui,sans-serif;font-weight:400;font-size:clamp(14px,1.05vw,17px);color:var(--fg-muted);border-top:1px solid var(--border);text-align:center}@media(prefers-reduced-motion:reduce){.playground-entry__art,.playground-entry__tag{transition-duration:0ms}.playground-entry__link:hover .playground-entry__art,.playground-entry__link:hover img.playground-entry__art{transform:none}}