/* ==========================================================================
   Pickled Frames - site overrides
   Loaded after the Webflow stylesheets. Keep hand-written changes here so a
   future Webflow re-export cannot silently discard them.
   ========================================================================== */

/* Inline animations converted from GIF to MP4.
   webflow.css styles the `img` element directly, which `video` does not
   inherit, so the img layout behaviour is restored explicitly here. The
   two-class selectors below beat the single-class Webflow rules regardless
   of source order, so display/margins stay deterministic. */
video.anim {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  display: inline-block;
  background-color: transparent;
}

video.anim.image-2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

video.anim.logo_animation {
  display: block;
  margin-top: 2px;
}

/* Reserve space for media so late-loading assets cannot shift the layout.
   width/height attributes give the browser an aspect-ratio up front; without
   `height: auto` the Webflow `img { max-width: 100% }` rule would squash a
   scaled-down image to its literal attribute height.
   Wrapped in :where() so this carries ZERO specificity - any existing rule
   that sets an explicit height still wins. */
:where(img[width][height], video[width][height]) {
  height: auto;
}

/* Reduced motion is handled in js/site.js: the autoplay attribute is removed
   before playback starts, so the poster frame (frame 1 of the animation)
   stays on screen instead of looping. Nothing is hidden. */