/* TGC Sourcing: optional right-side image heroes for industry + sourcing product details.
   2026-10-18.  No data/admin changes; no image required for text-only records. */

.ux-split-hero-section { padding-top: 66px; padding-bottom: 80px; }
.ux-split-hero-section .ux-breadcrumb { margin-bottom: 32px; }
.ux-split-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr); gap: clamp(35px, 5.4vw, 88px); align-items: center; }
.ux-split-hero__copy { min-width: 0; }
.ux-split-hero__copy .ux-eyebrow { margin-bottom: 22px; }
.ux-split-hero-section .ux-split-hero__copy h1 { font-size: clamp(37px, 4.55vw, 66px); line-height: 1.09; letter-spacing: -.065em; margin: 0 0 20px; max-width: 720px; overflow-wrap: break-word; }
.ux-split-hero-section .ux-split-hero__copy > p { max-width: 620px; line-height: 1.7; font-size: clamp(14px, 1.2vw, 17px); color: #b8c8d7; }
.ux-split-hero__copy .ux-inner-actions { margin-top: 31px; }
.ux-split-hero__media { display: block; width: 100%; min-width: 0; margin: 0; overflow: hidden; border-radius: 8px; position: relative; }
.ux-split-hero__media--industry { aspect-ratio: 5 / 4; background: #263c4e; box-shadow: 0 20px 52px rgba(2, 10, 19, .14); }
.ux-split-hero__media--product { aspect-ratio: 5 / 4; display: grid; place-items: center; background: #f7f9fb; border: 1px solid rgba(225, 234, 241, .65); }
/* Override prior photo hotfix, which sets a 440px width for industry hero images. */
.ux-split-hero__media img.ux-hero-side-image,
.ux-split-hero__media img.ux-type-hero-photo {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}
.ux-split-hero__media img.ux-hero-side-image { object-fit: cover !important; object-position: center !important; }
.ux-split-hero__media img.ux-type-hero-photo { object-fit: contain !important; object-position: center !important; padding: 22px; background: transparent !important; }
/* With no photo, don't reserve an empty half-column. */
.ux-split-hero--text-only { display: block; }
.ux-split-hero--text-only .ux-split-hero__copy { max-width: 950px; }
.ux-split-hero--text-only .ux-split-hero__copy h1 { max-width: 950px; }

@media (max-width: 900px) {
  .ux-split-hero { gap: 28px; grid-template-columns: minmax(0, 1fr) minmax(0, .88fr); }
  .ux-split-hero-section .ux-split-hero__copy h1 { font-size: clamp(33px, 4.4vw, 54px); }
  .ux-split-hero-section { padding-top: 56px; padding-bottom: 65px; }
  .ux-split-hero__media--industry, .ux-split-hero__media--product { aspect-ratio: 4 / 3; }
}
@media (max-width: 700px) {
  .ux-split-hero { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .ux-split-hero-section { padding-top: 42px; padding-bottom: 49px; }
  .ux-split-hero-section .ux-breadcrumb { margin-bottom: 29px; }
  .ux-split-hero-section .ux-split-hero__copy h1 { font-size: clamp(32px, 8vw, 46px); margin-bottom: 14px; }
  .ux-split-hero-section .ux-split-hero__copy > p { font-size: 14px; }
  .ux-split-hero__copy .ux-inner-actions { margin-top: 25px; }
  .ux-split-hero__media--industry { aspect-ratio: 16 / 10; }
  .ux-split-hero__media--product { aspect-ratio: 4 / 3; }
  .ux-split-hero__media img.ux-type-hero-photo { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) { .ux-split-hero * { scroll-behavior: auto; } }