@media (max-width: 767.98px) {
  #amenities {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  #amenities .container-pad {
    padding-left: clamp(1rem, 5vw, 1.35rem);
    padding-right: clamp(1rem, 5vw, 1.35rem);
  }

  #amenities .container-pad > .reveal:first-child {
    margin-bottom: 2.2rem;
  }

  #amenities .container-pad > .reveal:first-child h2 {
    max-width: 19rem;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(1.35rem, 5vw, 1.75rem);
    line-height: 1.08;
  }

  #amenities .container-pad > div[class*="max-w-5xl"] {
    gap: 2.45rem;
  }

  #amenities article {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 0.95rem;
    align-items: center;
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto;
  }

  #amenities article > div {
    min-width: 0;
  }

  #amenities article > div[class*="md:order-1"] {
    order: 1;
  }

  #amenities article > div[class*="md:order-2"] {
    order: 2;
  }

  #amenities article span[aria-hidden="true"] {
    width: 1.8rem;
    margin-bottom: 0.4rem;
  }

  #amenities article h3 {
    color: #744a2c;
    font-size: clamp(0.95rem, 4vw, 1.2rem);
    line-height: 1.08;
  }

  #amenities article p {
    max-width: none;
    margin-top: 0.42rem;
    font-size: clamp(0.58rem, 2.35vw, 0.74rem);
    line-height: 1.45;
  }

  #amenities article img {
    aspect-ratio: 16 / 9;
    width: 100%;
    border-radius: 0.1rem;
    object-fit: cover;
    box-shadow: 0 14px 28px rgba(23, 34, 28, 0.16);
  }
}