/* Full-bleed artwork: mobile contrast scrims, desktop reading surfaces. */
.home-hero-scene,
.ro-domestic-scene,
.sw-hero-art,
.section-scene > .section-scene-art > img[src] {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}

.home-hero-main::before,
.ro-domestic::before,
.sw-hero::after,
.section-scene::after {
  background: rgb(3 7 14 / .76);
}

.ro-capabilities,
.ro-pathways,
.ro-foundation,
.ro-availability,
.home-page .home-insights,
.insights-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #080d18;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ro-capabilities { background-image: url('/assets/backgrounds/capability-workbench-v1.webp'); }
.ro-pathways { background-image: url('/assets/backgrounds/architectural-folds-v1.webp'); }
.ro-availability { background-image: url('/assets/backgrounds/release-infrastructure-v1.webp'); }
.home-page .home-insights,
.insights-hero { background-image: url('/assets/editorial/rangoon-newsroom-banner-v1.webp'); }

.ro-capabilities::before,
.ro-pathways::before,
.ro-foundation::before,
.ro-availability::before,
.home-page .home-insights::after,
.insights-hero::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  content: '';
  background: rgb(5 10 18 / .72);
}

.home-page .home-insights::after,
.insights-hero::after { opacity: 1; mask-image: none; }

.ro-capabilities > .ro-shell,
.ro-pathways > .ro-shell,
.ro-foundation-grid,
.ro-availability > .ro-shell,
.home-page .home-insights-shell,
.insights-hero > * {
  position: relative;
  z-index: 1;
}

.ro-capabilities .ro-panels > article,
.ro-capabilities .ro-tab-nav a[aria-selected=true] {
  background: #101827;
}

