/* ═══════════════════════════════════════════════════════════════════════════
 * The scene, held still
 *
 * The park is drawn once and then left alone. It is right on the guest page,
 * where somebody has one thing to do and is on holiday; behind a desk with
 * thirty open jobs it competes with the work, and a member of staff sees it a
 * few thousand times rather than once. It also runs a dozen infinite
 * animations on whatever hardware happens to be at reception.
 *
 * Every drifting, shimmering, swaying and twinkling element keeps its shape and
 * loses its motion. Nothing about the drawing changes.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* the scene holds still — shapes keep their look, nothing repaints */
#scene *{animation:none !important}

#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}
#scene svg{width:100%;height:100%;display:block}
/* A dark wash at the foot so ivory text over a bright noon sky still reads. */
#veil{position:fixed;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(12,24,38,.34) 0%,rgba(12,24,38,.05) 26%,rgba(12,24,38,.10) 52%,rgba(12,24,38,.62) 100%)}

/* The daytime sky was tuned for a guest looking at it once. Behind a desk for a
   whole shift it is simply bright, and a bright ground under frosted glass
   drags the cards up with it. This settles the whole scene by a couple of stops
   and takes some of the glare out of the top of the sky. */
/* NO filter on #scene.
 *
 * A filter promotes this fixed element to its own compositing layer, and
 * Chromium then leaves it out of the backdrop that backdrop-filter samples —
 * so every frosted card came out as flat transparency in Edge and Chrome while
 * working correctly in Safari, which composites it differently.
 *
 * The same dimming is done with the veil instead: it is ordinary paint over the
 * scene, in the same layer, so the blur still has something to sample. */
:root[data-theme="light"] #veil{
  background:
    linear-gradient(180deg,
      rgba(16,29,45,.40) 0%,
      rgba(16,29,45,.27) 22%,
      rgba(16,29,45,.24) 50%,
      rgba(16,29,45,.56) 100%),
    linear-gradient(180deg, rgba(9,18,31,.13), rgba(9,18,31,.13));
}

.reeds.b{animation-duration:11s;animation-delay:-3s}



.cloud.c1{animation-duration:130s;animation-delay:-30s}
.cloud.c2{animation-duration:170s;animation-delay:-70s}


.reeds.b{animation-duration:11s;animation-delay:-3s}



.cloud.c1{animation-duration:130s;animation-delay:-30s}
.cloud.c2{animation-duration:170s;animation-delay:-70s}