/* Scroll from a small central video to a genuinely edge-to-edge frame. */
body.home-page #playreel {
  --reel-stage-height: 100svh;
  width: 100% !important; max-width: none !important;
  height: calc(var(--reel-stage-height) + 80svh) !important;
  padding: 0 !important; margin-inline: 0 !important;
}
body.home-page #playreel .reel-stage {
  position: sticky !important; top: 0 !important;
  width: 100% !important; max-width: none !important;
  height: var(--reel-stage-height) !important;
  padding: 100px 0 20px !important;
  display: flex; align-items: center; justify-content: center;
}
body.home-page #playreel .reel-center {
  width: 100% !important; max-width: none !important;
  padding: 0 !important; gap: 20px; margin: 0; height: 100%; min-height: 0;
}
body.home-page #playreel .reel-description {
  color: #586270; transform: none; max-width: 660px;
  padding: 0 24px; margin: 0 auto; text-align: center;
}
body.home-page #playreel .reel-composition {
  display: block; position: relative;
  width: 100% !important; max-width: none !important;
  height: auto !important; flex: 1 1 0; min-height: 0; margin: 0; padding: 0;
}
body.home-page #playreel .reel-video-frame {
  position: absolute !important; top: 50%; left: 50%;
  transform: translate(-50%, -50%) !important;
  width: var(--reel-width,28%) !important; max-width: 100% !important;
  height: var(--reel-height, auto) !important; max-height: 100%; aspect-ratio: 16 / 9;
  border-radius: var(--reel-radius,16px) !important; margin: 0; z-index: 2;
}
body.home-page #playreel .reel-video-player {
  display: block; width: 100%; height: 100%; object-fit: contain;
}
body.home-page #playreel .reel-play,
body.home-page #playreel .reel-word {
  display: block; position: absolute; top: 50%; transform: translateY(-50%);
  font-size: clamp(24px,6vw,100px); line-height: 1.05;
  opacity: var(--reel-words,1); z-index: 1;
}
body.home-page #playreel .reel-play { right: 67%; }
body.home-page #playreel .reel-word { left: 67%; }
body.home-page #playreel .reel-overlay { display: none; }
@media(max-width:767px) {
  body.home-page #playreel .reel-stage { padding: 90px 0 24px !important; }
  body.home-page #playreel .reel-play, body.home-page #playreel .reel-word { font-size: clamp(16px,4.3vw,28px); }
  body.home-page #playreel .reel-play { right: 73%; }
  body.home-page #playreel .reel-word { left: 73%; }
}
@media(prefers-reduced-motion:reduce) {
  body.home-page #playreel { height: auto !important; }
  body.home-page #playreel .reel-stage { position: relative !important; height: auto !important; }
  body.home-page #playreel .reel-center { height: auto; }
  body.home-page #playreel .reel-composition { flex: none; aspect-ratio: 16 / 9; }
  body.home-page #playreel .reel-video-frame { width: 100% !important; height: 100% !important; border-radius: 0 !important; }
  body.home-page #playreel .reel-play, body.home-page #playreel .reel-word { display: none; }
}