/* 03b — hero: warianty szerokości.
   Źródło: makieta style.css l. 1206–1216, 1253–1255, 1313–1407,
   1602–1614, 1675–1680. */

@media (min-width: 1500px) {
  .hero-wordmark {
    font-size: 12rem;
  }
}
@media (max-width: 1100px) {
  .hero-main {
    gap: 45px;
  }
  .hero-wordmark {
    font-size: 13.2vw;
  }
  .hero-bottom {
    gap: 25px;
  }
}
@media (max-width: 760px) {
  .hero-overline {
    font-size: 0.75rem;
    padding-top: 25px;
  }
  .hero-overline i {
    margin-inline: 6px;
  }
  .hero-wordmark {
    font-size: 13vw;
    margin: 20px 0 32px;
    letter-spacing: -0.075em;
  }
  .hero-main {
    grid-template-columns: 1fr;
    gap: 33px;
    padding-bottom: 32px;
  }
  .hero h1 {
    font-size: clamp(1.6rem, 5.3vw, 2.5rem);
    max-width: 620px;
    margin-bottom: 26px;
  }
  .hero-actions {
    gap: 24px;
  }
  .hero-actions .button {
    font-size: 0.8125rem;
    padding: 16px 18px;
    gap: 20px;
  }
  .hero-actions .text-link {
    font-size: 0.8125rem;
    gap: 15px;
  }
  .hero-ticket {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-left: 0;
    border-top: 1px solid var(--ai-line-ciemne);
    padding: 22px 0 0;
    gap: 0 25px;
    align-items: center;
  }
  .hero-ticket .eyebrow {
    grid-column: 1;
    font-size: 0.75rem;
    margin: 0;
  }
  .hero-ticket > strong {
    grid-column: 1;
    font-size: 1.5rem;
  }
  .ticket-city {
    grid-column: 2;
    grid-row: 1/3;
    font-size: 1.65rem;
  }
  .ticket-city > span {
    display: none;
  }
  .hero-ticket p {
    grid-column: 2;
    grid-row: 3;
    font-size: 0.75rem;
    margin: 0;
  }
  .ticket-bottom {
    grid-column: 1;
    grid-row: 3;
    border: 0;
    padding: 0;
    font-size: 0.75rem;
  }
  .hero-bottom {
    grid-template-columns: 1fr auto;
    gap: 20px;
    padding-block: 22px;
  }
  .hero-bottom p {
    display: none;
  }
  .people-peek {
    font-size: 0.75rem;
  }
  .avatars img {
    width: 35px;
    height: 35px;
  }
  .manifesto-strip {
    padding-block: 18px;
    gap: 12px;
    font-size: 0.875rem;
    column-gap: 20px;
  }
  .manifesto-strip > span:last-child {
    display: none;
  }
}
@media (max-width: 380px) {
  .hero-overline {
    font-size: 0.75rem;
  }
  .hero-actions {
    gap: 18px;
  }
  .hero-actions .button {
    padding: 15px;
    font-size: 0.75rem;
  }
  .hero-actions .text-link {
    font-size: 0.75rem;
  }
}