/* ==========================================================================
   touch-motion.css — hover effects, re-created for touch screens.
   A phone has no hover, so every card that lifts, zooms or lights up under a
   mouse would sit dead on 80% of this site's traffic. js/touch-motion.js
   marks whatever card is crossing the middle of the screen with .is-hot,
   and these rules play the same hover animation on it. Forced on for every
   touch browser (owner decision 2026-09-22). Pointer devices are untouched.
   ========================================================================== */
@media (hover:none), (pointer:coarse){
  /* bento service tiles (v14) */
  .tile.is-hot{border-color:var(--line2);transform:translateY(-3px)}
  .tile.is-hot .tile__bg{opacity:.8;transform:scale(1.06);
    filter:grayscale(.12) sepia(.12) saturate(1.14) contrast(1.06) brightness(.86)}
  /* video facades (On Air, homepage) */
  .vid.is-hot{border-color:var(--line2);transform:translateY(-3px)}
  .vid.is-hot img{filter:saturate(1.08) contrast(1.05) brightness(.95)}
  .vid:not(.vid--lb):not(.vid--cine).is-hot img{transform:scale(1.04)}
  .vid--cine.is-hot img{transform:scale(1.12)}
  .vid--lb.is-hot img{transform:scale(1.44)}
  .vid.is-hot .vid__play{transform:scale(1.1);box-shadow:0 12px 34px rgba(0,0,0,.5),0 0 0 12px rgba(226,60,44,.2)}
  /* press, cares, follow, lists */
  .pcard.is-hot,.card--link.is-hot{transform:translateY(-4px);border-color:var(--line2)}
  .follow a.is-hot{border-color:var(--gold);transform:translateY(-3px)}
  .cares>a.is-hot{background:var(--panel)}
  .oalist a.is-hot:not(.btn){border-color:var(--line2)}
  /* photo mosaics and galleries */
  .mosaic figure.is-hot img{transform:scale(1.05)}
  .work figure.is-hot{border-color:var(--line2);transform:translateY(-3px)}
  /* Trane tiers */
  .tier.is-hot{transform:translateY(-4px);border-color:var(--line2)}
  /* anything that transitions but had no transition declared on touch */
  .mosaic img,.work figure,.tier,.card--link,.follow a,.pcard{transition:transform .7s var(--ease),border-color .35s ease,background .35s ease}
  /* tap feedback everywhere */
  .btn:active,.tile:active,.vid:active,.pcard:active,.follow a:active,.cares>a:active{transform:scale(.97);transition-duration:.12s}
}