.infrastructure-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(420px, 0.95fr);
  align-items:center;
  gap:clamp(28px, 4vw, 72px);
}


.infrastructure-layout .section__copy{
  min-width:0;
}



.media-panel--diagram,
.media-panel--diagram-svg{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  width:100%;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
  isolation:isolate;

}


.media-panel--diagram-svg::before{
  content:"";
  position:absolute;
  inset:8% 6%;
  z-index:0;
  pointer-events:none;
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,138,0,0.12), transparent 38%),
    radial-gradient(circle at 50% 75%, rgba(255,138,0,0.08), transparent 42%);
  filter:blur(30px);
  opacity:.9;
}

.media-panel__diagram-image{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-width:1480px;
  height:auto;
  margin:0 auto;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
  filter:
    drop-shadow(0 0 18px rgba(255,138,0,0.10))
    drop-shadow(0 0 42px rgba(255,138,0,0.06));
}



.infrastructure-layout .feature-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:clamp(14px, 1.6vw, 20px);
}

.infrastructure-layout .feature-item{
  min-width:0;
}



@media (min-width: 1440px){
  .infrastructure-layout{
    grid-template-columns:minmax(0, 1fr) minmax(560px, 1.02fr);
    gap:clamp(40px, 4vw, 92px);
  }

  .media-panel__diagram-image{
    max-width:1650px;
  }
}



@media (max-width: 1180px){
  .infrastructure-layout{
    grid-template-columns:minmax(0, 1fr) minmax(0, 0.95fr);
    gap:clamp(24px, 3vw, 40px);
  }

  .media-panel__diagram-image{
    max-width:1100px;
  }
}

@media (max-width: 980px){
  .infrastructure-layout{
    grid-template-columns:1fr;
    align-items:start;
    gap:28px;
  }

  .infrastructure-layout .section__copy{
    order:1;
  }

  .media-panel--diagram,
  .media-panel--diagram-svg{
    order:2;
    width:100%;
    margin-inline:auto;
  }

  .media-panel--diagram-svg::before{
    inset:10% 4%;
    filter:blur(24px);
    opacity:.8;
  }

  .media-panel__diagram-image{
    width:100%;
    max-width:900px;
  }
}



@media (max-width: 767px){
  .infrastructure-layout{
    gap:22px;
  }

  .infrastructure-layout .feature-list{
    grid-template-columns:1fr;
    gap:14px;
  }

  .media-panel--diagram,
  .media-panel--diagram-svg{
    justify-content:center;
  }

  .media-panel--diagram-svg::before{
    inset:12% 2%;
    border-radius:24px;
    filter:blur(20px);
    opacity:.72;
  }

  .media-panel__diagram-image{
    width:min(100%, 100vw - 40px);
    max-width:none;
    margin:0 auto;
  }
}



@media (max-width: 480px){
  .infrastructure-layout{
    gap:18px;
  }

  .media-panel__diagram-image{
    width:min(100%, 100vw - 28px);
  }

  .media-panel--diagram-svg::before{
    inset:14% 1%;
    filter:blur(16px);
    opacity:.62;
  }
}



@media (prefers-reduced-motion: reduce){
  .media-panel__diagram-image{
    filter:none;
  }

  .media-panel--diagram-svg::before{
    filter:blur(18px);
  }
}