.video-hero .hero { min-height: 100svh; }
.video-hero .hero__inner { min-height: 100svh; padding-top: 125px; padding-bottom: 80px; }
.video-hero .hero__media { opacity: 1; }
.video-hero .hero__bg { animation: none; transform: none; }
.hero__film { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.video-hero .hero__shade { background: linear-gradient(0deg,rgba(247,243,234,.5),transparent 20%); }
.video-hero .hero__copy { position:relative; width:fit-content; padding:28px 32px; margin-left:-32px; }
.video-hero .hero__copy::before {
  content:""; position:absolute; inset:-12px -18px; z-index:-1;
  background:radial-gradient(ellipse at 42% 50%,rgba(255,253,247,.97) 0%,rgba(255,253,247,.94) 58%,rgba(255,253,247,.7) 75%,transparent 100%);
}
.video-hero[data-variant="a"] .hero__media { opacity:.52; }
.video-hero[data-variant="a"] .hero__shade { background:rgba(255,250,241,.2); }
.video-hero[data-variant="a"] .hero__copy::before { opacity:.7; }
.video-hero .section-index--hero { color:#443329; width:fit-content; background:rgba(255,253,247,.85); padding:4px 8px; margin-bottom:12px; }
.video-hero .motion-toggle { padding:8px 12px; color:#443329; background:rgba(255,253,247,.92); border:1px solid #c8b087; }
.video-hero .hero__copy,.video-hero .hero__surface { animation:none; transform:none; }
.video-hero .particles { opacity:1; }
.video-hero .particle { animation:none; left:0; top:0; position:absolute; width:var(--petal-size); height:var(--petal-size); opacity:0; }
.video-hero [data-particles="spring"] .particle {
  background:linear-gradient(135deg,#fff4fc,#e88bb6 70%,#c97094);
  border-radius:75% 12% 72% 30%; box-shadow:inset 1px 1px 2px #fff9;
}
.video-hero [data-particles="autumn"] .particle {
  background:linear-gradient(135deg,#ffe284,#c26c15 60%,#974315);
  clip-path:polygon(50% 0,60% 27%,82% 13%,77% 39%,100% 39%,78% 60%,83% 81%,56% 73%,50% 100%,43% 73%,18% 82%,23% 59%,0 38%,25% 36%,17% 13%,41% 27%);
}
@media(max-width:699px) {
  .video-hero .hero__inner { padding-top:108px; padding-bottom:78px; }
  .video-hero .hero__copy { width:100%; padding:18px 0; margin:0; }
  .video-hero .hero__copy::before { inset:-6px -14px; }
  .video-hero .hero__message { font-size:19px; margin-top:22px; }
  .video-hero .hero__lead { margin-top:16px; }
  .video-hero .hero__actions { margin-top:20px; }
  .video-hero .hero .confirmation-inline { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .video-hero .particles { display:none; } }