/* Keep real project screenshots paired with the site's explicit theme. */
#keys-from-the-cosmos .work-image-light {
  display: none;
}

html[data-theme="light"] body #selected-work-hero.work-page-hero {
  background:
    linear-gradient(90deg, #f4f9fb 0%, #f4f9fb 52%, rgba(244, 249, 251, .96) 62%, rgba(244, 249, 251, .05) 82%),
    url("../img/selected-work/the-galactic-nexus-light-v227.webp") center 35% / cover no-repeat !important;
}

html[data-theme="light"] body #selected-work-hero .work-page-hero-copy {
  width: calc(100% - 36px) !important;
  max-width: 1200px;
}

html[data-theme="light"] body #selected-work-hero::before {
  display: none !important;
}

html[data-theme="light"] body #selected-work-hero h1,
html[data-theme="light"] body #selected-work-hero p {
  color: #172a32 !important;
  -webkit-text-fill-color: #172a32 !important;
  text-shadow: none !important;
}

html[data-theme="light"] body #selected-work-hero .eyebrow {
  color: #17606b !important;
  -webkit-text-fill-color: #17606b !important;
}

html[data-theme="light"] body #keys-from-the-cosmos .case-study-media {
  background: #f4f9fb;
}

html[data-theme="light"] body #keys-from-the-cosmos .work-image-dark {
  display: none;
}

html[data-theme="light"] body #keys-from-the-cosmos .work-image-light {
  display: block;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 1100px) {
  html[data-theme="light"] body #selected-work-hero.work-page-hero {
    background:
      linear-gradient(0deg, #f4f9fb 0%, #f4f9fb 64%, rgba(244, 249, 251, .28) 100%),
      url("../img/selected-work/the-galactic-nexus-light-v227.webp") right -80px / auto calc(100% + 100px) no-repeat !important;
  }
}