/* Gameplay replaces the static chess gallery. Posters are frames of these clips. */
.game-player{--clip-progress:0;position:relative;min-width:0}.game-player video{display:block;width:100%;height:100%;object-fit:cover;background:#101612}.film-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#0a100b}.film-stage video{position:absolute;inset:0;transition:opacity .35s}.film-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07100beb,transparent 62%);pointer-events:none}.film-overlay{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.film-overlay h2{font:550 clamp(26px,3vw,46px)/1.15 var(--display);letter-spacing:-1.5px;max-width:520px;margin:8px 0 0}.film-overlay .eyebrow{font-size:12px;color:#d7e3d7}.film-link{display:inline-flex;align-items:center;gap:16px;border:1px solid #b5e3c16b;background:#13261cd9;border-radius:6px;padding:11px 17px;color:#d7f8e2;font-size:14px;white-space:nowrap;backdrop-filter:blur(12px)}.film-link:hover{background:#294938;border-color:var(--accent)}.film-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 0 0;color:#b4c6bb;font-size:12px}.film-toolbar button,.playback-button{font-size:13px;border:1px solid #55745f;background:#17251c;border-radius:5px;padding:8px 12px;min-height:40px}.film-toolbar button:hover,.playback-button:hover{background:#294734}.clip-progress{height:2px;background:#6e967242;overflow:hidden}.clip-progress::after{content:"";display:block;width:100%;height:100%;transform:scaleX(var(--clip-progress));transform-origin:left;background:var(--accent)}.clip-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;grid-column:1/-1}.clip-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;background:#141e18;border:1px solid #36483b;border-radius:6px;min-height:78px}.clip-choice:hover{background:#213426;border-color:#66876c}.clip-choice[aria-pressed=true]{border-color:var(--accent);background:#20392a}.clip-choice .clip-number{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.clip-choice strong{display:block;font-size:14px;font-weight:500;line-height:1.35}.clip-choice small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.portfolio-films .projects{grid-template-columns:1fr;gap:64px}.portfolio-films .project-chess{order:-1}.portfolio-films .chess-visual{padding:16px}.portfolio-films .visual-topline{font-size:12px}.portfolio-films .live-label{font-size:11px}.portfolio-films .project-chess .project-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:0 64px}.portfolio-films .project-chess .project-title-row{display:flex;grid-column:1}.portfolio-films .project-chess .project-subtitle{grid-column:1}.portfolio-films .project-chess .project-description{grid-column:1;min-height:0}.portfolio-films .project-chess .project-stats{grid-column:2;grid-row:1/3;align-self:start;margin:0}.portfolio-films .project-chess .feature-tags{grid-column:2;grid-row:3;align-self:start;min-height:0}.portfolio-films .project-chess .gallery-heading{grid-column:1/-1;font-size:14px;margin-top:28px}.portfolio-films .project-lsfr{display:grid;grid-template-columns:1fr 1fr;gap:32px}.portfolio-films .project-lsfr .project-copy{padding-top:0}.portfolio-films .project-lsfr .project-description{min-height:0}.portfolio-films .project-lsfr .feature-tags{min-height:0}.portfolio-films .project-lsfr .project-visual{align-self:start}.proof-game .proof-film{display:block;position:relative;min-height:180px;overflow:hidden;border-radius:5px}.proof-game video{position:absolute;inset:0}.proof-game .playback-button{position:absolute;bottom:8px;left:8px;z-index:2;background:#102016e8;font-size:12px}.proof-game h3 a:hover{color:var(--accent)}.proof-game .proof-film a{position:absolute;top:8px;left:8px;right:8px;z-index:2;background:#102016cf;font-size:12px;padding:6px;text-align:center}.is-loading .film-stage{background-image:var(--video-poster);background-size:cover}.is-loading .film-stage video{opacity:0}
@media(min-width:1200px){.portfolio-films .film-stage{aspect-ratio:2.15}.portfolio-films .project-title-row .chess-title{font-size:30px}}
@media(max-width:1000px){.portfolio-films .project-chess .project-copy{gap:0 28px}.clip-choice{padding:12px 10px;gap:8px}.proof-game .proof-film{min-height:190px}.portfolio-films .project-chess .feature-tags{grid-row:auto}}
@media(max-width:760px){.portfolio-films .projects{gap:42px}.portfolio-films .project-lsfr{display:block}.portfolio-films .project-lsfr .project-copy{padding-top:23px}.portfolio-films .chess-visual{padding:9px}.film-stage{aspect-ratio:1.1}.film-stage video{object-position:53% center}.film-overlay{left:17px;right:17px;bottom:18px;display:block}.film-overlay h2{font-size:30px;letter-spacing:-1px;max-width:310px}.film-overlay .film-link{margin-top:16px;padding:9px 13px}.film-toolbar{padding:10px 2px 2px;font-size:11px}.film-toolbar [data-clip-title]{display:none}.portfolio-films .project-chess .project-copy{display:block}.portfolio-films .project-chess .project-stats{margin:22px 0}.clip-switcher{grid-template-columns:1fr 1fr}.clip-choice{min-height:78px;padding:12px}.clip-choice strong{font-size:13px}.portfolio-films .visual-topline{font-size:10px}.proof-game .proof-film{aspect-ratio:1.8;min-height:0}}
@media(prefers-reduced-motion:reduce){.game-player *{transition:none!important}}
/* The development status belongs to the entire game showcase. */
.portfolio-films .chess-visual{position:relative}.development-banner{position:absolute;z-index:4;top:0;right:0;display:block;padding:16px 24px 16px 37px;background:#b72b34;color:#fff;font-size:15px;font-weight:750;letter-spacing:1.3px;line-height:1.4;clip-path:polygon(0 0,100% 0,100% 100%,22px 100%);filter:drop-shadow(0 4px 6px #0005);pointer-events:none}.portfolio-films .chess-visual .visual-topline{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:57px;padding-right:240px}.portfolio-films .project-chess .project-stats{grid-template-columns:.7fr 1.5fr .9fr;gap:16px}.portfolio-films .project-chess .project-stats .play-modes strong{font-size:18px;letter-spacing:-.3px}.play-modes span{display:block;font-size:14px;line-height:1.65}
@media(max-width:760px){.development-banner{font-size:13px;padding:13px 18px 13px 30px;letter-spacing:1.2px}.portfolio-films .chess-visual .visual-topline{padding:49px 5px 0;min-height:100px;gap:5px;justify-content:flex-end}.portfolio-films .project-chess .project-stats{gap:10px;grid-template-columns:.65fr 1.5fr .8fr}.portfolio-films .project-chess .project-stats .play-modes strong{font-size:16px}.portfolio-films .project-chess .project-stats .play-modes span{font-size:12px}.portfolio-films .project-chess .project-stats>div:last-child span{display:block;line-height:1.4}}