/* GW audio design | Cases — Introduction only.
   Matches the visual language of Approach and About Us.
   Scope intentionally limited to #gw-cases-intro: project index, case cards,
   in-depth case content and related scripts remain untouched. */
#gw-cases-intro {
  --gwci-ink: #242e38;
  --gwci-blue: #577b9f;
  --gwci-line: #dce4ec;
  padding-top: 4.2rem !important;
  padding-bottom: 2.65rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: #52606e;
}
#gw-cases-intro *,
#gw-cases-intro *::before,
#gw-cases-intro *::after { box-sizing: border-box; }
#gw-cases-intro .gwc-intro-eyebrow {
  margin: 0 0 1rem;
  color: #6a87a3;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.5;
  text-transform: uppercase;
}
#gw-cases-intro .gwc-intro-display {
  margin: 0 0 1.45rem;
  color: var(--gwci-ink);
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(2rem, 3.9vw, 3.4rem);
  font-weight: 650;
  letter-spacing: -.045em;
  line-height: 1.17;
  text-transform: none;
}
#gw-cases-intro .gwc-intro-display span { color: var(--gwci-blue); }
#gw-cases-intro .gwc-intro-lead {
  margin: 0 0 1.4rem;
  color: #273746;
  font-size: 1.09rem;
  font-weight: 500;
  line-height: 1.75;
}
#gw-cases-intro .gwc-intro-note {
  padding: .15rem 0 .15rem 1rem;
  border-left: 2px solid #c9d7e3;
  color: #667581;
  font-size: .89rem;
  font-weight: 400;
  line-height: 1.75;
}
/* Matching dark reference panel, as used on Approach and About Us. */
#gw-cases-intro .gwc-intro-panel {
  padding: 1.55rem 1.75rem;
  background: #253441;
  border-top: 4px solid #84a6c4;
  box-shadow: 0 12px 34px rgba(30,49,63,.12);
  color: #fff;
}
#gw-cases-intro .gwc-intro-panel > div {
  display: grid;
  grid-template-columns: 2.5rem minmax(0,1fr);
  column-gap: .65rem;
  padding: 1.05rem 0;
  border-bottom: 1px solid rgba(255,255,255,.15);
}
#gw-cases-intro .gwc-intro-panel > div:last-child { border-bottom: 0; }
#gw-cases-intro .gwc-intro-panel span {
  grid-row: span 2;
  color: #93bad6;
  font-size: .88rem;
  font-weight: 700;
}
#gw-cases-intro .gwc-intro-panel strong {
  color: #fff;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.35;
}
#gw-cases-intro .gwc-intro-panel small {
  display: block;
  margin-top: .35rem;
  color: #c4d1db;
  font-size: .82rem;
  line-height: 1.55;
}
@media (max-width: 991.98px) {
  #gw-cases-intro { padding-top: 3rem !important; padding-bottom: 2.3rem !important; }
  #gw-cases-intro .gwc-intro-panel { max-width: 100%; }
}
@media (max-width: 575.98px) {
  #gw-cases-intro { padding-top: 2.4rem !important; padding-bottom: 2rem !important; }
  #gw-cases-intro .gwc-intro-display { font-size: clamp(1.85rem, 8vw, 2.45rem); }
  #gw-cases-intro .gwc-intro-lead { font-size: 1rem; line-height: 1.75; }
  #gw-cases-intro .gwc-intro-note { font-size: .85rem; }
  #gw-cases-intro .gwc-intro-panel { padding: 1.1rem 1.4rem; }
}