/* Carnival scene heroes. Dark center scrim keeps the title readable. */
html body.home .mod-home > .mod-hero,
html body.post-type-archive-mod_design .mod-designs-hero.mod-shop-hero,
html body.page-id-742 .mod-inv-hero,
html body.page-id-1074 .mod-contact-page > .mod-hero,
html body.page-id-1083 .mod-about-page > .mod-hero,
html body.page-id-1084 .mod-legal-page > .mod-hero,
html body.page-id-1085 .mod-legal-page > .mod-hero,
html body.blog .mod-blog-page > .mod-hero,
html body.category .mod-blog-page > .mod-hero,
html body.tag .mod-blog-page > .mod-hero,
html body.search .mod-search-hero,
html body.error404 .mod-search-hero,
html body.single-post .mod-journal-single > .mod-hero,
html body.single-mod_design .mod-design-home > .mod-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: clamp(300px, 42vw, 520px) !important;
  padding: clamp(3.25rem, 8vw, 4.75rem) clamp(1.15rem, 4vw, 2rem) !important;
  background-color: #0e0b08 !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center 40% !important;
  border-bottom: 1px solid rgba(184, 149, 106, .35) !important;
}

html body.home .mod-home > .mod-hero {
  min-height: clamp(420px, 56vw, 640px) !important;
  background-image:
    radial-gradient(ellipse 62% 78% at 50% 46%, rgba(14, 11, 8, .62), rgba(14, 11, 8, .28) 62%, rgba(14, 11, 8, .72)),
    url("https://myobscuredesigns.com/wp-content/uploads/2026/09/hero-home.png") !important;
}
html body.post-type-archive-mod_design .mod-designs-hero.mod-shop-hero,
html body.single-mod_design .mod-design-home > .mod-hero {
  background-image:
    radial-gradient(ellipse 70% 85% at 50% 45%, rgba(14, 11, 8, .74), rgba(14, 11, 8, .4) 68%),
    url("https://myobscuredesigns.com/wp-content/uploads/2026/09/hero-shop.png") !important;
}
html body.page-id-742 .mod-inv-hero {
  background-image:
    radial-gradient(ellipse 68% 80% at 50% 48%, rgba(14, 11, 8, .78), rgba(14, 11, 8, .42) 70%),
    url("https://myobscuredesigns.com/wp-content/uploads/2026/09/hero-inventory.png") !important;
}
html body.page-id-1074 .mod-contact-page > .mod-hero {
  background-image:
    radial-gradient(ellipse 70% 80% at 50% 46%, rgba(14, 11, 8, .7), rgba(14, 11, 8, .38) 68%),
    url("https://myobscuredesigns.com/wp-content/uploads/2026/09/hero-contact.png") !important;
}
html body.page-id-1083 .mod-about-page > .mod-hero {
  background-image:
    radial-gradient(ellipse 70% 80% at 50% 46%, rgba(14, 11, 8, .68), rgba(14, 11, 8, .36) 68%),
    url("https://myobscuredesigns.com/wp-content/uploads/2026/09/hero-about.png") !important;
}
html body.blog .mod-blog-page > .mod-hero,
html body.category .mod-blog-page > .mod-hero,
html body.tag .mod-blog-page > .mod-hero {
  background-image:
    radial-gradient(ellipse 70% 80% at 50% 46%, rgba(14, 11, 8, .72), rgba(14, 11, 8, .4) 68%),
    url("https://myobscuredesigns.com/wp-content/uploads/2026/09/hero-blog.png") !important;
}
html body.page-id-1084 .mod-legal-page > .mod-hero,
html body.page-id-1085 .mod-legal-page > .mod-hero,
html body.search .mod-search-hero,
html body.error404 .mod-search-hero {
  background-image:
    radial-gradient(ellipse 70% 80% at 50% 46%, rgba(14, 11, 8, .72), rgba(14, 11, 8, .42) 70%),
    url("https://myobscuredesigns.com/wp-content/uploads/2026/09/hero-lost.png") !important;
}
html body.single-post .mod-journal-single > .mod-hero {
  background-image:
    radial-gradient(ellipse 70% 80% at 50% 46%, rgba(14, 11, 8, .74), rgba(14, 11, 8, .4) 68%),
    var(--mod-hero-photo, url("https://myobscuredesigns.com/wp-content/uploads/2026/09/hero-blog.png")) !important;
}

html body.home .mod-home > .mod-hero::before,
html body.page-id-1074 .mod-contact-page > .mod-hero::before,
html body.page-id-1083 .mod-about-page > .mod-hero::before,
html body.page-id-1084 .mod-legal-page > .mod-hero::before,
html body.page-id-1085 .mod-legal-page > .mod-hero::before,
html body.blog .mod-blog-page > .mod-hero::before,
html body.single-post .mod-journal-single > .mod-hero::before,
html body.single-mod_design .mod-design-home > .mod-hero::before {
  opacity: .05 !important;
}

html body.home .mod-hero-inner,
html body.post-type-archive-mod_design .mod-inv-hero-inner,
html body.page-id-742 .mod-inv-hero-inner,
html body.page-id-1074 .mod-hero-inner,
html body.page-id-1083 .mod-hero-inner,
html body.blog .mod-hero-inner,
html body.category .mod-hero-inner,
html body.tag .mod-hero-inner,
html body.search .mod-inv-hero-inner,
html body.error404 .mod-inv-hero-inner,
html body.single-post .mod-hero-inner {
  position: relative !important;
  z-index: 1 !important;
}

html body.home .mod-hero h1,
html body.post-type-archive-mod_design .mod-shop-hero h1,
html body.page-id-742 .mod-inv-hero h1,
html body.page-id-1074 .mod-hero h1,
html body.page-id-1083 .mod-hero h1,
html body.blog .mod-hero h1,
html body.single-post .mod-hero h1,
html body.search .mod-search-hero h1,
html body.error404 .mod-search-hero h1,
html body.single-mod_design .mod-hero h1 {
  text-shadow: 0 2px 22px rgba(0, 0, 0, .75);
}