/* HD film stills.
   Source photographs were 1280x720. Masters are Real-ESRGAN x4plus (5120x2880),
   Lanczos-downscaled to 3840x2160, then lightly sharpened and encoded as AVIF, WebP, and JPEG.
   Viewports under 900px use 1280/2560. Wider viewports use 1920/3840.
*/
.hero-bg,
.paper-live .hero-bg,
.proof-bg,
.tour-bg,
.final-bg,
#stories,
.cta-sticky,
.film-sky {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
.hero-bg,
.paper-live .hero-bg,
.final-bg,
.film-sky[data-scene="cover"] {
  background-image: url("/film/ls-cover-1280.jpg") !important;
  background-image: image-set(
    url("/film/ls-cover-1280.avif") type("image/avif") 1x,
    url("/film/ls-cover-2560.avif") type("image/avif") 2x,
    url("/film/ls-cover-1280.webp") type("image/webp") 1x,
    url("/film/ls-cover-2560.webp") type("image/webp") 2x,
    url("/film/ls-cover-1280.jpg") type("image/jpeg") 1x,
    url("/film/ls-cover-2560.jpg") type("image/jpeg") 2x
  ) !important;
}
.proof-bg,
.film-sky[data-scene="market"] {
  background-image: url("/film/ls-market-1280.jpg") !important;
  background-image: image-set(
    url("/film/ls-market-1280.avif") type("image/avif") 1x,
    url("/film/ls-market-2560.avif") type("image/avif") 2x,
    url("/film/ls-market-1280.webp") type("image/webp") 1x,
    url("/film/ls-market-2560.webp") type("image/webp") 2x,
    url("/film/ls-market-1280.jpg") type("image/jpeg") 1x,
    url("/film/ls-market-2560.jpg") type("image/jpeg") 2x
  ) !important;
}
.tour-bg,
.film-sky[data-scene="roadmap"] {
  background-image: url("/film/ls-roadmap-1280.jpg") !important;
  background-image: image-set(
    url("/film/ls-roadmap-1280.avif") type("image/avif") 1x,
    url("/film/ls-roadmap-2560.avif") type("image/avif") 2x,
    url("/film/ls-roadmap-1280.webp") type("image/webp") 1x,
    url("/film/ls-roadmap-2560.webp") type("image/webp") 2x,
    url("/film/ls-roadmap-1280.jpg") type("image/jpeg") 1x,
    url("/film/ls-roadmap-2560.jpg") type("image/jpeg") 2x
  ) !important;
}
.film-sky[data-scene="ask"] {
  background-image: url("/film/ls-ask-1280.jpg") !important;
  background-image: image-set(
    url("/film/ls-ask-1280.avif") type("image/avif") 1x,
    url("/film/ls-ask-2560.avif") type("image/avif") 2x,
    url("/film/ls-ask-1280.webp") type("image/webp") 1x,
    url("/film/ls-ask-2560.webp") type("image/webp") 2x,
    url("/film/ls-ask-1280.jpg") type("image/jpeg") 1x,
    url("/film/ls-ask-2560.jpg") type("image/jpeg") 2x
  ) !important;
}
#stories,
.film-sky[data-scene="problem"] {
  background-image: url("/film/ls-problem-1280.jpg") !important;
  background-image: image-set(
    url("/film/ls-problem-1280.avif") type("image/avif") 1x,
    url("/film/ls-problem-2560.avif") type("image/avif") 2x,
    url("/film/ls-problem-1280.webp") type("image/webp") 1x,
    url("/film/ls-problem-2560.webp") type("image/webp") 2x,
    url("/film/ls-problem-1280.jpg") type("image/jpeg") 1x,
    url("/film/ls-problem-2560.jpg") type("image/jpeg") 2x
  ) !important;
}
.cta-sticky,
.film-sky[data-scene="whynow"] {
  background-image: url("/film/ls-whynow-1280.jpg") !important;
  background-image: image-set(
    url("/film/ls-whynow-1280.avif") type("image/avif") 1x,
    url("/film/ls-whynow-2560.avif") type("image/avif") 2x,
    url("/film/ls-whynow-1280.webp") type("image/webp") 1x,
    url("/film/ls-whynow-2560.webp") type("image/webp") 2x,
    url("/film/ls-whynow-1280.jpg") type("image/jpeg") 1x,
    url("/film/ls-whynow-2560.jpg") type("image/jpeg") 2x
  ) !important;
}
@media (min-width: 900px) {
.hero-bg,
.paper-live .hero-bg,
.final-bg,
.film-sky[data-scene="cover"] {
  background-image: url("/film/ls-cover-1920.jpg") !important;
  background-image: image-set(
    url("/film/ls-cover-1920.avif") type("image/avif") 1x,
    url("/film/ls-cover-3840.avif") type("image/avif") 2x,
    url("/film/ls-cover-1920.webp") type("image/webp") 1x,
    url("/film/ls-cover-3840.webp") type("image/webp") 2x,
    url("/film/ls-cover-1920.jpg") type("image/jpeg") 1x,
    url("/film/ls-cover-3840.jpg") type("image/jpeg") 2x
  ) !important;
}
.proof-bg,
.film-sky[data-scene="market"] {
  background-image: url("/film/ls-market-1920.jpg") !important;
  background-image: image-set(
    url("/film/ls-market-1920.avif") type("image/avif") 1x,
    url("/film/ls-market-3840.avif") type("image/avif") 2x,
    url("/film/ls-market-1920.webp") type("image/webp") 1x,
    url("/film/ls-market-3840.webp") type("image/webp") 2x,
    url("/film/ls-market-1920.jpg") type("image/jpeg") 1x,
    url("/film/ls-market-3840.jpg") type("image/jpeg") 2x
  ) !important;
}
.tour-bg,
.film-sky[data-scene="roadmap"] {
  background-image: url("/film/ls-roadmap-1920.jpg") !important;
  background-image: image-set(
    url("/film/ls-roadmap-1920.avif") type("image/avif") 1x,
    url("/film/ls-roadmap-3840.avif") type("image/avif") 2x,
    url("/film/ls-roadmap-1920.webp") type("image/webp") 1x,
    url("/film/ls-roadmap-3840.webp") type("image/webp") 2x,
    url("/film/ls-roadmap-1920.jpg") type("image/jpeg") 1x,
    url("/film/ls-roadmap-3840.jpg") type("image/jpeg") 2x
  ) !important;
}
.film-sky[data-scene="ask"] {
  background-image: url("/film/ls-ask-1920.jpg") !important;
  background-image: image-set(
    url("/film/ls-ask-1920.avif") type("image/avif") 1x,
    url("/film/ls-ask-3840.avif") type("image/avif") 2x,
    url("/film/ls-ask-1920.webp") type("image/webp") 1x,
    url("/film/ls-ask-3840.webp") type("image/webp") 2x,
    url("/film/ls-ask-1920.jpg") type("image/jpeg") 1x,
    url("/film/ls-ask-3840.jpg") type("image/jpeg") 2x
  ) !important;
}
#stories,
.film-sky[data-scene="problem"] {
  background-image: url("/film/ls-problem-1920.jpg") !important;
  background-image: image-set(
    url("/film/ls-problem-1920.avif") type("image/avif") 1x,
    url("/film/ls-problem-3840.avif") type("image/avif") 2x,
    url("/film/ls-problem-1920.webp") type("image/webp") 1x,
    url("/film/ls-problem-3840.webp") type("image/webp") 2x,
    url("/film/ls-problem-1920.jpg") type("image/jpeg") 1x,
    url("/film/ls-problem-3840.jpg") type("image/jpeg") 2x
  ) !important;
}
.cta-sticky,
.film-sky[data-scene="whynow"] {
  background-image: url("/film/ls-whynow-1920.jpg") !important;
  background-image: image-set(
    url("/film/ls-whynow-1920.avif") type("image/avif") 1x,
    url("/film/ls-whynow-3840.avif") type("image/avif") 2x,
    url("/film/ls-whynow-1920.webp") type("image/webp") 1x,
    url("/film/ls-whynow-3840.webp") type("image/webp") 2x,
    url("/film/ls-whynow-1920.jpg") type("image/jpeg") 1x,
    url("/film/ls-whynow-3840.jpg") type("image/jpeg") 2x
  ) !important;
}
}
