/* R06 finishing scope: two Story gaps, media controls, and the closing headline only. */
@media(min-width:761px){
 /* Existing40px grid gap minus35px, with the following Hoi An flow moving naturally. */
 .r06 .story .story-spark{margin-block-start:-35px}
 .r06 .story .question:last-child{padding-bottom:0}
 .r06 .story .challenge-copy .story-end{margin-top:22px}
}
@media(max-width:760px){
 /* Existing mobile spark rhythm is retained; only the excessive question tail is tightened. */
 .r06 .story .question:last-child{padding-bottom:0}
 .r06 .story .challenge-copy .story-end{margin-top:18px}
}
.r06 .connect h2{font:400 64px/1.08 Anton,sans-serif;letter-spacing:-.015em;text-transform:none;text-wrap:balance}
@media(min-width:761px) and (max-width:1100px){.r06 .connect h2{font-size:52px}}
@media(max-width:760px){.r06 .connect h2{font-size:42px;line-height:1.12}}
/* Normal autoplay is control-free. The real button remains in the accessibility tree
   and Tab order; keyboard focus, hover or an explicit touch reveals it. */
.r06 .vision .film-toggle{opacity:0;pointer-events:none}
.r06 .vision .vision-media:hover .film-toggle,
.r06 .vision .vision-media:focus-within .film-toggle,
.r06 .vision .vision-media.show-controls .film-toggle,
.r06 .vision .vision-media.motion-reduced .film-toggle,
.r06 .vision .vision-media.autoplay-blocked .film-toggle{opacity:1;pointer-events:auto}
.r06 .vision .vision-media:focus-visible{outline:2px solid #209DA7;outline-offset:4px}
.r06 .vision .film-toggle:focus-visible{outline:3px solid #F2F0EA;outline-offset:3px}