@media (max-width: 1040px) {
  .hero,
  .split,
  .wattpad-grid {
    grid-template-columns: 1fr;
  }
  
  .cover-card,
  .cover-card img {
    min-height: 560px;
  }

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

  .gallery-card.large {
    grid-column: span 2;
    grid-row: auto;
    min-height: 520px;
  }
}

@media (max-width: 900px) {
  .character-wiki,
  .character-profile {
    grid-template-columns: 1fr;
  }

  .character-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .character-image-wrap,
  .character-image-wrap img {
    min-height: 420px;
  }

  .worldbuilding-wiki {
    grid-template-columns: 1fr;
    grid-template-areas:
      "categories"
      "entry"
      "list";
  }

  .world-entry-list {
    max-height: none;
  }
}

@media (max-width: 820px) {
  .nav-links a:not(.nav-cta) {
    display: none;
  }

  .lore-grid,
  .world-strip,
  .schedule-wrap,
  .gallery-grid {
    grid-template-columns: 1fr;
  }

  .gallery-card.large {
    grid-column: auto;
    min-height: 440px;
  }

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

  .fanart-head {
    flex-direction: column;
  }
}

@media (max-width: 560px) {
  .brand-text span {
    display: none;
  }

  .hero {
    padding-top: 98px;
  }

  .cover-card,
  .cover-card img {
    min-height: 430px;
  }

  .button {
    width: 100%;
  }

  .cta-row {
    width: 100%;
  }

  .day-list li {
    flex-direction: column;
    align-items: flex-start;
  }

  .character-list,
  .character-facts {
    grid-template-columns: 1fr;
  }
}