/* Keep the approved warm paper palette identical across desktop and mobile. */
@media (max-width: 1100px) {
  html,
  body,
  .hero,
  .hero-curve,
  .service-navigator,
  .about,
  .about-curve,
  .contact-section,
  .dialog-card {
    background-color: #f7f4ef !important;
  }
}

@media (max-width: 760px) {
  .site-header {
    background: color-mix(in srgb, #f7f4ef 78%, transparent) !important;
  }
}

@media (max-width: 720px) {
  .floating-contacts a,
  .floating-contacts button {
    background: color-mix(in srgb, #fff 92%, #f7f4ef) !important;
  }
}