/* Two quiet color changes within the existing CityNest page rhythm. */
.location-arrival,
.concierge-services {
  --accent-copy: #c6d1bf;
  background: var(--green);
  color: var(--cream);
  border-radius: 22px;
}

.location-arrival {
  gap: clamp(32px, 5vw, 72px);
  padding: clamp(28px, 4vw, 52px);
  margin-bottom: 64px;
}

.location-arrival .location-arrival-photo {
  max-width: 430px;
}

.location-arrival-copy h2,
.location-arrival-address {
  color: var(--cream);
}

.location-arrival-copy .section-label,
.concierge-services .editorial-card .card-index {
  color: var(--sage);
}

.location-arrival-copy .subpage-lead,
.location-arrival-address span,
.location-arrival-note {
  color: var(--accent-copy);
}

.location-arrival-copy .button-outline {
  background: var(--sage);
  border-color: var(--sage);
  color: var(--green);
}

.location-arrival-copy .button-outline:hover {
  background: var(--cream);
  border-color: var(--cream);
}

.location-arrival-copy .button-outline:focus-visible {
  outline-color: var(--cream);
}

.concierge-services {
  padding: 42px;
  gap: 34px;
}

.concierge-services .editorial-card {
  border-top-color: rgba(247, 242, 233, .25);
}

.concierge-services .editorial-card h3 {
  color: var(--cream);
}

.concierge-services .editorial-card p {
  color: var(--accent-copy);
  margin-bottom: 0;
}

@media (max-width: 850px) {
  .location-arrival {
    gap: 30px;
    padding: 30px;
  }

  .concierge-services {
    padding: 30px;
    gap: 24px;
  }
}

@media (max-width: 600px) {
  .location-arrival {
    padding: 22px;
    gap: 28px;
    margin-bottom: 40px;
    border-radius: 18px;
  }

  .location-arrival-copy h2 {
    font-size: clamp(36px, 10vw, 45px);
  }

  .concierge-services {
    padding: 26px 24px;
    gap: 28px;
    border-radius: 18px;
  }
}