/* VERITAS — Ambient Slideshow layer. Sits behind content, never blocks clicks. */
#veritas-ambient{
  position:fixed; inset:0; z-index:0;            /* raise/lower to sit behind your cluster */
  overflow:hidden; pointer-events:none;
  contain:strict;
  transition:opacity .6s ease;                   /* fades BOTH ways when pausing/unpausing */
}
#veritas-ambient.paused{ opacity:0; }            /* fade the field out when a column opens */

.va-tile{
  position:absolute; opacity:0;
  transition:opacity var(--fin,1500ms) ease;
  will-change:opacity,transform;
  border-radius:var(--va-radius,14px);   /* rounded corners */
  overflow:hidden;
  /* Soft fade-to-black on ALL four sides — the two linear masks are intersected
     so every edge feathers evenly (the VALOR treatment, but all around & subtle).
     --va-feather = how far in each edge dissolves. */
  -webkit-mask:
    linear-gradient(to right,  transparent 0, #000 var(--va-feather,7%), #000 calc(100% - var(--va-feather,7%)), transparent 100%),
    linear-gradient(to bottom, transparent 0, #000 var(--va-feather,7%), #000 calc(100% - var(--va-feather,7%)), transparent 100%);
  -webkit-mask-composite:source-in;
          mask:
    linear-gradient(to right,  transparent 0, #000 var(--va-feather,7%), #000 calc(100% - var(--va-feather,7%)), transparent 100%),
    linear-gradient(to bottom, transparent 0, #000 var(--va-feather,7%), #000 calc(100% - var(--va-feather,7%)), transparent 100%);
          mask-composite:intersect;
}
.va-tile.in{ opacity:var(--peak,0.72); }
.va-tile.out{ opacity:0; transition:opacity var(--fout,1700ms) ease; }

.va-tile img{
  width:100%; height:100%; object-fit:contain; display:block;
  filter:grayscale(1) contrast(1.02) brightness(0.92);
}
/* NOTE: the old inner-image Ken Burns zoom (scale + translate on an
   object-fit:cover image) is GONE — it was cropping heads and edges out of
   the photographs. Motion now comes from whole-tile drift below, which never
   crops: the full frame is always shown. */

/* Whole-tile drift — the memory glides through space over its entire life,
   in any direction (--dr-x/--dr-y set per-tile by JS), while it fades. */
.va-tile.va-drift{
  animation:va-drift var(--dr-dur,7000ms) linear both;
}
@keyframes va-drift{
  from{ transform:translate(0,0); }
  to  { transform:translate(var(--dr-x,0px),var(--dr-y,0px)); }
}

@media (prefers-reduced-motion: reduce){
  #veritas-ambient{ display:none; }   /* stay dark and still */
}