/* v440 — Instant poster surface while Gumlet's actual iframe stays unloaded. */
.od-video-poster-host{
  position:relative;
}
.od-video-poster{
  position:absolute!important;
  inset:0!important;
  z-index:12!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#0c0d12!important;
  color:white!important;
  cursor:pointer!important;
  isolation:isolate;
}
.od-video-poster[hidden]{display:none!important}
.od-video-poster-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
}
.od-video-poster-has-image .od-video-poster-image{opacity:1}
.od-video-poster-title{
  position:absolute;
  bottom:clamp(12px,2vw,26px);
  left:clamp(12px,2vw,26px);
  right:clamp(12px,2vw,26px);
  text-align:left;
  font:600 clamp(11px,1vw,15px)/1.4 'Manrope',sans-serif;
  letter-spacing:.02em;
  color:#fff;
  text-shadow:0 2px 8px #000;
  opacity:.85;
}
.od-video-poster-has-image .od-video-poster-title{opacity:0}
.od-video-poster-play{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:clamp(52px,5vw,78px);
  height:clamp(52px,5vw,78px);
  border-radius:50%;
  background:#6558de;
  box-shadow:0 6px 24px rgba(0,0,0,.36);
  transition:transform .16s ease,background .16s ease;
}
.od-video-poster-play::after{
  content:'';
  display:block;
  width:0;
  height:0;
  margin-left:5px;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:19px solid white;
}
.od-video-poster:hover .od-video-poster-play,
.od-video-poster:focus-visible .od-video-poster-play{
  transform:scale(1.06);
  background:#7668f1;
}
.od-video-poster:focus-visible{outline:2px solid #d1ff00!important;outline-offset:-2px}
.od-video-poster-starting .od-video-poster-play{opacity:.65;pointer-events:none}
@media (prefers-reduced-motion: reduce){
  .od-video-poster-image,.od-video-poster-play{transition:none!important}
}

/* v443: Each 2D reel has its own complete thumbnail/player/slot pane.
   A hidden pane must not paint even when its poster uses display:flex!important. */
html body #views #work .od-animation-reel-frame > .od-reel-player-pane{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
html body #views #work .od-animation-reel-frame > .od-reel-player-pane[hidden]{
  display:none!important;
}