/* V20.9 — Homepage-only source reconciliation with founder Canva storyboard.
 * The approved phone, mobility, Entry Points and geo video media files are unchanged.
 * Exactly one Entry Points scene appears; its original caption is BEFORE the film.
 */

/* Phone: legible middle size, contrast and rhythm like the founder's Canva layout. */
html body.home.ban-home-videos-v20 .ban-home-story--intro.ban-home-story--centered {
  width:min(1190px, calc(100% - 44px)) !important;
  max-width:1190px !important;
  margin:clamp(-10px, .3vw, 8px) auto 0 !important;
  padding:0 0 20px !important;
  text-align:center !important;
}
html body.home.ban-home-videos-v20 .ban-home-story--intro #ban-home-title.ban-v209-phone-title {
  width:100% !important;
  font-family:Inter,'Helvetica Neue',Arial,sans-serif !important;
  font-size:clamp(20px,1.83vw,28px) !important;
  font-weight:530 !important;
  line-height:1.18 !important;
  letter-spacing:-.034em !important;
  text-align:center !important;
  margin:0 auto !important;
}
html body.home.ban-home-videos-v20 #ban-home-title .ban-v209-phone-line {
  display:block !important;
  width:100% !important;
  white-space:nowrap !important;
  font-size:1em !important;
  font-weight:530 !important;
  text-align:center !important;
  margin:0 auto !important;
}
html body.home.ban-home-videos-v20 #ban-home-title .ban-v209-phone-line + .ban-v209-phone-line {margin-top:.14em !important;}
html body.home.ban-home-videos-v20 #ban-home-title strong {font-weight:760 !important;}
html body.home.ban-home-videos-v20 #ban-home-title .ban-v209-ink {font-weight:650;}
html body.home.ban-home-videos-v20 #ban-home-title .ban-v209-phone-line--end {
  font-size:.88em !important;
  font-weight:540 !important;
}
html body.home.ban-home-videos-v20 .ban-home-story--intro .ban-home-cta {
  display:flex !important;
  justify-content:center !important;
  margin:17px auto 0 !important;
}

/* Mobility: Canva storyboard places explanatory message and two CTA buttons
 * directly under visible car/presenter artwork, not after a large empty field.
 * Keep the presenter ring completely visible, including on mobile. */
html body.home.ban-home-videos-v20 #network-compounding.ban-v208-mobility {
  padding-bottom:clamp(10px,1.8vw,24px) !important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary {
  position:relative;
  z-index:3;
  width:min(850px,calc(100% - 48px));
  margin:clamp(-135px,-8.0vw,-70px) auto 8px !important;
  padding:0 6px;
  text-align:center;
  color:#283848;
  font-family:Inter,'Helvetica Neue',Arial,sans-serif;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary p {
  font-size:clamp(12px,1.05vw,15px);line-height:1.35;
  margin:0 auto 7px!important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary strong {
  display:block;
  font-size:clamp(12px,1.06vw,16px);
  letter-spacing:-.018em;
  margin:0 auto !important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v208-mobility-buttons {
  display:flex!important;justify-content:center!important;
  margin:10px auto 18px !important;
  text-align:center!important;
  width:min(920px,calc(100% - 32px))!important;
}
html body.home.ban-home-videos-v20 #network-compounding .ban-v208-mobility-buttons .button-row {
  display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;
  flex-wrap:wrap!important;margin:0 auto!important;
}

/* Entry Points video: heading, eyebrow and description belong ABOVE the animation.
 * Make sure the text remains visible and uses the Canva-approved size & gradient. */
html body.home.ban-home-videos-v20 #ban-home-channel {
  display:flex!important;
  flex-direction:column!important;
  margin:clamp(10px,1.7vw,24px) auto 0!important;
  padding:0 !important;
}
html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story {
  order:0;
  display:block!important;
  width:min(1120px,calc(100% - 40px))!important;
  max-width:1120px!important;
  margin:0 auto clamp(-10px,-.5vw,-4px)!important;
  padding:0 0 5px!important;
  position:relative!important;z-index:2!important;
  text-align:center!important;
}
html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story .ban-home-eyebrow {
  display:block!important;
  text-align:center!important;
  margin:0 auto 13px!important;
  color:#637383!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
}
html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story h2 {
  display:block!important;
  max-width:1050px!important;
  width:100%!important;
  margin:0 auto!important;
  color:#162533!important;
  font-size:clamp(27px,3.15vw,45px)!important;
  line-height:1.10!important;
  font-weight:700!important;
  letter-spacing:-.047em!important;
  text-align:center!important;
}
html body.home.ban-home-videos-v20 #ban-home-channel .ban-v209-channel-line {
  display:block!important;
  white-space:nowrap;
}
html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-copy {
  display:block!important;
  margin:19px auto 0!important;
  width:min(870px,100%)!important;
  max-width:870px!important;
  font-size:clamp(18px,1.58vw,23px)!important;
  line-height:1.35!important;
  color:#586574!important;
  text-align:center!important;
}
html body.home.ban-home-videos-v20 #ban-home-channel > .ban-home-film {
  order:1;
  margin:0 auto!important;
  width:100%!important;
}

/* Geography/operating system: approved scene unchanged, move title higher. */
html body.home.ban-home-videos-v20 #ban-home-geo-scene .ban-v207-geo-overlay {
  top:-4.5%!important;
}
@media (max-width:900px) {
  html body.home.ban-home-videos-v20 .ban-home-story--intro.ban-home-story--centered {
    width:calc(100% - 32px)!important;margin:14px auto 0!important;
  }
  html body.home.ban-home-videos-v20 .ban-home-story--intro #ban-home-title.ban-v209-phone-title {
    font-size:clamp(19px,3.8vw,25px)!important;line-height:1.23!important;
  }
  html body.home.ban-home-videos-v20 #ban-home-title .ban-v209-phone-line {
    white-space:normal!important;text-wrap:balance;
  }
  html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary {
    margin:clamp(-65px,-7vw,-20px) auto 10px !important;
    width:calc(100% - 38px);
  }
  html body.home.ban-home-videos-v20 #ban-home-channel .ban-v209-channel-line {
    white-space:normal; text-wrap:balance;
  }
  html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story h2 {
    font-size:clamp(27px,4.5vw,40px)!important;
  }
  html body.home.ban-home-videos-v20 #ban-home-geo-scene .ban-v207-geo-overlay {
    top:-3.2%!important;
  }
}
@media (max-width:480px) {
  html body.home.ban-home-videos-v20 .ban-home-story--intro #ban-home-title.ban-v209-phone-title {
    font-size:19px!important;line-height:1.23!important;
  }
  html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary {
    margin:0 auto 12px!important;
    width:calc(100% - 32px);
  }
  html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary p {font-size:12px;}
  html body.home.ban-home-videos-v20 #network-compounding .ban-v209-mobility-summary strong {font-size:12px;}
  html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story {
    width:calc(100% - 20px)!important;
  }
  html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-story h2 {
    font-size:27px!important;line-height:1.15!important;
  }
  html body.home.ban-home-videos-v20 #ban-home-channel .ban-home-copy {
    font-size:17px!important;margin-top:14px!important;
  }
  html body.home.ban-home-videos-v20 #ban-home-geo-scene .ban-v207-geo-overlay {
    position:relative!important;top:auto!important;left:auto!important;
    transform:none!important;margin-top:-22px!important;
    padding-top:0!important;
  }
}
/* Desktop: retain a heading-safe buffer beneath the floating glass navigation. */
@media (min-width:901px) {
  html body.home.ban-home-videos-v20 #ban-home-channel {
    padding-top:60px!important;
  }
}