/* APK TEST – video INSPIRACE 01 pouze uvnitř nápisu WEBY.
   Žádná změna rozložení, barev, typografie ani ostatních sekcí. */
header.hero .hero-heading > .monument {
  position: relative;
  isolation: isolate;
}
header.hero .hero-heading > .monument .apk-weby-video-fill {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  -webkit-mask-position: top left;
  mask-position: top left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: opacity .45s ease;
}
header.hero .hero-heading > .monument .apk-weby-video-fill video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(.32) saturate(.65) contrast(1.08);
}
header.hero .hero-heading > .monument.apk-weby-video-ready {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
header.hero .hero-heading > .monument.apk-weby-video-ready .apk-weby-video-fill {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  header.hero .hero-heading > .monument.apk-weby-video-ready {color: #060606; -webkit-text-fill-color: #060606;}
  header.hero .hero-heading > .monument .apk-weby-video-fill {display: none;}
}

/* V71 – telefon: WEBY is readable and painted directly by CSS.
   This removes the JavaScript / canvas / img.decode wait from the LCP path.
   The instant image is the original high-resolution poster with the same
   brightness/saturation/contrast treatment as the video layer. */
@media (max-width: 600px) {
  header.hero .hero-heading > .monument {
    color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: url("assets/apk-weby-instant-frame.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
  }
  /* Transparent, masked overlay stays hidden until a real video frame exists. */
  header.hero .hero-heading > .monument .apk-weby-video-fill {
    opacity: 0;
    transition: opacity .28s ease;
  }
  header.hero .hero-heading > .monument.apk-weby-mobile-live .apk-weby-video-fill {
    opacity: 1;
  }
  header.hero .hero-heading > .monument .apk-weby-video-fill video {
    opacity: 1;
    transition: none;
  }
}
@media (max-width: 600px) and (prefers-reduced-motion: reduce) {
  header.hero .hero-heading > .monument {
    color: #060606;
    -webkit-text-fill-color: #060606;
    background-image: none;
  }
  header.hero .hero-heading > .monument .apk-weby-video-fill {
    display: none;
  }
}