/* ─── MOBILE ONLY — richievaldez.co ─── */
@media screen and (max-width: 768px) {

  /* NAV */
  nav { padding: 0 16px; height: 52px; }
  .nav-logo { font-size: 13px; white-space: nowrap; line-height: 1; }
  .nav-links { gap: 14px; }
  .nav-links a { font-size: 9px; letter-spacing: 0.08em; white-space: nowrap; line-height: 1; }
  .nav-links a.active { font-size: 9px; letter-spacing: 0.08em; }

  /* HOME */
  .home-hero { min-width: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .home-hero-text { left: 16px; right: 16px; bottom: 24px; }
  .home-hero-text h1 { font-size: 56px; }
  .home-hero-text .subtitle { font-size: 10px; letter-spacing: 0.1em; }

  /* ABOUT */
  .about-wrap { display: block !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; }
  .about-left { padding: 20px 16px 32px; overflow: visible; justify-content: flex-start; width: 100%; }
  .about-right { position: relative !important; top: auto !important; height: 70vw; width: 100%; overflow: hidden; }
  .about-right img { width: 100%; height: 100%; object-fit: cover; object-position: center top; margin: 0; }
  .about-credits { margin-top: 20px; }
  .credits-list { grid-template-columns: 1fr; gap: 0; }

  /* PHOTOS */
  .photos-page { padding: 16px 16px 60px; }
  .photo-tabs { top: 52px; gap: 8px; padding: 8px 0; overflow-x: auto; flex-wrap: nowrap; }
  .tab-btn { font-size: 9px; white-space: nowrap; }
  .tab-sep { font-size: 18px; top: -1px; }
  .photo-grid { columns: 1; column-gap: 6px; }

  /* VIDEO */
  .video-page { padding: 20px 16px 60px; }
  .video-grid { grid-template-columns: 1fr; gap: 32px; margin-top: 24px; }

  /* CONTACT */
  .contact-hero { min-width: 0 !important; height: auto !important; overflow: visible !important; display: flex !important; flex-direction: column !important; }
  .contact-photo { position: static !important; width: 100% !important; height: 100vw !important; overflow: hidden !important; }
  .contact-photo img { position: static !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center top !important; }
  .contact-text { position: static !important; padding: 32px 20px !important; gap: 24px !important; width: 100% !important; }
  .contact-email { font-size: 14px !important; }
  .contact-social-label { font-size: 13px !important; }
  .contact-icon-wrap .si { font-size: 20px !important; }

}