/* A compact partner band: one supplied logo, with the same care as the brand. */
.client-network-section{
  position:relative;overflow:hidden;
  padding:36px 0;
  background:radial-gradient(ellipse at 76% 50%,#285b7b66,transparent 58%),#102d46;
  color:#fff;
  border-block:1px solid #5484a338;
}
.client-network-section .client-network-inner{
  position:relative;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,400px);
  align-items:center;gap:80px;
}
.client-network-section .client-network-copy{min-width:0}
.client-network-section .client-network-eyebrow{
  margin:0 0 17px;color:#96dbff;
  font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.16em;
}
.client-network-section h2{
  color:#f4fbff;font-size:clamp(34px,3.15vw,44px);
  font-weight:450;line-height:1.12;letter-spacing:-.045em;
  margin:0;
}
.client-network-section h2 span{color:#8fd7ff}
.client-network-section .client-network-logo{
  position:relative;margin:0;min-width:0;
  width:100%;max-width:400px;justify-self:end;
  padding:8px 16px;
  border:1px solid #9ed8f35c;border-radius:12px;
  background:#fff;
  box-shadow:0 12px 32px #061a2e22;
}
.client-network-section .client-network-logo img{
  display:block;width:100%;height:auto;
  max-width:100%;object-fit:contain;
}
@media(max-width:900px){
  .client-network-section .client-network-inner{grid-template-columns:minmax(0,1fr) minmax(230px,330px);gap:36px}
  .client-network-section .client-network-logo{padding:8px 12px}
  .client-network-section h2{font-size:34px}
}
@media(max-width:640px){
  .client-network-section{padding:38px 0}
  .client-network-section .client-network-inner{grid-template-columns:1fr;gap:27px}
  .client-network-section .client-network-logo{max-width:360px;justify-self:start}
  .client-network-section h2{font-size:34px}
  .client-network-section .client-network-eyebrow{font-size:11px;margin-bottom:15px}
}
@media print{
  .client-network-section{print-color-adjust:exact;-webkit-print-color-adjust:exact;break-inside:avoid}
  .client-network-section .client-network-logo{box-shadow:none}
}

/* Ambient graph movement follows the dashboard's connected-code vocabulary.
   The foreground copy and the original SMU logo remain fixed and opaque. */
.client-network-section{isolation:isolate}
.client-network-section::before,
.client-network-section::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.client-network-section::before{
  background-image:url("assets/client-network-motion.svg");
  background-repeat:no-repeat;background-size:cover;background-position:center;
  opacity:.9;
}
.client-network-section::after{
  background:linear-gradient(90deg,#102d4659 0%,#102d4626 37%,transparent 70%);
}
.client-network-section .client-network-inner{z-index:1}
@media(max-width:640px){
  .client-network-section::before{background-size:1440px 320px;background-position:50% 0;opacity:.62}
  .client-network-section::after{background:linear-gradient(180deg,#102d4644,transparent 60%)}
}
@media print{.client-network-section::before,.client-network-section::after{display:none}}
