/* Homepage only. Use the existing body surface; no additional layout wrapper. */
body.cs-page-index {
  /* Replace the exported pageFadeIn effect, including its retained transform. */
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
html:has(> body.cs-page-index) {
  /* Keep the ordinary charcoal canvas behind the blur at viewport edges. */
  background: #0b0d12;
  --cs-home-focus-blur: 6px;
  --cs-home-focus-duration: 1200ms;
  --cs-home-focus-easing: cubic-bezier(0.3, 0, 0.25, 1);
}
html.cs-home-focus > body.cs-page-index {
  animation: cs-home-soft-focus var(--cs-home-focus-duration) var(--cs-home-focus-easing) 0ms 1 normal backwards !important;
}
@keyframes cs-home-soft-focus {
  from { filter: blur(var(--cs-home-focus-blur)); }
  to { filter: none; }
}
@media (prefers-reduced-motion: reduce), print {
  html.cs-home-focus > body.cs-page-index {
    animation: none !important;
    filter: none !important;
  }
}