/* Artwork blends into white surfaces. Product/project screenshot selectors are
   intentionally excluded: .shot-frame, .detail-shot and .service-screen-media. */
.navbar .brand-logo { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.page-banner-wrap .page-banner-img {
  border: 0; border-radius: 0; box-shadow: none;
  mask-image: linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);
  -webkit-mask-composite: source-in;
}
.page-banner-wrap .page-banner-copy {
  border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none;
  background: transparent;
}
/* Place headings on white rather than adding a panel over the artwork. */
.page-banner-wrap > .container { display: grid; }
.page-banner-wrap .page-banner-copy {
  position: static; width: 100%; max-width: none; transform: none;
  padding: 12px 0 0;
}
.page-banner-wrap .page-banner-copy h1 { color: #0F172A; text-shadow: none; }
.page-banner-wrap .page-banner-copy .eyebrow { color: #2563EB; text-shadow: none; }
.hero-canva { background: #FFFFFF; isolation: isolate; }
.hero-canva::before {
  content: ''; display: block; position: absolute; inset: 0; z-index: -1;
  background: url('../images/banners/homepage-banner.png') center / cover no-repeat;
  mask-image: linear-gradient(to right,transparent 0%,transparent 48%,#000 80%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 75%,transparent);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(to right,transparent 0%,transparent 48%,#000 80%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 75%,transparent);
  -webkit-mask-composite: source-in;
  animation: none;
}
.hero-canva::after { display: none; }
.hero-canva h1 { color: #0F172A; text-shadow: none; }
.hero-canva p { color: #475569; text-shadow: none; }
.hero-canva .eyebrow,.hero-canva .hero-positioning { color: #2563EB; text-shadow: none; }
.hero-canva .btn-outline-360 { color: #2563EB; background: white; border-color: #2563EB; }
.hero-canva .btn-outline-360:hover { color: white; background: #2563EB; }
/* Fade only the outside of the animated composition, preserving its layers. */
.tech-stage {
  border: 0; border-radius: 0; box-shadow: none;
  mask-image: linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);
  -webkit-mask-composite: source-in;
}
.leadership-photo-wrap { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.leadership-photo-wrap::after { display: none; }
.leadership-photo-wrap img {
  mask-image: linear-gradient(to bottom,#000 80%,transparent);
  -webkit-mask-image: linear-gradient(to bottom,#000 80%,transparent);
}
.tutorial-inline-banner,.llm-hero-figure { border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.tutorial-inline-banner img,.llm-hero-figure img { border: 0; border-radius: 0; box-shadow: none; }
@media(max-width: 767.98px) {
  .hero-canva { padding-bottom: 290px; }
  .hero-canva::before {
    inset: auto 0 0; height: 290px; background-position: right center;
    mask-image: linear-gradient(to bottom,transparent,#000 28%,#000 72%,transparent);
    -webkit-mask-image: linear-gradient(to bottom,transparent,#000 28%,#000 72%,transparent);
  }
}