/* Scoped integration layer. The poster and HTML copy exist before JavaScript. */
[data-hero-sequence]{position:relative}
[data-hero-sequence] [data-stage]{position:relative;isolation:isolate;min-height:100svh;overflow:hidden}
[data-hero-sequence].sequence-enabled,html.hero-motion-capable [data-hero-sequence]:not(.sequence-static){height:235svh}
[data-hero-sequence].sequence-enabled [data-stage],html.hero-motion-capable [data-hero-sequence]:not(.sequence-static) [data-stage]{position:sticky;top:0;height:100svh}
[data-hero-sequence] canvas[data-sequence]{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transform:none!important}
[data-hero-sequence] canvas.sequence-ready{opacity:1}
[data-hero-sequence].sequence-enabled .portrait{transform:none;will-change:auto}
[data-hero-sequence].sequence-static{height:auto}
[data-hero-sequence].sequence-static [data-stage]{position:relative}
@media(max-width:900px){[data-hero-sequence].sequence-enabled,html.hero-motion-capable [data-hero-sequence]:not(.sequence-static){height:190svh}}
@media(max-width:600px) and (max-height:740px){[data-hero-sequence] canvas[data-sequence]{height:66%}}
@media(prefers-reduced-motion:reduce){[data-hero-sequence].sequence-enabled{height:auto}[data-hero-sequence].sequence-enabled [data-stage]{position:relative}}