/* Site integration overrides for the approved hero + cloud sequence.
   Keeps hero.css / cloud.css untouched so the package can be re-dropped. */

/* Clear the fixed glass header. */
.dlh{padding-top:clamp(104px,9vw,128px)}
@media(max-width:760px){.dlh{padding-top:96px}}

/* Centre the hero in the pinned viewport instead of hanging from the top. */
@media(max-width:760px){
  .dc-pin>.dlh{display:flex;flex-direction:column;justify-content:center;min-height:100svh}
  .dlh-gallery{flex:0 0 auto}
}

/* The site already has its own reading-progress bar at the top;
   keep the story bar subtle so the two do not read as one hard rule. */
.dc-story-progress{height:2px}
.dc-story-progress i{background:#c9c9cf}

/* Keep the two-line break in the hero copy on phones; without it the
   sentences run together ("...your computer.Open, edit..."). */
@media(max-width:760px){.dlh-copy br{display:block}}