/* BLOG-SHARED-HERO-20261102 (local, 2026-11-02): shared photo background for blog article title bands.
   Promoted unchanged from blog-hero-201-304.css (BLOG-MATERIALS-001-HERO-V2). Owner decision 2026-11-02:
   this workshop background is the default for future articles, so every article generator links this one
   file and puts blog-hero-factory on its <main> class. Article-scoped file, not loaded by non-article
   pages, so src/brand/style.css and its hash stay unchanged and unrelated pages stay byte-identical.
   Usage in a new generator: shell(page, title, description, main,
     '\n  <link rel="stylesheet" href="blog-hero.css">', null, 'blog-article-page blog-hero-factory').
   Photo: src/assets/factory-page-hero.jpg (existing factory workshop panorama, also used by /factory);
   the hashed public file name comes from the build's own asset mapping. Decorative background only:
   the H1, breadcrumb and byline stay real text at their existing size, position and band padding. */
.blog-hero-factory .article-band{position:relative;background-color:#18181b;background-image:url(assets/shared/factory-page-hero.e3cfd202b1.jpg);background-size:cover;background-position:50% 53%;background-repeat:no-repeat}
/* Neutral black mask at 64%: the workshop equipment stays clearly visible while the white H1 and the
   light-grey small text keep a high contrast ratio against the brightest pixels behind them. */
.blog-hero-factory .article-band::before{content:"";position:absolute;inset:0;background:#000;opacity:.64;pointer-events:none}
.blog-hero-factory .article-band-inner{position:relative}
/* Small text only: #a1a1aa -> #e4e4e7 over the photo. Sizes, spacing and the H1 colour are unchanged. */
.blog-hero-factory .article-crumb ol{color:#e4e4e7}
.blog-hero-factory .article-crumb a{color:#f4f4f5}
.blog-hero-factory .article-crumb li+li::before{color:#d4d4d8}
.blog-hero-factory .article-meta{color:#e4e4e7}
/* Phones: keep the machine bodies in frame rather than the dark floor. */
@media(max-width:639px){.blog-hero-factory .article-band{background-position:50% 50%}}