.ro-capabilities .ro-panels > article { border-color: #647999; }
.ro-capabilities .ro-panel-art::after { display: none; }

.ro-pathways { color: #182033; }
.ro-pathways::before { background: rgb(247 239 228 / .88); }
.ro-pathways .ro-heading h2,
.ro-pathways .ro-heading > p:last-child { color: #182033; }
.ro-pathways .ro-kicker { color: #714323; }
.ro-pathway-grid > a { border-color: #b99b77; background: #f5eee4; box-shadow: 0 12px 28px rgb(35 29 20 / .2); }
.ro-pathway-grid > a > span,
.ro-pathway-grid h3,
.ro-pathway-grid p,
.ro-pathway-grid small { color: #20293d; }
.ro-pathway-grid small { color: #734526; }
.ro-pathway-grid > a:hover { border-color: #72503b; box-shadow: 0 0 0 3px rgb(114 80 59 / .2), 0 16px 32px rgb(35 29 20 / .26); }
.ro-pathways .ro-pathway-grid > a:focus-visible { outline-color: #714323; }

.ro-foundation { background: #080d18; }
.ro-foundation::before { z-index: 1; background: rgb(5 9 16 / .68); }
.ro-claw-backdrop { z-index: 0; inset: 0; width: 100%; height: 100%; opacity: 1; object-fit: cover; object-position: center; }
.ro-foundation-grid { z-index: 2; }

/* Shared scenes keep artwork behind content at every width. */
.section-scene > .section-scene-art { inset: 0; width: 100%; max-width: none; height: 100%; }
.section-scene > .section-scene-art > img[src] { object-position: center; }
.section-scene.section-scene-team { min-height: clamp(520px, 44vw, 640px); padding: clamp(48px, 5vw, 72px) max(32px, calc((100% - 1240px) / 2)); }
.section-scene.section-scene-team::before { content: none; }
.section-scene.section-scene-team::after { display: block; background: rgb(3 7 14 / .76); }
.section-scene.section-scene-team > .section-scene-art { inset: 0; width: 100%; height: 100%; aspect-ratio: auto; }
.section-scene.section-scene-team > .section-scene-art > img[src] { width: 100%; height: 100%; object-fit: cover; }
.section-scene.section-scene-team > .section-scene-art::after { display: none; }
.section-scene.section-scene-team > .section-scene-content { display: block; width: min(54%, 640px); margin: 0; padding: 0; }

/* Dense reading areas retain quiet, solid backgrounds. */
.news-library-page main { background: #f7f8fc; }
.news-library-page .insights-library-hero { background: #080d18; }
.news-library-page .insights-library-hero::after { display: none; }
.news-library-page .insights-library-scrim { background: rgb(5 9 16 / .74); }
.dp-hero,
body.reference-page .reference-hero,
.catalog-marketplace-hero,
.directory-compatibility-hero,
.directory-error,
.media-kit-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #080d18;
  background-image: url('/assets/backgrounds/release-infrastructure-v1.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.dp-hero { background-image: url('/assets/backgrounds/capability-workbench-v1.webp'); }

.dp-hero::before,
body.reference-page .reference-hero::after,
.catalog-marketplace-hero::before,
.directory-compatibility-hero::before,
.directory-error::before,
.media-kit-hero::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  content: '';
  background: rgb(4 9 17 / .78);
}

.dp-hero::after { display: none; }
.dp-hero-inner,
body.reference-page .reference-hero > *,
.catalog-marketplace-hero > *,
.directory-compatibility-hero > *,
.directory-error > *,
.media-kit-hero > * { position: relative; z-index: 1; }
body.reference-page .reference-hero::before { position: relative; z-index: 1; background: #e68966; }

/* Text-heavy introductions keep their foreground covers and previews unfiltered. */
.article-hero,
.sw-evaluation,
.software-page .product-tour {
  background-color: #434b57;
  background-image: url('/assets/backgrounds/capability-workbench-v1.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
}
.sw-evaluation { background-image: url('/assets/backgrounds/release-infrastructure-v1.webp'); }
.sw-track,.sw-track:nth-child(2),.sw-track:nth-child(3),.dp-board { background: #101827; }
.detail-section-illustrated.section-scene .detail-cards article { background: #101827; }

@media (max-width: 1099px) {
  .home-hero .home-hero-main::before,
  .ro-domestic::before,
  .sw-hero::after,
  .section-scene::after { background: rgb(3 7 14 / .8); }
}

@media (max-width: 900px) {
  .section-scene.section-scene-team { min-height: 0; padding: 0; }
  .section-scene.section-scene-team > .section-scene-content { width: 100%; max-width: none; padding: 44px 32px; }
}

@media (max-width: 640px) {
  .section-scene.section-scene-team > .section-scene-content { padding: 40px 20px; }
}

/* Desktop shows the original image pixels. Contrast belongs to the copy only. */
@media (min-width: 1100px) and (forced-colors: none) {
  .home-hero-main::before,
  .ro-domestic::before,
  .sw-hero::after,
  .section-scene::after,
  .section-scene.section-scene-team::after,
  .ro-capabilities::before,
  .ro-pathways::before,
  .ro-foundation::before,
  .ro-availability::before,
  .home-page .home-insights::after,
  .insights-hero::after,
  .dp-hero::before,
  .catalog-marketplace-hero::before,
  .directory-compatibility-hero::before,
  .directory-error::before,
  .media-kit-hero::before,
  .news-library-page .insights-library-scrim { display: none; }

  .article-hero,
  .sw-evaluation,
  .software-page .product-tour { background-blend-mode: normal; }

  /* Outward padding protects text without changing existing columns or crops. */
  :is(.home-hero-reading, .ro-domestic-copy, .section-scene-content,
      .section-scene .story-copy, .ro-heading, .home-insights-heading,
      .ro-foundation-grid > div:first-child, .ro-availability-grid > div:first-child,
      .article-hero-copy, .dp-heading, .catalog-marketplace-hero > div:first-child,
      .directory-compatibility-hero > div:first-child, .directory-error > div:first-child,
      .sw-evaluation > .sw-shell > div, .software-page .product-tour .section-heading,
      .software-page .tour-caption) {
    border-radius: 10px;
    background: #080d18;
    box-shadow: 0 0 0 18px #080d18, 0 20px 40px rgb(0 0 0 / .24);
  }

  .ro-pathways .ro-heading {
    width: fit-content;
    max-width: 100%;
    background: #f5eee4;
    box-shadow: 0 0 0 18px #f5eee4, 0 20px 40px rgb(0 0 0 / .16);
  }

  .ro-tab-nav { width: fit-content; max-width: 100%; background: #080d18; }
  .directory-compatibility-hero dl > div,
  .catalog-marketplace-signals,
  .software-page .product-tour-tabs a { background: #101827; }
  .home-page .home-insight-card,
  .home-page .home-insights-arrow,
  .home-page .home-insights-motion { background: #101827; }
  .home-page .home-insights-arrow:hover,
  .home-page .home-insights-motion:hover { background: #27354e; }

  /* These containers span the page; their reading surface stops with the copy. */
  .sw-hero-copy,
  .insights-hero > .insights-shell,
  .media-kit-hero-inner { isolation: isolate; }
  .sw-hero-copy::before,
  .insights-hero > .insights-shell::before,
  .media-kit-hero-inner::before {
    position: absolute;
    z-index: -1;
    content: '';
    pointer-events: none;
    border-radius: 10px;
    background: #080d18;
    box-shadow: 0 20px 40px rgb(0 0 0 / .24);
  }
  .sw-hero-copy::before { inset: 46px auto 46px -18px; width: 576px; }
  .insights-hero > .insights-shell::before { inset: -18px auto -18px -18px; width: min(866px, calc(100% + 36px)); }
  .news-library-page .insights-library-hero-copy::before { width: min(766px, calc(100% + 36px)); }
  .media-kit-hero-inner::before { inset: 36px auto 36px -18px; width: min(836px, calc(100% + 36px)); }
  .media-kit-hero-inner > * { max-width: 800px; }
  body.reference-page .reference-hero::after {
    inset: 44px;
    border-radius: 10px;
    background: #080d18;
  }
}

@media (forced-colors: active) {
  :is(.home-hero, .home-hero-copy, .ro-domestic, .sw-hero, .section-scene) { background: Canvas; }
  :is(.home-hero-main::before, .ro-domestic::before, .sw-hero::after, .section-scene::after, .home-hero-scene, .ro-domestic-scene, .sw-hero-art, .section-scene > .section-scene-art) { display: none; }
  :is(.ro-capabilities, .ro-pathways, .ro-foundation, .ro-availability, .home-page .home-insights, .insights-hero, .dp-hero, body.reference-page .reference-hero, .catalog-marketplace-hero, .directory-compatibility-hero, .directory-error) { background: Canvas; }
  :is(.ro-capabilities, .ro-pathways, .ro-foundation, .ro-availability, .home-page .home-insights, .insights-hero, .dp-hero, body.reference-page .reference-hero, .catalog-marketplace-hero, .directory-compatibility-hero, .directory-error)::before,
  :is(.home-page .home-insights, .insights-hero)::after,
  body.reference-page .reference-hero::after,
  .media-kit-hero::before { display: none; }
  .media-kit-hero,.article-hero,.sw-evaluation,.software-page .product-tour,.sw-track,.sw-track:nth-child(2),.sw-track:nth-child(3),.dp-board { background: Canvas; }
  .ro-capabilities .ro-panels > article,.ro-capabilities .ro-tab-nav a[aria-selected=true],.ro-pathway-grid > a,.detail-section-illustrated.section-scene .detail-cards article { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; }
  .ro-pathways .ro-pathway-grid > a:focus-visible { outline-color: Highlight; }
  .section-scene.section-scene-team::after { display: none; }
  .ro-pathways :is(h2, h3, p, small, span),.ro-pathways .ro-heading h2,.ro-pathways .ro-heading > p:last-child,.ro-pathways .ro-kicker { color: CanvasText; }
}