/* =========================================================
   VANCE CEYLON — PERFORMANCE BOOST
   Preserves the existing visual design.
========================================================= */

/* Skip expensive below-the-fold painting until the user gets near it. */
@supports (content-visibility:auto){
  #animeSection,
  .video-panel,
  #collections,
  .footer{
    content-visibility:auto;
  }

  #animeSection{
    contain-intrinsic-size:auto 620px;
  }

  .video-panel{
    contain-intrinsic-size:auto 720px;
  }

  #collections{
    contain-intrinsic-size:auto 900px;
  }

  .footer{
    contain-intrinsic-size:auto 520px;
  }
}

/* Cached hero artwork paints immediately while fresh site settings load. */
html.vance-fast-hero .hero{
  background-image:var(--vance-fast-hero-image);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* Let browser decode product/media images off the main UI path. */
.card img,
.anime-card img,
.collection img,
.vance-slider-track img{
  image-rendering:auto;
}

/* Avoid unnecessary paint outside visible scrollers. */
.vance-slider-window,
.anime-showcase-track{
  contain:layout paint;
}

@media (max-width:700px){
  @supports (content-visibility:auto){
    #animeSection{
      contain-intrinsic-size:auto 500px;
    }

    .video-panel{
      contain-intrinsic-size:auto 650px;
    }

    #collections{
      contain-intrinsic-size:auto 760px;
    }
  }
}