/* Main-event composition matched to the approved visual reference. */
.highlight.container{
  width:min(1600px,calc(100% - 96px));
  margin:0 auto;
  min-height:620px;
  grid-template-columns:1.03fr .97fr;
  background:#071366;
  border:1px solid rgba(12,31,112,.55);
}
.highlight-art{
  background:radial-gradient(circle at 44% 57%,#19caf0 -22%,#1450b9 15%,#0b247f 46%,#071366 77%);
}
.highlight-art:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,13,83,.2),transparent 35%),linear-gradient(0deg,rgba(0,5,55,.2),transparent 55%);
}
.highlight-art>span{
  z-index:2;
  left:10%;
  bottom:-20px;
  color:rgba(31,220,237,.78);
  font-size:clamp(220px,21vw,365px);
  line-height:.72;
}
.wire-building{
  z-index:1;
  left:17%;
  right:-2%;
  bottom:25%;
  height:38%;
  border-width:3px;
  border-color:rgba(255,255,255,.82);
  transform:perspective(500px) rotateX(19deg) rotateY(-8deg) rotateZ(-5deg);
}
.wire-building:before{
  inset:20% 7%;
  border-color:rgba(255,255,255,.82);
  background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(255,255,255,.86) 36px 39px);
}
.wire-building:after{border-color:rgba(255,255,255,.82)}
.highlight-copy{
  padding:140px 9% 100px 8%;
  background:linear-gradient(90deg,rgba(5,14,85,.15),rgba(3,10,72,.08));
}
.highlight h2{max-width:570px;font-size:clamp(40px,4.2vw,68px);line-height:1.02;margin:28px 0 42px;letter-spacing:-.045em}
.highlight-copy>p:not(.section-kicker){max-width:540px;font-size:18px;line-height:1.65;margin:0}
.detail-row{margin-top:62px;padding-top:28px;gap:24px;font-size:14px;letter-spacing:.03em}
.detail-row span+span:before{padding-right:24px}
@media(max-width:760px){
  .highlight.container{width:calc(100% - 32px);min-height:0;grid-template-columns:1fr}
  .highlight-art{height:340px}
  .highlight-copy{padding:58px 28px 64px}
  .highlight h2{font-size:40px;margin:22px 0 28px}
  .detail-row{margin-top:34px;gap:10px;font-size:12px}
  .detail-row span+span:before{padding-right:10px}
}