/* Hand-maintained tweaks on top of the delivered design.
   Keep them here rather than in blog.css — that file is generated from the
   vendor stylesheet by scopecss.py and any edit there is lost on regeneration. */

/* Hero scrim.
   The delivered gradient fades to 8% opacity by 72% width, which assumes clean
   photographic slides. Every eML article image is a designed banner with the
   headline typeset into it, so at that opacity the baked-in title fought the
   "BLOG" heading and appeared twice on screen (once in the artwork, once in
   .store-slide-caption). Carrying the wash across the full width lets the image
   read as background texture instead of competing content.

   If the client ever supplies slides without text, lower the last stop (.62)
   back towards the original .08 to let the artwork through. */
.blog-hub .store-slide-link::after {
    background:
        linear-gradient(90deg,
            rgba(247, 252, 249, 0.98) 0%,
            rgba(247, 252, 249, 0.93) 34%,
            rgba(247, 252, 249, 0.78) 62%,
            rgba(247, 252, 249, 0.62) 100%),
        linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(7, 15, 10, 0.34) 100%);
}