/* Play 2008 card and its own project details only. */
#play2008-card { --player-link:#bddd94; --player-secondary:#a9adb5; background:radial-gradient(ellipse at 58% 62%,#183c2c55 0,transparent 64%),#090f10; color:#f5f5f7; isolation:isolate; transition:background .25s ease,color .25s ease; }
#play2008-card .card-copy .eyebrow,#play2008-card .card-copy p:last-child { color:var(--player-secondary); }
#play2008-card .card-copy h3 a:hover { color:inherit; }
#play2008-card .player-art { position:relative; display:flex; align-items:center; justify-content:center; width:100%; max-width:none; height:408px; z-index:1; min-height:0; margin:10px 0 12px; overflow:visible; border-radius:0; }
#play2008-card .player-art img { position:relative; top:auto; left:auto; width:auto; height:100%; max-width:none; object-fit:contain; transform:rotate(-9deg); transition:transform .28s cubic-bezier(.22,1,.36,1); filter:drop-shadow(14px 18px 16px #0004); }
#play2008-card .card-bottom { padding-top:12px; position:relative; z-index:1; }
#play2008-card .player-listen { display:inline-flex; align-items:center; min-height:44px; gap:5px; color:var(--player-link); }
#play2008-card .more { color:inherit; }
.play2008-detail-media { object-fit:contain!important; max-height:470px; width:100%; background:#0b0d10; padding:20px; }
@media (hover:hover) and (pointer:fine) { #play2008-card .player-art:hover img { transform:rotate(-3deg) translateY(-5px); } #play2008-card .player-listen:hover { text-decoration:underline; } }
@media (max-width:760px) { #play2008-card .player-art { height:385px; margin:12px 0; } }
@media (prefers-reduced-motion:reduce) { #play2008-card,#play2008-card .player-art img { transition:none; } }
#play2008-card:before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background-image:linear-gradient(#7dad921c 1px,transparent 1px),linear-gradient(90deg,#7dad921c 1px,transparent 1px); background-size:26px 26px; mask-image:radial-gradient(ellipse at 54% 64%,#000 12%,#000b 43%,transparent 76%); }
#play2008-card:after { content:""; position:absolute; width:410px; height:410px; left:50%; top:57%; transform:translate(-50%,-50%); border:1px solid #62857315; border-radius:50%; z-index:0; pointer-events:none; }
.play2008-detail-media { background:radial-gradient(ellipse at center,#17332a,#090f10 75%); }