/* Preserve the complete play scene and provide direct access to current work. */
.fp-current-index { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.fp-current-index button { min-height:44px; padding:10px 16px; border:1px solid var(--line-strong, #7c7c7c); border-radius:999px; color:var(--text, var(--ink, #17242d)); background:var(--surface, #fff); font:inherit; font-size:.83rem; cursor:pointer; }
.fp-current-index button[aria-pressed="true"] { background:#9e1b32; border-color:#9e1b32; color:#fff; }
.fp-current-index button:focus-visible { outline:3px solid #c99700; outline-offset:3px; }
.fp-actual-media { display:flex; align-items:center; justify-content:center; background:#132c30; }
.fp-actual-media img { height:auto; max-height:100%; object-fit:contain; object-position:center; }
.fp-case-media { min-width:0; background:#132c30; align-self:start; }
.fp-case-media img { display:block; width:100%; height:auto; object-fit:contain; }
.fp-caption { margin:0; padding:12px 18px; color:#f3f5ef; font-size:.8rem; line-height:1.5; }
.fp-detail { font-size:.92rem; line-height:1.7; color:var(--muted, #56606b); }
.fp-gallery { grid-column:1 / -1; padding:0 clamp(16px,3vw,32px) 28px; }
.fp-gallery figure { margin:0; }
.fp-gallery img { display:block; width:100%; height:auto; border-radius:12px; }
.fp-gallery figcaption { margin-top:10px; font-size:.85rem; line-height:1.6; color:var(--muted, #56606b); }
.current-project-image { display:block; margin:-2px -2px 18px; overflow:hidden; border-radius:12px; background:#132c30; }
.current-project-image img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:contain; }
.archive-project-preview { margin:0; }
.archive-project-preview .project-thumb img { object-fit:contain; object-position:center; }
.archive-project-preview figcaption { padding:10px 20px 0; font-size:.72rem; line-height:1.45; color:var(--muted, #56606b); }
@media (max-width:700px) {
  .fp-current-index { gap:6px; }
  .fp-current-index button { flex:1 1 145px; padding:9px 12px; }
  .fp-actual-media { min-height:0; }
  .fp-case-media { grid-column:1 / -1; }
}

/* Give current play scenes the full content width. */
.fp-stage:has(.fp-actual-media) { grid-template-columns:minmax(0,1fr); }
.fp-stage .fp-lead-media.fp-actual-media { min-height:0; border-right:0; border-bottom:1px solid var(--line); }
.fp-stage .fp-lead-media.fp-actual-media img { width:100%; height:auto; }
.fp-stage:has(.fp-actual-media) .fp-lead-copy { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:12px 36px; padding:28px; }
.fp-stage:has(.fp-actual-media) .fp-kicker { grid-column:1; margin:0; }
.fp-stage:has(.fp-actual-media) h3 { grid-column:1; margin:0; }
.fp-stage:has(.fp-actual-media) .fp-summary { grid-column:1; margin:0; }
.fp-stage:has(.fp-actual-media) .fp-meta { grid-column:2; grid-row:1 / span 4; margin:0; align-self:start; }
.fp-stage:has(.fp-actual-media) .fp-actions { grid-column:1; margin-top:8px; }
.fp-support-card:has(.fp-actual-media) { grid-template-columns:minmax(0,1fr); }
.fp-support-card .fp-support-media.fp-actual-media { min-height:0; aspect-ratio:16/10; }
@media(max-width:700px) {
  .fp-stage:has(.fp-actual-media) .fp-lead-copy { display:block; padding:22px; }
  .fp-stage:has(.fp-actual-media) h3 { margin:12px 0; }
  .fp-stage:has(.fp-actual-media) .fp-meta { margin:20px 0; }
}

[data-featured-projects] { max-width:1180px; margin-inline:auto; }
.fp-dialog-shell { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
.fp-dialog-copy h2 { font-size:clamp(1.6rem,2.6vw,2rem); line-height:1.14; }
.fp-case-media .fp-gallery { padding:16px; }
.fp-case-media .fp-gallery figcaption { color:#f3f5ef; }
@media(max-width:700px) { .fp-dialog-shell { grid-template-columns:minmax(0,1fr); } }