.live-projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
.live-proof .live-project { display:block; margin:0; min-width:0; border:1px solid var(--line); border-radius:13px; overflow:hidden; background:var(--surface); }
.live-project-media { position:relative; display:block; width:100%; aspect-ratio:16/11; border:0; padding:0; background:#101924; overflow:hidden; }
.live-project-baseline .live-project-media { background:#110d09; }
.live-project-media img { display:block; width:100%; height:100%; object-fit:contain; }
.live-project-media>span { position:absolute; right:17px; bottom:17px; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:#fff; background:#101b2ccc; border:1px solid #ffffff50; transition:transform .25s; }
.live-project-media:hover>span { transform:translate(2px,-2px); }
.live-project-content { padding:26px; }
.live-project-content h3 { font-size:26px; letter-spacing:-.04em; line-height:1.15; }
.live-project-content>p { margin-top:12px; font-size:14px; line-height:1.6; color:var(--muted); max-width:420px; }
.live-project-content small { display:block; margin-top:15px; font-size:10px; line-height:1.5; color:var(--muted); }
.live-project-views { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.live-project-views button,.live-project-scope { display:inline-block; padding:9px 11px; border:1px solid var(--line); border-radius:5px; color:var(--muted); font-size:11px; background:transparent; }
.live-project-views button[aria-pressed="true"] { background:var(--wash); color:var(--blue); border-color:var(--blue); }
.live-project-scope { margin-top:20px; }
.live-project-unity,.live-project-gameplan { grid-column:1/-1; }
.live-proof .live-project-unity,.live-proof .live-project-gameplan { display:grid; grid-template-columns:1.4fr 1fr; }
.live-project-unity .live-project-media,.live-project-gameplan .live-project-media { aspect-ratio:16/10; }
.live-project-unity .live-project-content,.live-project-gameplan .live-project-content { display:flex; flex-direction:column; justify-content:center; padding:38px; }
@media(max-width:800px) {
  .live-projects { gap:20px; }
  .live-project-content { padding:21px; }
  .live-project-content h3 { font-size:23px; }
  .live-project-unity .live-project-content,.live-project-gameplan .live-project-content { padding:24px; }
}
@media(max-width:600px) {
  .live-projects { grid-template-columns:1fr; gap:25px; }
  .live-proof .live-project-unity,.live-proof .live-project-gameplan { display:block; }
  .live-project-unity .live-project-media,.live-project-gameplan .live-project-media { aspect-ratio:16/11; }
  .live-project-unity .live-project-content,.live-project-gameplan .live-project-content { display:block; padding:21px; }
}
@media(prefers-reduced-motion:reduce) { .live-project-media>span { transition:none; } }