/* One stationary caption, composed with the brand copy from the first paint. */
.hero--cinematic [data-fixed-dialogue]>.hero-scene-bubble:not(.hero-scene-echo){
  left:auto;right:clamp(24px,3vw,64px);top:clamp(108px,14svh,156px);
  width:clamp(300px,31vw,440px);max-width:none;height:96px;min-height:96px;
  padding:17px 21px;border-radius:18px;box-sizing:border-box;
  opacity:1;translate:none;transform:none;transition:none;
  background:#fffcf6f5;border-color:#ffffffd9;
}
.hero--cinematic [data-fixed-dialogue]>.hero-scene-bubble::after{display:none}
.hero--cinematic [data-fixed-dialogue]>.hero-scene-bubble.is-changing,
.hero--cinematic [data-fixed-dialogue]>.hero-scene-bubble.is-quiet{opacity:1;translate:none}
.hero--cinematic [data-fixed-dialogue] .hero-scene-bubble-text{font-size:clamp(14px,1vw,17px);line-height:1.7}
.hero--cinematic .hero-cinematic-copy{top:49%}
.hero--cinematic .hero-scene-state{right:96px;bottom:30px}
@media(min-width:901px) and (max-width:1100px){
  .hero--cinematic [data-fixed-dialogue]>.hero-scene-bubble:not(.hero-scene-echo){top:104px;width:310px;height:82px;min-height:82px;padding:13px 17px}
}
@media(max-width:900px){
  .hero--cinematic .hero-cinematic-copy{top:auto}
  .hero--cinematic [data-fixed-dialogue]>.hero-scene-bubble:not(.hero-scene-echo){
    position:relative;inset:auto;order:1;width:auto;max-width:none;
    margin:0 36px 16px;height:96px;min-height:96px;padding:14px 17px;
  }
  .hero--cinematic [data-fixed-dialogue] .hero-scene-bubble-text{font-size:14px;line-height:1.65}
  .hero--cinematic .hero-scene-state{bottom:20px}
}
@media(max-width:480px){
  .hero--cinematic .hero-cinematic-copy{padding-bottom:18px}
  .hero--cinematic [data-fixed-dialogue]>.hero-scene-bubble:not(.hero-scene-echo){
    margin:0 20px 12px;height:82px;min-height:82px;padding:10px 14px;border-radius:14px;
  }
  .hero--cinematic [data-fixed-dialogue] .hero-scene-bubble-text{font-size:13px;line-height:1.65}
}
@media(min-width:481px) and (max-width:640px){
  .hero--cinematic .hero-cinematic-copy{padding:88px 24px 20px}
  .hero--cinematic .hero-cinematic-copy h1{font-size:38px;line-height:1.15}
  .hero--cinematic .hero-cinematic-lede{margin-top:12px}
  .hero--cinematic .hero-cinematic-actions{margin-top:18px}
  .hero--cinematic [data-fixed-dialogue]>.hero-scene-bubble:not(.hero-scene-echo){margin:0 24px 12px;height:82px;min-height:82px;padding:10px 14px}
  .hero--cinematic .hero-stage-viewer{aspect-ratio:4/3}
}