/* XGRID.EMAIL: decorative projection of existing K.PUBLIC.EMAIL.B03.
 * 100px closes all 25/50/100px lattice periods. No animated paint properties. */
body[data-page="email"]::before,body[data-page="email"]::after { display:none !important; }
body[data-page="email"] > .email-xgrid-background {
  --email-grid-period:100px;
  position:fixed; inset:0; z-index:var(--z-base,0); overflow:clip;
  contain:strict; isolation:isolate; pointer-events:none; background:#07111e;
}
.email-xgrid-plane {
  position:absolute; inset:-100px; pointer-events:none;
  background-image:
    linear-gradient(#5ac9e00b 1px,transparent 1px),linear-gradient(90deg,#5ac9e00b 1px,transparent 1px),
    linear-gradient(#5ac9e023 1px,transparent 1px),linear-gradient(90deg,#5ac9e023 1px,transparent 1px),
    linear-gradient(#8aabff40 1px,transparent 1px),linear-gradient(90deg,#8aabff40 1px,transparent 1px);
  background-size:25px 25px,25px 25px,50px 50px,50px 50px,100px 100px,100px 100px;
  animation:email-xgrid-flow 48s linear infinite;
}
.email-xgrid-flat { opacity:.85; }
.email-xgrid-perspective { position:absolute; inset:20% -8% -12%; transform:perspective(1200px) rotateX(38deg); transform-origin:center bottom; mask-image:linear-gradient(transparent,#000 45%); }
.email-xgrid-depth { animation-duration:80s; animation-direction:reverse; opacity:.55; }
.email-xgrid-light { position:absolute; inset:0; background:radial-gradient(ellipse at 12% 5%,#24d6d01a,transparent 48%),radial-gradient(ellipse at 90% 75%,#788bff1a,transparent 50%); }
@keyframes email-xgrid-flow { to { transform:translate3d(calc(0px - var(--email-grid-period)),calc(0px - var(--email-grid-period)),0); } }
html[data-email-motion="paused"] body[data-page="email"] .email-xgrid-plane,
html[data-email-motion="paused"] body[data-page="email"] .email-number-track,
html[data-email-motion="paused"] body[data-page="email"] .email-orbit::after,
body[data-page="email"]:has(#email-pause:checked) .email-xgrid-plane { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { .email-xgrid-plane { animation:none; } }
@media(max-width:767px) { .email-xgrid-perspective { display:none; } }