/* v7.10 Section background label visibility fix */
body.motion-v7 .section::before{
  content:attr(data-motion-title)!important;
  position:absolute!important;
  right:2.2vw!important;
  top:30px!important;
  z-index:0!important;
  pointer-events:none!important;
  white-space:nowrap!important;
  font-family:"Bodoni Moda",serif!important;
  font-size:clamp(72px,9vw,138px)!important;
  font-weight:700!important;
  line-height:.82!important;
  letter-spacing:.025em!important;
  color:rgba(45,111,184,.105)!important;
  opacity:1!important;
  text-shadow:0 1px 0 rgba(255,255,255,.18)!important;
}

/* Slightly stronger on cream / alternate chapters */
body.motion-v7 .section.alt::before{
  color:rgba(45,111,184,.12)!important;
}

/* Dark chapters need a light label rather than a dark one */
body.motion-v7 .section.dark::before{
  color:rgba(255,255,255,.085)!important;
  text-shadow:none!important;
}

/* Paid chapter has its own tinted background, keep the label cool and readable */
body.motion-v7 #paid::before{
  color:rgba(23,58,95,.115)!important;
}

/* Team and pricing use light backgrounds, so keep the label visible but subtle */
body.motion-v7 #team::before,
body.motion-v7 #investment::before,
body.motion-v7 #seasonal::before,
body.motion-v7 #website::before,
body.motion-v7 #trade::before{
  color:rgba(45,111,184,.105)!important;
}

/* Search / operating model / measurement are darker in the current theme */
body.motion-v7 #system::before,
body.motion-v7 #search::before,
body.motion-v7 #audience::before,
body.motion-v7 #outcomes::before{
  color:rgba(255,255,255,.075)!important;
  text-shadow:none!important;
}

/* Prevent the title from being clipped too aggressively on medium screens */
@media (max-width:1100px){
  body.motion-v7 .section::before{
    right:20px!important;
    top:24px!important;
    font-size:clamp(60px,9vw,104px)!important;
  }
}

@media (max-width:720px){
  body.motion-v7 .section::before{
    display:block!important;
    right:14px!important;
    top:20px!important;
    font-size:54px!important;
    letter-spacing:.02em!important;
    color:rgba(45,111,184,.08)!important;
  }
  body.motion-v7 .section.dark::before,
  body.motion-v7 #system::before,
  body.motion-v7 #search::before,
  body.motion-v7 #audience::before,
  body.motion-v7 #outcomes::before{
    color:rgba(255,255,255,.065)!important;
  }
}