/* ============================================================
   MOBILE — portfolio project page (≤ 768px)
   Nav, mobile menu, footer, statement band, tiles, CTA and font sizes come from shared.css
   ============================================================ */
@media (max-width: 768px) {
  body { overflow-x: hidden; }
  /* same side gutter as the root page */
  :root { --gutter: 26px; }
  .container { padding-left: 26px; padding-right: 26px; }
  /* NAV: comes from shared.css. Light hero, so the burger bars stay dark */
  .site-header .nav__burger span { background: #111111; }
  body.nav-open .site-header .nav__burger span { background: #ffffff; }

  /* ── statement band + gallery ── */
  .section-statement { padding: 180px 0 50px; }
  .section-statement .statement__grid { grid-template-columns: 1fr; }
  .section-proj-gallery { padding-bottom: 10px; }
  .section-proj-gallery .pm-grid + .pm-grid { margin-top: 12px; }
  .proj-only-desk { display: none; }
  .proj-only-mob { display: grid; }
  /* a lead tile that should be square on phones (otherwise it keeps its 2:1 shape) */
  .section-proj-gallery .pm-grid--square-mobile .pm:first-child { aspect-ratio: 1 / 1; }
  .section-proj-gallery .pm-grid:first-child .pm:first-child { aspect-ratio: 1 / 1; }
  .proj-story { grid-template-columns: 1fr; row-gap: 16px; padding: 60px 0; }
  .proj-story__list { grid-template-columns: 1fr; gap: 28px; margin-top: 36px; }
  .proj-quote { margin-top: 36px; }
  .proj-story__list li:nth-child(2) { padding-top: 22px; border-top: 1px solid rgba(17, 17, 17, 0.12); }

  /* ── NEXT PROJECT ── */
  .section-next-proj { padding: 60px 0 0; }
  .next-proj__title { margin-bottom: 24px; font-size: var(--fs-h2); }
  .pc--imgleft { grid-template-columns: 1fr; }
  .pc__media { order: 1; height: auto; aspect-ratio: 1 / 1; }
  .pc__text { padding: 12px 8px 4px; }
  .pc__title { font-size: var(--fs-h3); }
  .pc__more { opacity: 1; transform: none; }
  .pf-blur i { opacity: 1; }
  .section-qa .cta-panel { margin-top: 30px; }

  /* ── CTA ── */
  .section-qa { padding: 0 0 60px; }
}