/* Fit the copy to the usable viewport rather than the monitor's physical size. */
@media(min-width:751px){
 .video-journey .hero-copy,.video-journey[data-scene="5"] .hero-copy{
  top:max(18%,calc(var(--header-h) + var(--header-offset,12px) + clamp(36px,6svh,72px)));
  bottom:auto;width:min(62vw,1040px);max-width:calc(100% - 2 * var(--gutter));
 }
 .video-journey .hero-copy h1{
  font-size:clamp(32px,min(3.2vw,5.2svh),60px);line-height:1.12;
  max-width:24ch;margin:0 0 clamp(16px,2svh,24px);letter-spacing:-.025em;
  text-wrap:balance;hyphens:none;overflow-wrap:normal;
 }
 .video-journey .hero-copy p{
  font-size:clamp(16px,1.1vw,21px);line-height:1.55;max-width:48ch;
  margin:0 0 clamp(20px,2.6svh,30px);text-wrap:pretty;
 }
 .video-journey .hero-actions{gap:12px}
 .video-journey .hero-actions .btn{font-size:clamp(14px,.8vw,16px);padding:13px 18px;min-height:46px}
}
/* Short desktop windows need a wider copy area and less vertical stacking. */
@media(min-width:751px) and (max-height:600px){
 .video-journey .hero-copy,.video-journey[data-scene="5"] .hero-copy{top:calc(var(--header-h) + var(--header-offset,12px) + 24px);width:min(calc(100% - 2 * var(--gutter)),1040px)}
 .video-journey .hero-copy h1{font-size:clamp(28px,3vw,36px);max-width:36ch;margin-bottom:12px}
 .video-journey .hero-copy p{font-size:16px;line-height:1.45;max-width:70ch;margin-bottom:16px}
}