/* V25 / Editorial portraits make each industry solution feel specific. */
#industry-panel > .industry-overview--photographic {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
  align-items: center;
  gap: 42px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
#industry-panel .industry-scene {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #E0E6EF;
  border-radius: 14px;
  background: #FFFFFF;
}
#industry-panel .industry-scene .industry-scene-image {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #EAF0F7;
  transform-origin: center;
  animation: industry-photo-enter .7s cubic-bezier(.16, 1, .3, 1) both;
}
#industry-panel .industry-scene .industry-photo-float {
  display: block;
  width: 100%;
  height: 100%;
  animation: industry-photo-drift 12s ease-in-out infinite;
  transform-origin: center;
}
#industry-panel .industry-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
#industry-panel .industry-scene-caption {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: 15px;
  padding: 19px 22px 20px;
  border-top: 1px solid #E0E6EF;
  background: #FFFFFF;
}
#industry-panel .industry-scene-name {
  color: #14171D;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.55;
  letter-spacing: -.025em;
}
#industry-panel .industry-scene-types {
  min-width: 0;
  color: #526176;
  font-size: 12px;
  line-height: 1.85;
}
#industry-panel .industry-overview-copy { min-width: 0; padding: 5px 0 5px 4px; }
#industry-panel .industry-intro > .eyebrow { color: #2457E6; font-size: 12px; line-height: 1.7; letter-spacing: .035em; }
#industry-panel .industry-intro > h3 {
  max-width: none;
  margin: 14px 0 0;
  color: #14171D;
  font-size: clamp(28px, 2.65vw, 34px);
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: -.04em;
}
#industry-panel .industry-overview-copy .industry-points { display: grid; grid-template-columns: minmax(0, 1fr); gap: 19px; margin-top: 27px; }
#industry-panel .industry-overview-copy .industry-points > article { position: relative; min-width: 0; padding: 17px 0 0 34px; border-top: 1px solid #E0E6EF; }
#industry-panel .industry-overview-copy .industry-points > article > .mono { position: absolute; display: block; top: 19px; left: 0; margin: 0; color: #5D79A3; font-size: 12px; line-height: 1.55; }
#industry-panel .industry-overview-copy .industry-points h4 { margin: 0 0 6px; color: #263449; font-size: 17px; font-weight: 600; line-height: 1.55; }
#industry-panel .industry-overview-copy .industry-points p { margin: 0; color: #526176; font-size: 16px; line-height: 1.85; }

@keyframes industry-photo-enter { from { opacity: .7; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes industry-photo-drift { 0%, 100% { transform: translateY(1px) scale(1.015); } 50% { transform: translateY(-2px) scale(1.03); } }
@media (max-width: 1190px) {
  #industry-panel > .industry-overview--photographic { gap: 31px; }
  #industry-panel .industry-scene-caption { grid-template-columns: minmax(0, 1fr); gap: 5px; padding: 18px 20px; }
  #industry-panel .industry-intro > h3 { font-size: 28px; }
  #industry-panel .industry-overview-copy .industry-points { gap: 16px; margin-top: 23px; }
  #industry-panel .industry-overview-copy .industry-points > article { padding-top: 15px; }
  #industry-panel .industry-overview-copy .industry-points > article > .mono { top: 17px; }
}
@media (max-width: 1000px) {
  #industry-panel > .industry-overview--photographic { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #industry-panel .industry-scene .industry-scene-image { aspect-ratio: 16 / 10; }
  #industry-panel .industry-scene-caption { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: 15px; }
  #industry-panel .industry-overview-copy { padding: 0; }
  #industry-panel .industry-overview-copy .industry-points { gap: 20px; margin-top: 25px; }
}
@media (max-width: 700px) {
  #industry-panel > .industry-overview--photographic { gap: 26px; }
  #industry-panel .industry-scene { border-radius: 11px; }
  #industry-panel .industry-scene-caption { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 16px 18px 18px; }
  #industry-panel .industry-scene-name { font-size: 16px; }
  #industry-panel .industry-scene-types { font-size: 12px; line-height: 1.8; }
  #industry-panel .industry-intro > .eyebrow { font-size: 11px; }
  #industry-panel .industry-intro > h3 { margin-top: 12px; font-size: 26px; line-height: 1.45; text-wrap: balance; }
  #industry-panel .industry-overview-copy .industry-points { gap: 18px; margin-top: 23px; }
  #industry-panel .industry-overview-copy .industry-points > article { padding-left: 30px; }
  #industry-panel .industry-overview-copy .industry-points > article > .mono { font-size: 11px; }
  #industry-panel .industry-overview-copy .industry-points h4 { font-size: 16px; }
  #industry-panel .industry-overview-copy .industry-points p { font-size: 15px; }
}

/* Declarations follow every shorthand so visibility truly pauses both layers. */
#industry-panel .industry-scene .industry-scene-image,
#industry-panel .industry-scene .industry-photo-float { animation-play-state: var(--motion-play-state, paused); }
html.motion-paused #industry-panel .industry-scene .industry-scene-image { animation: none; opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  #industry-panel .industry-scene .industry-scene-image,
  #industry-panel .industry-scene .industry-photo-float { animation: none !important; opacity: 1; transform: none; }
}