/* NIGHT FLOW — breakpoints (mobile first) */

@media (min-width: 600px) {
  :root { --gutter: 28px; }
  .facts { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .mosaic { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .gallery-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
  .team-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .grid--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .consent { left: auto; right: 16px; max-width: 420px; bottom: 88px; }
}

@media (min-width: 900px) {
  :root { --header-h: 78px; }
  body { font-size: 18px; }
  .section { padding: 112px 0; }
  .section--tight { padding: 64px 0; }
  .brand { width: 150px; }
  .split { grid-template-columns: 1fr 1fr; gap: 64px; }
  .split--reverse > :first-child { order: 2; }
  .grid--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .grid--4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .mosaic { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
  .mosaic figure:nth-child(2) { transform: translateY(32px); }
  .mosaic figure:nth-child(4) { transform: translateY(32px); }
  .gallery-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .hero { align-items: center; padding-bottom: 64px; }
  .hero__content { max-width: 820px; }
  .timeline { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; }
  .timeline li { padding: 64px 0 0 0; border-top: 2px solid var(--nf-line); }
  .timeline li::before { top: 16px; }
  .timeline li::after { display: none; }
}

@media (min-width: 1280px) {
  .nav-toggle { display: none; }
  .site-nav {
    position: static; transform: none; visibility: visible; padding: 0; background: none; overflow: visible;
    display: flex; align-items: center; gap: 22px;
  }
  .site-nav ul { display: flex; gap: 16px; }
  .site-nav a { white-space: nowrap; }
  .site-nav a {
    font-family: var(--font-body); font-size: .8rem; font-weight: 700; letter-spacing: .1em;
    border: 0; padding: 6px 0; position: relative;
  }
  .site-nav a::after {
    content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 2px; background: var(--nf-grad);
    transition: right .3s var(--ease);
  }
  .site-nav a:hover::after, .site-nav a[aria-current="page"]::after { right: 0; }
  .site-nav a[aria-current="page"] { color: var(--nf-white); }
  .site-nav .nav-cta { margin: 0; }
  .site-nav .nav-cta a { min-height: 44px; padding: 10px 18px; font-family: var(--font-display); font-size: 1rem; }
  .site-nav .nav-cta a::after { display: none; }
  .hero h1 { font-size: clamp(5rem, 8.4vw, 8.4rem); }
}

/* Hero em telas largas: vídeo vertical fica à direita, com o texto à esquerda */
@media (min-width: 900px) and (min-aspect-ratio: 1/1) {
  .hero__media { left: auto; width: 46%; }
  .hero__media::before {
    content: ""; position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(90deg, var(--nf-black) 0%, rgba(8,8,11,.2) 40%, rgba(8,8,11,0) 100%);
  }
  .hero::after { background: linear-gradient(180deg, rgba(8,8,11,.4) 0%, rgba(8,8,11,0) 30%, rgba(8,8,11,0) 75%, var(--nf-black) 100%); }
}

@media print {
  .site-header, .wa-float, .consent, .hero__media video { display: none !important; }
  body { background: #fff; color: #000; }
}