/* Functional polish: controls remain usable on touch screens and image loads have a visible state. */
.lightbox-status{min-height:120px;display:grid;place-items:center;padding:32px 12px;margin:0;text-align:center;color:var(--muted);font-size:15px;line-height:1.8}
#lightbox-image[hidden],.lightbox-status[hidden]{display:none}
.reel-cover>picture,.project-visual>picture{display:block;width:100%;height:100%}
.hero-scene>picture{display:block;width:100%;height:100%}
.hero-scene>picture>img{display:block;width:100%;height:100%;object-fit:contain;background:var(--bg)}
@media(max-width:720px){.hero-scene>picture{position:absolute;inset:0}}
@media(max-width:720px),(pointer:coarse){
  .menu-toggle,.filters button,.detail-button,.project-actions a,.dialog-close,.image-close{min-height:44px}
  .dialog-close,.image-close{min-width:44px}
  .detail-button{display:inline-flex;align-items:center;padding:8px 0}
  .project-actions a{display:inline-flex;align-items:center}
  .header nav a{min-height:44px}
}