/* V29: dedicated Aseton MP4 hero slide. Existing V28 product slides remain unchanged. */
.site--platonik .hero-video-stage {
  position:absolute; inset:0; z-index:3;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .8s ease,visibility 0s linear .8s;
  overflow:hidden;
  background:linear-gradient(130deg,#c2b5ed,#e3adc4 55%,#a2dcdc);
}
.site--platonik .hero-video-media {
  display:block; position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover; object-position:center;
}
.site--platonik .hero.hero-has-video .hero-video-stage {
  opacity:1; visibility:visible; transition:opacity .8s ease;
}
/* Do not display static photo/orbit over the full-bleed movie. */
.site--platonik .hero.hero-has-video .hero-product-scene {opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
.site--platonik .hero.hero-has-video .hero-art {opacity:0!important;}
.site--platonik .hero.hero-has-video .hero-shade {
  z-index:4!important;
  background:linear-gradient(90deg,rgba(5,22,91,.77) 0%,rgba(4,25,103,.51) 33%,rgba(8,24,91,.08) 65%,rgba(4,14,69,.06) 100%)!important;
  pointer-events:none;
}
.site--platonik .hero.hero-has-video .hero-copy {z-index:1000!important;}
.site--platonik .hero.hero-has-video .hero-bottom {z-index:1001!important;}
.site--platonik .hero.hero-has-video .hero-eyebrow,
.site--platonik .hero.hero-has-video .hero-title-main,
.site--platonik .hero.hero-has-video .hero-subtitle {text-shadow:0 5px 26px rgba(0,17,71,.38)!important;}
/* Keep the video cinematic but preserve clear copy above it on mobile. */
@media (max-width:750px) {
  .site--platonik .hero.hero-has-video .hero-video-media {object-position:center center;}
  .site--platonik .hero.hero-has-video .hero-shade {
    background:linear-gradient(180deg,rgba(4,27,104,.81) 0%,rgba(8,45,130,.57) 36%,rgba(6,29,93,.14) 67%,rgba(5,17,61,.38) 100%)!important;
  }
  .site--platonik .hero.hero-has-video .hero-copy {top:clamp(116px,15%,160px)!important;}
}
@media(prefers-reduced-motion:reduce){
  .site--platonik .hero-video-stage {transition:none!important;}
}

/* The film should remain fully visible instead of hiding packaging under a large title. */
.site--platonik .hero.hero-has-video .hero-copy {
  opacity:0!important; visibility:hidden!important; pointer-events:none!important;
}
.site--platonik .hero-video-caption {
  position:absolute; z-index:1001;
  top:clamp(122px,18vh,188px); left:var(--gutter);
  display:flex; flex-direction:column; align-items:flex-start; gap:7px;
  max-width:calc(100% - 40px);
  padding:15px 20px 16px;
  color:#fff;
  background:rgba(9,38,115,.31);
  border:1px solid rgba(255,255,255,.34);
  border-radius:8px;
  box-shadow:0 14px 40px rgba(2,21,85,.08);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateY(9px);
  transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s;
}
.site--platonik .hero.hero-has-video .hero-video-caption {
  opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity .55s ease .2s,transform .55s ease .2s;
}
.site--platonik .hero-video-caption span {
  font:700 11px/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:.2em;
}
.site--platonik .hero-video-caption strong {
  font:800 clamp(21px,2vw,28px)/1.15 Arial,Helvetica,sans-serif;
  letter-spacing:.025em;
}
.site--platonik .hero.hero-has-video .hero-shade {
  background:linear-gradient(180deg,rgba(0,15,70,.37),transparent 28%,transparent 67%,rgba(2,24,83,.31) 100%)!important;
}
@media(max-width:750px){
  .site--platonik .hero-video-caption {top:100px;left:20px;padding:11px 13px 12px;gap:5px;}
  .site--platonik .hero-video-caption span{font-size:9px;letter-spacing:.13em;}
  .site--platonik .hero-video-caption strong{font-size:18px;}
  .site--platonik .hero.hero-has-video .hero-shade{background:linear-gradient(180deg,rgba(3,16,81,.44) 0%,transparent 25%,transparent 74%,rgba(4,18,75,.44) 100%)!important;}
}
@media(prefers-reduced-motion:reduce){.site--platonik .hero-video-caption{transition:none!important;transform:none!important;}}
