/* Reference palette and layered curves, scoped to the two homepages. */
body.ai-home-page {
  --home-surface: #f8faff;
  --home-surface-clear: rgba(248, 250, 255, 0);
  --site-header-gradient: #f8faff;
  background: var(--home-surface);
}
body.ai-home-page .ai-hero.ai-hero--editorial {
  background: var(--home-surface);
}
body.ai-home-page .ai-hero--editorial [data-hero-background="minimal"] {
  background: linear-gradient(180deg, #f8faff, #fcfdff 38%, #f8faff);
  -webkit-mask-image: none;
  mask-image: none;
}
body.ai-home-page .ai-hero--editorial .ai-hero__texture {
  inset: auto 0 0;
  height: 38%;
  background: none;
  -webkit-mask-image: none;
  mask-image: none;
  perspective: 1000px;
  perspective-origin: 50% 70%;
}
body.ai-home-page .ai-hero--editorial .ai-hero__surface {
  inset: 0 -4%;
  transform-origin: 50% 65%;
  backface-visibility: hidden;
}
body.ai-home-page .ai-hero__surface--rear {
  background-image: url("../images/home-depth-lavender.svg?v=20261013-svg-fill-fix-3");
  transform: translate3d(0, -12px, -100px) rotateX(8deg) rotateY(-2deg) scale(1.13);
  --wave-duration: 20s;
  --wave-x: 3%;
  --wave-y: 14px;
  --wave-delay: -4s;
  filter: drop-shadow(0 -10px 18px #6b62a814);
}
body.ai-home-page .ai-hero__surface--left {
  background-image: url("../images/home-depth-blue.svg?v=20261013-svg-fill-fix-3");
  transform: translate3d(0, 8px, -25px) rotateX(7deg) rotateY(2deg) scale(1.07);
  --wave-duration: 16s;
  --wave-x: 2.5%;
  --wave-y: 18px;
  --wave-delay: -10s;
  filter: drop-shadow(0 -16px 22px #5267a526);
}
body.ai-home-page .ai-hero__surface--right {
  background-image: url("../images/home-depth-front.svg?v=20261013-svg-fill-fix-3");
  transform: translate3d(0, 32px, 45px) rotateX(5deg) rotateY(-1deg) scale(1.03);
  --wave-duration: 24s;
  --wave-x: 2.75%;
  --wave-y: 16px;
  --wave-delay: -18s;
  filter: drop-shadow(0 -18px 24px #5566a52b);
}
body.ai-home-page .home-opening__veil { background: #f8faff; }
body.ai-home-page [data-home-depth-layer] { transform-origin: 50% 65%; }
/* Independent translate leaves the opening's 3D transform under one owner. */
body.ai-home-page .ai-hero__texture[data-wave-playback] .ai-hero__surface {
  animation: home-wave-drift var(--wave-duration) ease-in-out var(--wave-delay) infinite;
  animation-play-state: paused;
}
body.ai-home-page .ai-hero__texture[data-wave-playback="running"] .ai-hero__surface {
  animation-play-state: running;
}
@keyframes home-wave-drift {
  0%, 100% { translate: calc(var(--wave-x) * -1) var(--wave-y); }
  50% { translate: var(--wave-x) calc(var(--wave-y) * -1); }
}
@media (max-width: 767px) {
  body.ai-home-page .ai-hero--editorial .ai-hero__texture { height: 30%; }
  body.ai-home-page .ai-hero--editorial .ai-hero__surface { --wave-y: 10px; }
  body.ai-home-page .ai-hero__surface--rear { transform: translate3d(0, -8px, -60px) rotateX(6deg) scale(1.1); }
  body.ai-home-page .ai-hero__surface--left { transform: translate3d(0, 6px, -15px) rotateX(5deg) scale(1.06); }
  body.ai-home-page .ai-hero__surface--right { transform: translate3d(0, 24px, 25px) rotateX(4deg) scale(1.03); }
}
@media (prefers-reduced-motion: reduce) {
  body.ai-home-page .ai-hero__texture[data-wave-playback] .ai-hero__surface { animation: none; }
}