@media (max-width: 1180px) {
  .grid-hero,
  .grid-features,
  .grid-content,
  .case-card,
  .latest-posts__grid,
  .join-guides,
  .server-hero,
  .mode-grid,
  .news-layout,
  .shop-layout,
  .join-band,
  .network-links,
  .team-hero,
  .application-hero,
  .application-shell,
  .rules-hero,
  .partner-hero,
  .features-hero,
  .partner-requirements,
  .legal-shell,
  .admin-panel__grid,
  .site-footer {
    grid-template-columns: 1fr;
  }

  .server-hero,
  .server-hero__content,
  .server-status {
    min-height: auto;
  }

  .server-status {
    min-height: 260px;
  }

  .mode-card--large {
    grid-column: auto;
  }

  .features-card,
  .stats-row,
  .latest-posts__grid,
  .feature-grid,
  .partner-grid,
  .partner-step-grid,
  .team-grid,
  .rules-grid,
  .wiki-quick-grid,
  .wiki-card-grid,
  .wiki-card-grid--compact {
    grid-template-columns: repeat(2, 1fr);
  }

  .dashboard-preview {
    margin: 0 24px 24px;
    transform: none;
  }

  .footer-columns {
    grid-template-columns: repeat(3, 1fr);
  }

  .blog-feature-card {
    grid-template-columns: 1fr;
  }

  .blog-feature-card__thumb {
    min-height: 260px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}

@media (min-width: 761px) {
  .vote-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .page {
    width: min(100% - 22px, var(--container));
    margin: 12px auto;
  }

  .site-header {
    grid-template-columns: 1fr auto;
    gap: 18px;
  }

  .site-nav {
    display: none;
  }

  .site-footer {
    padding: 24px;
  }

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

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-copy,
  .card-pad,
  .hero-slide,
  .latest-posts,
  .admin-login,
  .admin-panel,
  .server-hero__content,
  .server-status,
  .news-feature,
  .community-band,
  .join-help,
  .team-hero,
  .application-hero,
  .partner-hero,
  .features-hero,
  .partner-requirements,
  .legal-hero,
  .legal-shell,
  .application-shell,
  .application-form,
  .rules-hero,
  .join-copy,
  .join-panel,
  .case-card__content {
    padding: 24px;
  }

  .hero-slider,
  .hero-slider__viewport {
    min-height: 640px;
  }

  .hero-slide {
    --hero-slide-tag-offset: 78px;
    align-content: center;
    gap: 24px;
  }

  .hero-slide__eyebrow {
    max-width: calc(100vw - 70px);
  }

  .hero-slide h1 {
    font-size: clamp(38px, 13vw, 62px);
  }

  .hero-slide p {
    font-size: 16px;
  }

  .hero-slider__controls {
    bottom: 18px;
  }

  .server-hero h1 {
    font-size: clamp(42px, 16vw, 72px);
  }

  .server-hero__content > p {
    font-size: 16px;
  }

  .mode-card,
  .mode-card--large {
    min-height: auto;
  }

  .mode-card__art,
  .mode-card__art--citybuild {
    min-height: 150px;
  }

  .shop-card {
    grid-template-columns: 1fr;
  }

  .shop-card__visual {
    width: 112px;
  }

  .community-band {
    align-items: flex-start;
    flex-direction: column;
  }

  .latest-posts__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .latest-posts__grid {
    grid-template-columns: 1fr;
  }

  .vote-grid,
  .vote-info-panel {
    grid-template-columns: 1fr;
  }

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

  .team-hero {
    min-height: 520px;
  }

  .team-hero h1 {
    font-size: 44px;
  }

  .team-hero__content p {
    font-size: 16px;
  }

  .application-hero {
    min-height: 520px;
  }

  .application-hero h1 {
    font-size: 44px;
  }

  .application-hero__content p {
    font-size: 16px;
  }

  .application-form__grid,
  .application-form__rank-fields {
    grid-template-columns: 1fr;
  }

  .application-form__head-row {
    flex-direction: column;
  }

  .application-requirements-button {
    width: 100%;
  }

  .application-form__actions {
    align-items: flex-start;
    flex-direction: column;
  }

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

  .rule-section-card ul {
    grid-template-columns: 1fr;
  }

  .rule-section-card {
    padding: 28px 24px 26px;
  }

  .rule-section-card:first-of-type {
    padding-top: 28px;
  }

  .rule-section-card .rule-card__number {
    top: 16px;
    right: 16px;
  }

  .wiki-quick-grid,
  .wiki-card-grid,
  .wiki-card-grid--compact,
  .wiki-step-list,
  .wiki-command-list {
    grid-template-columns: 1fr;
  }

  .wiki-command-list article {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .partner-grid,
  .partner-step-grid,
  .feature-grid {
    grid-template-columns: 1fr;
  }

  .rules-hero {
    min-height: 520px;
  }

  .rules-hero h1 {
    font-size: 44px;
  }

  .rules-hero__content p {
    font-size: 16px;
  }

  .partner-hero {
    min-height: 520px;
  }

  .partner-hero h1 {
    font-size: 44px;
  }

  .partner-hero__content p {
    font-size: 16px;
  }

  .partner-hero__panel {
    min-height: 190px;
  }

  .features-hero {
    min-height: 520px;
  }

  .features-hero h1 {
    font-size: 44px;
  }

  .features-hero__content p {
    font-size: 16px;
  }

  .features-hero__panel {
    min-height: 190px;
  }

  .team-hero,
  .application-hero,
  .rules-hero,
  .partner-hero,
  .features-hero,
  .legal-hero {
    --banner-tag-offset: 70px;
  }

  .team-hero__label,
  .application-hero__label,
  .rules-hero__label,
  .partner-hero__label,
  .features-hero__label,
  .legal-hero__label {
    max-width: calc(100vw - 70px);
  }

  .legal-hero {
    min-height: 460px;
  }

  .legal-hero h1 {
    font-size: 44px;
  }

  .legal-hero p {
    font-size: 16px;
  }

  .legal-topics {
    position: static;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    padding: 10px;
  }

  .legal-topics__title {
    display: none;
  }

  .legal-meta-grid {
    grid-template-columns: 1fr;
  }

  .blog-filter-bar__button {
    flex: 1 1 130px;
  }

  .blog-feature-card__content {
    padding: 24px;
  }

  .admin-panel__head,
  .admin-maintenance__head,
  .admin-form__actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-form__row,
  .admin-post-item {
    grid-template-columns: 1fr;
  }

  .admin-post-item img {
    height: 170px;
  }

  .blog-reader {
    padding: 12px;
  }

  .blog-reader__dialog {
    max-height: calc(100vh - 24px);
  }

  .blog-reader__content {
    padding: 24px;
  }

  .discord-strip {
    align-items: flex-start;
    flex-direction: column;
    padding: 70px 22px 22px;
  }

  .discord-strip__actions {
    position: static;
    transform: none;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .discord-strip__content {
    max-width: none;
    padding-right: 0;
  }

  .discord-strip__label {
    top: 22px;
    left: 22px;
    max-width: calc(100vw - 66px);
  }

  .join-card__address {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .join-card__address span,
  .join-card__address strong,
  .join-card__copy {
    grid-column: 1;
    grid-row: auto;
  }

  .join-card__copy {
    justify-self: start;
    margin-top: 8px;
  }

  .features-card,
  .stats-row {
    grid-template-columns: 1fr;
  }

  .hero-title {
    font-size: clamp(42px, 14vw, 76px);
  }

  .admin-header {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .admin-header .brand {
    justify-content: center;
  }

  .admin-header .admin-nav {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
  }

  .admin-header .site-actions {
    justify-content: center;
  }

  .maintenance-page {
    padding: 12px;
  }

  .maintenance-card {
    padding: 30px 22px;
  }
}