@media (max-width: 1360px) {
  :root {
    --header-height: 76px;
  }

  .site-nav {
    grid-template-columns: auto auto;
    justify-content: space-between;
  }

  .site-nav__links,
  .site-nav__actions {
    display: none;
  }

  .site-nav__toggle {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: var(--radius-round);
    background: rgba(255, 255, 255, .12);
  }

  .site-nav__toggle-line {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--color-white);
  }

  .site-nav__toggle-line + .site-nav__toggle-line {
    margin-top: -12px;
  }

  .feature-grid,
  .city-grid,
  .story-grid,
  .statistics__grid,
  .partner-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .experience-grid,
  .masonry-preview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .experience-card,
  .masonry-preview article {
    grid-column: auto;
  }

  .map-explorer,
  .host-life {
    grid-template-columns: 1fr;
  }

  .review-layout {
    grid-template-columns: 1fr;
  }

  .registration .host-life__media {
    min-height: 520px;
  }

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

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

  .newsletter-form {
    grid-column: 1 / -1;
  }
}

@media (max-width: 992px) {
  .section {
    padding-block: var(--space-10);
  }

  .hero {
    min-height: 92vh;
  }

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

  .statistic {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .16);
  }

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

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }

  .site-header {
    padding: var(--space-3);
  }

  .site-nav {
    min-height: 68px;
    padding: var(--space-2) var(--space-3) var(--space-2) var(--space-5);
  }

  .site-nav__brand {
    margin-left: 0;
  }

  .site-nav__logo {
    width: 70px;
    height: 70px;
    border-radius: 14px;
  }

  .hero {
    justify-items: start;
    padding-inline: var(--space-5);
    text-align: left;
  }

  .hero__content {
    justify-items: start;
    text-align: left;
  }

  .hero__actions,
  .final-cta__actions,
  .section__actions {
    align-items: stretch;
    width: 100%;
    flex-direction: column;
  }

  .button {
    width: 100%;
  }

  .section,
  .host-life {
    width: min(100% - 32px, var(--container));
    padding-block: var(--space-9);
  }

  .section__header {
    justify-items: start;
    margin-bottom: var(--space-7);
    text-align: left;
  }

  .section__header > p:not(.eyebrow) {
    margin-inline: 0;
  }

  .feature-grid,
  .statistics__grid,
  .experience-grid,
  .city-grid,
  .story-grid,
  .masonry-preview,
  .partner-list,
  .benefit-list,
  .trust-list {
    grid-template-columns: 1fr;
  }

  .review-form__fields {
    grid-template-columns: 1fr;
  }

  .review-carousel {
    overflow-x: auto;
    padding-bottom: var(--space-2);
    scrollbar-width: thin;
  }

  .review-carousel__track {
    animation: none;
  }

  .review-carousel__duplicates {
    display: none;
  }

  .review-form__field--wide {
    grid-column: auto;
  }

  .site-nav__link[aria-current="page"]::before {
    display: none;
  }

  .experience-card:nth-child(1),
  .experience-card:nth-child(6),
  .masonry-preview article:nth-child(1),
  .masonry-preview article:nth-child(6) {
    grid-column: auto;
  }

  .experience-card,
  .experience-card:last-child:nth-child(4),
  .experience-card:last-child:nth-child(5),
  .experience-card:last-child:nth-child(7),
  .masonry-preview article,
  .masonry-preview article:last-child:nth-child(4),
  .masonry-preview article:last-child:nth-child(5),
  .masonry-preview article:last-child:nth-child(7) {
    grid-column: auto;
  }

  .feature-card,
  .experience-card,
  .city-card,
  .story-card,
  .masonry-preview article,
  .timeline__step {
    min-height: auto;
    padding: var(--space-5);
  }

  .experience-card,
  .city-card,
  .masonry-preview article {
    min-height: 300px;
  }

  .map-explorer__map,
  .host-life__media {
    min-height: 420px;
  }

  .registration .host-life__media {
    min-height: 420px;
  }

  .map-explorer__panel {
    padding: var(--space-5);
  }

  .comparison-table__row {
    grid-template-columns: 1fr;
  }

  .comparison-table__row > div + div {
    border-top: 1px solid var(--color-border);
    border-left: 0;
  }

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

  .site-footer__bottom {
    grid-template-columns: 1fr;
    flex-direction: column;
    justify-items: start;
  }

  .site-footer__filing,
  .site-footer__bottom a {
    justify-self: start;
    text-align: left;
  }
}

@media (max-width: 576px) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 1.45rem;
  }

  .hero {
    min-height: 100svh;
    padding-bottom: var(--space-8);
  }

  .hero__scroll {
    display: none;
  }

  .mobile-menu {
    width: calc(100vw - 24px);
    margin-inline: var(--space-3);
  }

  .map-marker {
    min-height: 34px;
    font-size: .72rem;
    padding-inline: var(--space-3);
  }

  .site-footer__nav {
    grid-template-columns: 1fr;
  }

  .site-footer__logo {
    width: 86px;
    height: 86px;
    margin-left: 0;
    border-radius: 14px;
  }
}

@media (max-width: 375px) {
  .section,
  .host-life {
    width: min(100% - 24px, var(--container));
  }

  h1 {
    font-size: 2.65rem;
  }

  h2 {
    font-size: 2rem;
  }

  .site-nav__logo {
    width: 62px;
    height: 62px;
  }
}