

/* LED Serwis Images Integration 1.2 */
.hero-photo,
.section-photo,
.industry-feature figure{
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  background:#0b1118;
}
.hero-photo{min-height:520px}
.hero-photo img,
.section-photo img,
.industry-feature img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.hero-photo img{position:absolute;inset:0}
.hero-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,9,13,.10),rgba(7,9,13,0) 38%,rgba(7,9,13,.08));
  pointer-events:none;
}
.hero-photo .hero-label{
  z-index:2;
}
.media-split{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:58px;
  align-items:center;
}
.media-split-reverse{
  grid-template-columns:.9fr 1.1fr;
}
.section-photo{
  aspect-ratio:16/10;
}
.section-photo img{
  transition:transform .55s ease;
}
.section-photo:hover img,
.industry-feature:hover img{
  transform:scale(1.02);
}
.modern-card-photo{
  padding:0;
  overflow:hidden;
}
.modern-photo{
  border:0;
  border-radius:0;
  aspect-ratio:16/7;
  box-shadow:none;
}
.modern-content{
  padding:44px;
}
.industry-feature{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  margin-bottom:22px;
  min-height:360px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--panel);
}
.industry-feature figure{
  border:0;
  border-radius:0;
  box-shadow:none;
}
.industry-feature-copy{
  padding:36px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    radial-gradient(circle at 90% 10%,rgba(36,167,255,.12),transparent 45%),
    var(--panel);
}
.industry-feature-copy span{
  color:var(--accent-2);
  text-transform:uppercase;
  font-size:.76rem;
  letter-spacing:.16em;
  font-weight:900;
  margin-bottom:12px;
}
.industry-feature-copy strong{
  font-size:clamp(1.6rem,3vw,3rem);
  line-height:1;
  letter-spacing:-.04em;
}
@media(max-width:980px){
  .media-split,
  .media-split-reverse,
  .industry-feature{
    grid-template-columns:1fr;
  }
  .hero-photo{min-height:420px}
  .industry-feature figure{aspect-ratio:16/9}
}
@media(max-width:680px){
  .hero-photo{min-height:330px}
  .section-photo{aspect-ratio:16/11}
  .modern-photo{aspect-ratio:16/10}
  .modern-content{padding:28px}
  .industry-feature-copy{padding:26px}
}
