/* ============================================================
   PRANAV DWIVEDI — mobile / touch layer
   Keeps the portrait lens reachable without a mouse, and gives
   links a clear, consistent interaction state identical to desktop.
   ============================================================ */

@media (hover: none), (pointer: coarse) {
  .hero__reveal { display: block; }
  .hero__portrait { touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
  .hero__reveal img { opacity: 1; }

  .pg-btn:active,
  .ot-cta:active,
  .ot-record-pill:active {
    filter: brightness(1.08);
    translate: 0 1px;
  }

  .hscroll__sticky { scrollbar-width: none; }
  .hscroll__sticky::-webkit-scrollbar { display: none; }

  /* A small swipe cue for the horizontal work reel, only on touch. */
  .hscroll__label .mono:last-child { display: inline; }
  .hscroll__label .mono:last-child::after { content: " / swipe ->"; }
}

@media (max-width: 540px) {
  .pg-facts { gap: 0; }
  .wk-row, .nw-row, .sg-row { -webkit-tap-highlight-color: transparent; }
}