/* ==========================================================================
   06 — RESPONSIVO
   ========================================================================== */
@media (max-width: 1080px) {
  .reason { grid-template-columns: 64px 1fr 40px; }
  .reason p { grid-column: 2 / 3; }
  .reason__go { grid-row: 1; grid-column: 3; }
  .bento { grid-template-columns: repeat(2, 1fr); }
  .bento__item--wide { grid-column: span 2; }
  .sim { grid-template-columns: 1fr; }
  .nav__links { display: none; }
}

@media (max-width: 860px) {
  .hero { min-height: 0; padding-top: 96px; }
  .hero__grid { grid-template-columns: 1fr; gap: 0; }
  .hero__photo { max-width: 400px; margin-bottom: -40px; }
  .hero__copy { text-align: center; }
  .hero__eyebrow { justify-content: center; }
  .hero__eyebrow::before { display: none; }
  .hero__sub { margin-inline: auto; }
  .hero__cta { justify-content: center; }
  .scroll-hint { display: none; }
  .facts { grid-template-columns: 1fr 1fr; }
  .facts > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .facts > div:nth-child(n+3) { margin-top: 18px; }
  .stats__grid { grid-template-columns: 1fr 1fr; row-gap: 34px; }
  .stat:nth-child(3) { border-left: 0; }
  .testi { grid-template-columns: 1fr; max-width: 360px; margin-inline: auto; }
  .testi__card:nth-child(2) { margin-top: 0; }
  .compare, .method, .bio, .panel, .model, .videos, .forwho, .faq { grid-template-columns: 1fr; }
  .compare__col--us { transform: none; }
  .method__intro, .panel__side, .faq__side { position: static; }
  .bio__photo { max-width: 400px; }
  .panel__big { font-size: 120px; }
  .model__img { aspect-ratio: 4 / 3; order: -1; }
  .ticket { grid-template-columns: 1fr; -webkit-mask: none; mask: none; }
  .ticket__stub { border-left: 0; border-top: 2px dashed rgba(12, 27, 23, 0.25); }
  .guarantee { flex-direction: column; text-align: center; }
  .sticky-cta { display: block; }
  .wa-float { bottom: 88px; width: 52px; height: 52px; }
  .venue { aspect-ratio: 4 / 3; }
  .head--center, .head { text-align: left; }
  .head--center .lead { margin-inline: 0; }
  .head--center .eyebrow { justify-content: flex-start; }
}

@media (max-width: 560px) {
  body { font-size: 16px; }
  .bento { grid-template-columns: 1fr; }
  .bento__item--wide { grid-column: auto; }
  .bento__item { min-height: 220px; }
  .reason { grid-template-columns: 1fr 40px; }
  .reason__n { grid-column: 1; }
  .reason h3 { grid-column: 1 / -1; }
  .reason p { grid-column: 1 / -1; }
  .reason__go { grid-row: 1; grid-column: 2; }
  .tabs { width: 100%; }
  .tabs__btn { flex: 1; padding-inline: 12px; font-size: 13px; }
  .facts--venue { grid-template-columns: 1fr; }
  .facts--venue > div { padding-left: 0 !important; border-left: 0 !important; padding-bottom: 12px; }
  .bio__stats li { padding-block: 14px; }
  .accordion__trigger { padding: 20px 2px; }
  .btn--lg { padding: 0 24px; font-size: 13.5px; min-height: 58px; }
  .hero__cta .btn { width: 100%; }
  .pillar { flex-direction: column; gap: 10px; }
  .brand b { font-size: 21px; }
}