@media (max-width: 639.98px) {
  #about {
    padding-block: 2.75rem;
  }

  #about .container-pad {
    padding-inline: 1rem;
  }

  #about .container-pad > .reveal:first-child {
    margin-bottom: 1.4rem;
    max-width: none;
  }

  #about .container-pad > .reveal:first-child > p:first-child {
    font-size: 0.58rem;
    letter-spacing: 0.24em;
  }

  #about .container-pad > .reveal:first-child h2 {
    font-size: 1.45rem;
    line-height: 1.08;
    margin-top: 0.55rem;
  }

  #about .container-pad > .reveal:first-child .gold-rule {
    margin-top: 0.85rem;
    width: 3.75rem;
  }

  #about .container-pad > .reveal:first-child .gold-rule + p {
    font-size: 0.68rem;
    line-height: 1.7;
    margin-top: 0.8rem;
  }

  #about .container-pad > .grid {
    gap: 0.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #about .container-pad > .grid > .reveal {
    min-width: 0;
  }

  #about .luxury-card {
    height: 100%;
    overflow: hidden;
    padding: 0.75rem 0.55rem;
  }

  #about .luxury-card h3 {
    font-size: 0.85rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }

  #about .luxury-card p {
    font-size: 0.58rem;
    line-height: 1.55;
    margin-top: 0.55rem;
  }
}