/* Mobile reel: avoid Google Drive iframe UI bugs on small iPhones.
   Desktop/tablet keep the embedded player. Phones get a branded launch card
   that opens the Drive preview in its own full viewport. */
.reel-mobile-launch{display:none}
@media(max-width:600px){
  .reel-frame{aspect-ratio:auto;background:transparent;border:0;box-shadow:none;overflow:visible}
  .reel-frame iframe{display:none!important}
  .reel-mobile-launch{
    position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;
    border:1px solid rgba(26,26,26,.2);border-radius:4px;background:#0a0a0b;
    text-decoration:none;box-shadow:0 10px 28px rgba(26,26,26,.12)
  }
  .reel-mobile-launch>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
  .reel-mobile-launch:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.22)}
  .reel-mobile-overlay{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;text-align:center}
  .reel-mobile-play{display:grid;place-items:center;width:60px;height:60px;border:2px solid rgba(255,255,255,.9);border-radius:50%;padding-left:4px;background:rgba(0,0,0,.3);font-size:1.25rem}
  .reel-mobile-label{font:700 .78rem 'IBM Plex Mono',monospace;letter-spacing:2px}
  .reel-mobile-note{font:400 .62rem 'IBM Plex Mono',monospace;letter-spacing:.5px;color:rgba(255,255,255,.8)}
}