/* Ajustes finais para celulares — mantidos separados para facilitar a revisão. */
@media (max-width: 699px) {
  .header {
    height: 68px;
    background: linear-gradient(180deg, rgba(13, 11, 10, .96), rgba(13, 11, 10, .72));
  }

  .header .logo {
    gap: 11px;
    flex: 0 0 auto;
  }

  .header .logo > span {
    font-size: 29px;
    letter-spacing: -.07em;
  }

  .header .logo small {
    width: 45px;
    font-size: 5.5px;
  }

  .header-link {
    display: none;
  }

  .hero h1 {
    font-size: clamp(36px, 9.7vw, 42px);
    line-height: .93;
  }

  .hero-content {
    top: 220px;
    bottom: auto;
  }

  .pill {
    max-width: 100%;
    white-space: normal;
    line-height: 1.35;
  }

  .section { padding: 62px 18px; }

  .section-title h2 {
    font-size: clamp(37px, 10.8vw, 50px);
    margin-bottom: 26px;
  }

  .work-card { height: 360px; }
  .quality-visual { height: 370px; }
  .contact h2 { font-size: clamp(40px, 11vw, 50px); }
}

@media (max-width: 360px) {
  .header { padding-inline: 14px; }
  .hero-content { left: 16px; right: 16px; top: 205px; }
  .hero h1 { font-size: 35px; }
  .section { padding-inline: 16px; }
  .work-card { height: 335px; }
}