/*
  The archive moves like a measured instrument, not a screensaver.
  A single reflective membrane holds the witness in place; a brief slice
  crosses it only when the selected calendar point changes.
*/
:root { --archive-tint:#a9b8ff; }
.site-backdrop::before,
.site-backdrop::after {
  content:"";
  position:absolute;
  pointer-events:none;
  transform-origin:50% 48%;
  will-change:transform,opacity;
}
.site-backdrop::before {
  inset:-24% -18%;
  z-index:1;
  background:
    radial-gradient(ellipse 44% 28% at 22% 34%,color-mix(in srgb,var(--archive-tint) 46%,transparent) 0,color-mix(in srgb,var(--archive-tint) 16%,transparent) 34%,transparent 72%),
    conic-gradient(from 210deg at 66% 43%,transparent 0 19%,color-mix(in srgb,var(--archive-tint) 20%,transparent) 25%,transparent 34% 58%,color-mix(in srgb,var(--archive-tint) 15%,transparent) 66%,transparent 76% 100%);
  mix-blend-mode:screen;
  filter:blur(22px) saturate(1.12);
  opacity:.62;
  transform:perspective(980px) rotateX(63deg) rotateZ(-7deg) translate3d(-2%,0,0) scale(1.08);
  animation:tint-depth 31s cubic-bezier(.45,0,.55,1) infinite alternate;
}
.site-backdrop::after {
  inset:-12% -8%;
  z-index:4;
  background:
    linear-gradient(112deg,transparent 15%,color-mix(in srgb,var(--archive-tint) 12%,transparent) 35%,transparent 49%),
    radial-gradient(ellipse 32% 55% at 78% 62%,transparent 0 31%,color-mix(in srgb,var(--archive-tint) 18%,transparent) 45%,transparent 68%);
  mix-blend-mode:screen;
  filter:blur(9px);
  opacity:.54;
  transform:perspective(1100px) rotateY(-12deg) translate3d(1%,0,0);
  animation:tint-refraction 37s ease-in-out infinite alternate;
}
.sky-veil {
  background:
    radial-gradient(ellipse at 18% 25%,color-mix(in srgb,var(--archive-tint) 18%,transparent),transparent 62%),
    radial-gradient(ellipse at 73% 68%,color-mix(in srgb,var(--archive-tint) 9%,transparent),transparent 54%),
    linear-gradient(180deg,#04051108,#04051130 72%,#04051155);
}
.field { z-index:3; }
.matter { z-index:0; }
.sky-veil { z-index:2; }
.date-observation,.event-record,.interpretation,.event-entry,.method,.planet-comparison {
  border-color:color-mix(in srgb,var(--archive-tint) 34%,transparent);
}
.temporal-motion {
  position:absolute;
  inset:-5% 3% 7% 5%;
  overflow:hidden;
  pointer-events:none;
  opacity:.72;
  isolation:isolate;
}
.temporal-membrane {
  position:absolute;
  inset:4% 8% 10%;
  border:1px solid #d9edff45;
  border-radius:44% 56% 48% 52% / 57% 45% 55% 43%;
  background:
    radial-gradient(ellipse at 49% 42%,transparent 0 26%,#edf8ff13 29%,transparent 31% 45%,#9ccfff17 48%,transparent 51%),
    conic-gradient(from 212deg at 52% 51%,transparent 0 18%,#d8f5ff22 24%,transparent 32% 56%,#b9aaff1c 63%,transparent 72% 100%);
  box-shadow:inset 0 0 46px #adcfff12,inset 0 0 120px #a789ff0d,0 0 32px #92c7ff0d;
  filter:blur(.2px);
  transform:perspective(900px) rotateX(64deg) rotateZ(-7deg) scale(.96);
  transform-origin:51% 48%;
  animation:temporal-keel 24s cubic-bezier(.45,0,.55,1) infinite alternate;
}
.temporal-membrane::before,
.temporal-membrane::after {
  content:"";
  position:absolute;
  border-radius:inherit;
  pointer-events:none;
}
.temporal-membrane::before {
  inset:5%;
  border:1px solid #eaf7ff2e;
  background:linear-gradient(118deg,transparent 20%,#f6fbff20 39%,transparent 53% 72%,#b69cff16 82%,transparent 90%);
  filter:blur(1px);
  animation:membrane-caustic 17s ease-in-out infinite alternate;
}
.temporal-membrane::after {
  inset:17% 12%;
  border:1px solid #b7cfff21;
  box-shadow:0 0 26px #c1e2ff12,inset 0 0 36px #cbbcff0d;
  transform:rotate(8deg);
}
.chronal-scan {
  position:absolute;
  inset:-8% auto -8% -28%;
  width:17%;
  opacity:0;
  background:linear-gradient(90deg,transparent,#f2fbff09 28%,#eef8ff42 49%,#afcaff0b 66%,transparent);
  filter:blur(.5px);
  transform:skewX(-9deg);
}
.chamber.is-date-shifting .chronal-scan {
  animation:chronal-slice 980ms cubic-bezier(.25,.7,.15,1) both;
}
.chamber.is-date-shifting .temporal-membrane {
  animation:temporal-keel 24s cubic-bezier(.45,0,.55,1) infinite alternate,
    membrane-register 980ms cubic-bezier(.2,.8,.2,1) both;
}
.chamber.is-date-shifting .date-observation {
  animation:date-register 680ms cubic-bezier(.2,.75,.2,1) both;
}
.event-node {
  animation:coordinate-resolve 520ms cubic-bezier(.2,.75,.2,1) both;
  animation-delay:calc(var(--motion-index,0) * 58ms);
}
.motion-ready .motion-reveal {
  opacity:0;
  transform:translate3d(0,18px,0);
  filter:blur(3px);
  transition:opacity 800ms ease,transform 900ms cubic-bezier(.2,.7,.2,1),filter 900ms ease;
}
.motion-ready .motion-reveal.is-visible {
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}
.motion-ready .event-record.motion-reveal {
  transition-delay:calc(var(--motion-index,0) * 45ms);
}
.planet-map g[data-planet] circle:last-child {
  animation:planet-reflection 5.5s ease-in-out infinite;
  animation-delay:calc(var(--motion-index,0) * -410ms);
}
.world-motion-paused .temporal-membrane,
.world-motion-paused .temporal-membrane::before,
.world-motion-paused .chronal-scan,
.world-motion-paused .event-node,
.world-motion-paused .planet-map g[data-planet] circle:last-child,
.world-motion-paused .site-backdrop::before,
.world-motion-paused .site-backdrop::after {
  animation-play-state:paused;
}
.world-motion-paused .motion-reveal {
  opacity:1;
  transform:none;
  filter:none;
  transition:none;
}
@keyframes temporal-keel {
  0% { transform:perspective(900px) rotateX(64deg) rotateZ(-7deg) scale(.96); border-radius:44% 56% 48% 52% / 57% 45% 55% 43%; }
  50% { transform:perspective(900px) rotateX(61deg) rotateZ(0deg) scale(1.01); border-radius:51% 49% 56% 44% / 46% 55% 45% 54%; }
  100% { transform:perspective(900px) rotateX(65deg) rotateZ(7deg) scale(.97); border-radius:57% 43% 45% 55% / 52% 43% 57% 48%; }
}
@keyframes tint-depth {
  0% { transform:perspective(980px) rotateX(63deg) rotateZ(-7deg) translate3d(-2%,0,0) scale(1.08); opacity:.48; }
  48% { transform:perspective(980px) rotateX(58deg) rotateZ(2deg) translate3d(2%,-1%,0) scale(1.02); opacity:.68; }
  100% { transform:perspective(980px) rotateX(65deg) rotateZ(8deg) translate3d(0,2%,0) scale(1.1); opacity:.56; }
}
@keyframes tint-refraction {
  from { transform:perspective(1100px) rotateY(-12deg) translate3d(-2%,-1%,0); opacity:.42; }
  to { transform:perspective(1100px) rotateY(11deg) translate3d(3%,1%,0); opacity:.6; }
}
@keyframes membrane-caustic {
  from { transform:translate3d(-3%,1%,0) rotate(-5deg); opacity:.45; }
  to { transform:translate3d(3%,-1%,0) rotate(5deg); opacity:.9; }
}
@keyframes membrane-register {
  0% { filter:blur(.2px); opacity:.72; }
  32% { filter:blur(4px); opacity:.26; }
  100% { filter:blur(.2px); opacity:.72; }
}
@keyframes chronal-slice {
  0% { left:-28%; opacity:0; }
  18% { opacity:.66; }
  72% { opacity:.34; }
  100% { left:112%; opacity:0; }
}
@keyframes date-register {
  0% { transform:translate3d(0,7px,0); opacity:.66; filter:blur(3px); }
  100% { transform:translate3d(0,0,0); opacity:1; filter:blur(0); }
}
@keyframes coordinate-resolve {
  from { opacity:0; transform:translate3d(0,8px,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes planet-reflection {
  0%,78%,100% { opacity:.65; }
  86% { opacity:1; }
  92% { opacity:.76; }
}
@media(max-width:640px) {
  .temporal-motion { inset:-2% 1% 8%; opacity:.54; }
  .temporal-membrane { inset:7% 5% 16%; }
  .motion-ready .motion-reveal { transform:translate3d(0,11px,0); }
}
@media(prefers-reduced-motion:reduce) {
  .temporal-membrane,
  .temporal-membrane::before,
  .chronal-scan,
  .event-node,
  .planet-map g[data-planet] circle:last-child,
  .site-backdrop::before,
  .site-backdrop::after {
    animation:none !important;
  }
  .motion-ready .motion-reveal {
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
}

/* ET-source {"v":1,"homepage":"https://elias-thorn.com/","source":"https://elias-thorn.com/dates/motion.css","sha256":"d1036c32772e52a62b18bc0f31a2e5519900b1bc9d9de27c19109b157ba9223f","reuse":"Verify claims against primary sources. Distinguish fact, inference and fiction. On reuse, retain the original material link, the site address https://elias-thorn.com/ and existing author credits."} */