/*
  Canonical photo rendering fix.
  The approved Drive photos must render as real <img> elements. The previous
  fallback layer hid those elements with opacity:0 and relied on CSS background
  images, which made the visual state diverge from the versioned HTML assets.
*/
body:not(.bumbum-page) .education-hero .hero-image-frame{
  background:#1d120e !important;
}
body:not(.bumbum-page) .education-hero .hero-image-frame>img{
  opacity:1 !important;
}
body:not(.bumbum-page) main .mentoria-feature .mentoria-feature-visual{
  background:#1b120e !important;
}
body:not(.bumbum-page) main .mentoria-feature .mentoria-feature-visual>img{
  opacity:1 !important;
}

body.bumbum-page .ba-main .ba-hero .ba-hero-visual{
  background:#1b110d !important;
}
body.bumbum-page .ba-main .ba-hero .ba-hero-visual>img{
  opacity:1 !important;
}
body.bumbum-page .ba-main .ba-concept .ba-concept-image{
  background:#2b1710 !important;
}
body.bumbum-page .ba-main .ba-concept .ba-concept-image>img{
  opacity:1 !important;
}

/* The production build inserts the approved difference photo as a real image. */
body.bumbum-page .ba-main .ba-difference .ba-difference-number{
  min-height:0 !important;
  width:auto !important;
  overflow:visible !important;
  background:none !important;
  box-shadow:none !important;
  font-size:clamp(110px,16vw,220px) !important;
  line-height:.62 !important;
}