.sudrf-service-case-bridge {
  margin: 54px auto;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(216, 184, 113, .34);
  border-radius: 18px;
  background: linear-gradient(135deg, #081426 0%, #111d31 52%, #18243a 100%);
  color: #f7f3ea;
  box-shadow: 0 24px 70px rgba(3, 9, 20, .24);
}
.sudrf-service-case-bridge__head {
  max-width: 820px;
  margin: 0 0 28px;
}
.sudrf-service-case-bridge__head span,
.sudrf-service-case-bridge__tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  color: #d8b871;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 12px;
}
.sudrf-service-case-bridge__head h2 {
  margin: 10px 0 12px;
  color: #fff;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.08;
}
.sudrf-service-case-bridge__head p {
  margin: 0;
  color: #cdd6e5;
  font-size: 17px;
  line-height: 1.58;
}
.sudrf-service-case-bridge__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.sudrf-service-case-bridge__card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  gap: 14px;
  padding: 22px;
  border: 1px solid rgba(216, 184, 113, .23);
  border-radius: 14px;
  background: rgba(7, 17, 32, .72);
  color: inherit;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.sudrf-service-case-bridge__card:hover {
  transform: translateY(-3px);
  border-color: rgba(216, 184, 113, .68);
  background: rgba(13, 27, 48, .9);
  color: inherit;
  text-decoration: none;
}
.sudrf-service-case-bridge__card h3 {
  margin: 0;
  color: #fff;
  font-size: 21px;
  line-height: 1.24;
}
.sudrf-service-case-bridge__card dl {
  display: grid;
  gap: 7px;
  margin: 0;
}
.sudrf-service-case-bridge__card dt {
  margin-top: 4px;
  color: #d8b871;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.sudrf-service-case-bridge__card dd {
  margin: 0;
  color: #dbe3ef;
  font-size: 15px;
  line-height: 1.55;
}
.sudrf-service-case-bridge__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.sudrf-service-case-bridge__footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 12px;
  background: #d8b871;
  color: #081426;
  font-weight: 800;
  text-decoration: none;
}
.sudrf-service-case-bridge__footer a:hover {
  background: #efd28d;
  color: #081426;
  text-decoration: none;
}
@media (max-width: 991px) {
  .sudrf-service-case-bridge__grid { grid-template-columns: 1fr; }
  .sudrf-service-case-bridge { margin: 36px auto; border-radius: 14px; }
  .sudrf-service-case-bridge__footer { justify-content: stretch; }
  .sudrf-service-case-bridge__footer a { width: 100%; }
}