/* ============ TABLET ============ */
@media (max-width: 1024px) {
  .nav-links { display: none; }

  .hero-cover { right: clamp(1rem, 5vw, 4rem); width: clamp(14rem, 34vw, 22rem); }
  .hero-wordmark { font-size: clamp(4.5rem, 14vw, 11rem); }

  .editorial-spread { grid-template-columns: 1fr; }
  .editorial-page { max-width: 20rem; }
  .editorial-text { column-count: 2; }
}

/* ============ MOBILE ============ */
@media (max-width: 760px) {
  :root { --nav-height: 3.6rem; }

  .nav { gap: 0.75rem; }
  .nav-wordmark { font-size: 1rem; }
  .nav-demo { padding: 0.45rem 0.7rem 0.35rem; font-size: 0.62rem; letter-spacing: 0.16em; }

  /* Hero recomposed: stacked magazine-cover layout */
  .hero { padding-bottom: 4rem; }
  .hero-motto { font-size: 0.56rem; letter-spacing: 0.34em; }

  .hero-stage {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 0;
    margin-top: 1.6rem;
  }
  .hero-wordmark {
    order: 1;
    font-size: clamp(3.4rem, 21vw, 6rem);
    text-align: left;
  }
  .hero-wordmark .line-2 { margin-left: 18vw; }
  .hero-cover {
    order: 2;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: 78vw;
    margin: -1.2rem auto 0 auto;
  }

  .hero-foot {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    margin-top: 2.4rem;
  }
  .hero-ctas { gap: 1.4rem; }

  .manifesto { grid-template-columns: 1fr; }
  .manifesto-body { max-width: none; }

  .fullbleed-media { height: 62vh; }
  .fullbleed-media img { object-position: center; }
  .fullbleed-media img.focus-right { object-position: 72% center; }

  .editorial-text { column-count: 1; }
  .editorial-page { max-width: 16rem; }

  .format-01, .format-02, .format-03 { grid-template-columns: 1fr; }
  .format-02 .format-text { order: 2; }
  .format-02 .format-media { order: 1; margin-top: 0; }

  .content-moment { height: 54vh; }

  .format-05-media { height: 76vh; }
  .format-05 .format-text.on-image { position: static; color: var(--paper); padding: 2rem var(--gutter) 0; }
  .format-05 { background: var(--black); padding-bottom: 3.5rem; }

  .content-duo { grid-template-columns: 1fr; }

  .magazine { grid-template-columns: 1fr; }
  .magazine-cover { max-width: 72vw; }
  .magazine-cover img { box-shadow: 0 22px 50px rgba(8, 8, 8, 0.3); }

  .local { grid-template-columns: 1fr; }

  .footer { padding-bottom: 2.4rem; }
}

/* ============ SMALL PHONES ============ */
@media (max-width: 400px) {
  .hero-ctas .btn { padding: 0.9rem 1.6rem 0.8rem; letter-spacing: 0.2em; }
  .nav-demo { display: none; }
}