/* Ensephra — serene background.
   Replaces every prior 3D attempt with something that can't fail,
   can't feel busy, and can't get more complicated over time: a soft,
   slow-drifting wash of the brand's own colors, sitting behind the
   whole page. No canvas, no JS, no render loop — just CSS. */

body {
  background-color: var(--warm-white);
  background-image:
    radial-gradient(ellipse 55% 45% at 15% 12%, rgba(200,221,208,0.42) 0%, transparent 65%),
    radial-gradient(ellipse 50% 40% at 88% 20%, rgba(232,213,188,0.34) 0%, transparent 65%),
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(237,244,239,0.5) 0%, transparent 68%),
    radial-gradient(ellipse 40% 35% at 92% 85%, rgba(184,149,106,0.14) 0%, transparent 65%);
  background-repeat: no-repeat;
  background-size: 140% 140%;
  background-position: 0% 0%, 100% 0%, 50% 100%, 100% 100%;
  animation: sereneDrift 50s ease-in-out infinite alternate;
}

@keyframes sereneDrift {
  0%   { background-position: 0% 0%,   100% 0%,   50% 100%,  100% 100%; }
  100% { background-position: 6% 8%,   92% 10%,   46% 94%,   90% 92%; }
}

@media (prefers-reduced-motion: reduce) {
  body { animation: none; }
}

@media (max-width: 700px) {
  body { background-size: 220% 220%; }
}