/* ---------------------------------------------------------------------------
   Deltas introduced by the move off Kirby. Everything else in assets/css is
   byte-identical to the Kirby build, so this file is the whole diff.
   --------------------------------------------------------------------------- */

/* 1. Thumbnail cropping.
   Kirby generated each grid thumb server-side with crop(540,765), so the CSS
   could assume every image arrived at a fixed 3:4.25 ratio. We now serve the
   originals, so the crop has to happen in the browser instead. */
.index-thumb .border-wrapper {
  display: block;
  width: 100%;
  aspect-ratio: 540 / 765;
  overflow: hidden;
}
.index-thumb .border-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.index-thumb figure { margin: 0; }

/* 2. Marquee.
   The old build injected a <marquee> element -- non-standard and deprecated.
   Same effect, done with a keyframe. */
.is-marquee { overflow: hidden; }
.is-marquee .marquee-inner {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: marquee-scroll 8s linear infinite;
}
@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}
@media (prefers-reduced-motion: reduce) {
  .is-marquee .marquee-inner { animation: none; padding-left: 0; }
}