/* === EMS luxury uplift 2026-08 === */
html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(201,166,107,.14), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(22,53,44,.10), transparent 50%),
    linear-gradient(180deg, #fbf9f5 0%, #f3efe6 48%, #f7f4ee 100%) !important;
  color: #0c1411;
}
.site-header, header.site-header, .gp-header {
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 10px 40px rgba(7,13,11,.12);
}
h1, .hero h1, .hero__title, .faq-head h1, .ems-koc__name {
  letter-spacing: -0.02em;
  text-wrap: balance;
}
img {
  image-rendering: auto;
}
.gi-card img, .card img, .media img, .hero img, .faq-portrait img, figure img {
  transition: transform .7s cubic-bezier(.22,1,.36,1), filter .7s ease;
  filter: saturate(1.05) contrast(1.03);
}
.gi-card:hover img, .card:hover img, figure:hover img {
  transform: scale(1.03);
}
a.btn, .btn, .btn--primary, .cta, .hero__actions a:first-child {
  box-shadow: 0 10px 30px rgba(12,31,26,.18);
}
.site-footer, footer {
  border-top: 1px solid rgba(201,166,107,.25);
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}