/* Prominent Digital Signage introduction within the Radio In-Store landing. */
.service-bridge--digital-feature { padding: 48px 0; background: #f1f6fa; scroll-margin-top: 90px; }
.service-bridge--digital-feature .service-bridge-link {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 0;
  padding: 0; overflow: hidden; border-radius: 24px;
  background: linear-gradient(125deg, #09253d, #073c55);
  box-shadow: 0 18px 44px -18px rgba(6, 38, 66, .36);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.service-bridge--digital-feature .service-bridge-visual { display: block; align-self: stretch; min-height: 460px; overflow: hidden; }
.service-bridge--digital-feature .service-bridge-visual img {
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: 35% 55%;
  border-radius: 0; transition: transform .6s ease;
}
.service-bridge--digital-feature .service-bridge-copy { padding: clamp(28px, 3.5vw, 52px); }
.service-bridge--digital-feature .service-bridge-copy .service-bridge-eyebrow {
  margin: 0 0 18px; color: #a4dfef !important; 
}
.service-bridge--digital-feature .service-bridge-copy h2 {
  margin: 0 0 18px; color: #fff;
}
.service-bridge--digital-feature .service-bridge-copy .service-bridge-description { margin: 0 0 14px; color: #fff; }
.service-bridge--digital-feature .service-bridge-copy .service-bridge-detail { margin: 0 0 24px; color: #cbdfea; }
.service-bridge--digital-feature .service-bridge-copy .service-bridge-services { display: flex; flex-wrap: wrap; gap: 5px 9px; margin: 0 0 26px; color: #a9e1f1; font-size: var(--type-small); font-weight: 500; line-height: 1.6; }
.service-bridge--digital-feature .service-bridge-copy .service-bridge-action {
  display: inline-flex; min-height: 48px; padding: 13px 18px; border: 1px solid #fff; border-radius: 8px;
  background: #fff; color: #0a3b58; font-size: 14px; font-weight: 600; white-space: normal;
}
@media (hover: hover) and (pointer: fine) {
  .service-bridge--digital-feature .service-bridge-link:hover { transform: translateY(-4px); border-color: #83cae3; box-shadow: 0 24px 50px -18px rgba(6, 38, 66, .4); }
  .service-bridge--digital-feature .service-bridge-link:hover .service-bridge-visual img { transform: scale(1.025); }
}
@media (max-width: 767px) {
  .service-bridge--digital-feature { padding-block: 28px; }
  .service-bridge--digital-feature .service-bridge-link { grid-template-columns: 1fr; }
  .service-bridge--digital-feature .service-bridge-visual { grid-column: 1; grid-row: 1; min-height: 0; aspect-ratio: 4 / 3; }
  .service-bridge--digital-feature .service-bridge-visual img { object-position: 35% 65%; }
  .service-bridge--digital-feature .service-bridge-copy { grid-column: 1; grid-row: 2; padding: 26px 24px 30px; }
  .service-bridge--digital-feature .service-bridge-copy .service-bridge-action { width: 100%; justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) {
  .service-bridge--digital-feature .service-bridge-link,
  .service-bridge--digital-feature .service-bridge-visual img { transition: none; }
  .service-bridge--digital-feature .service-bridge-link:hover,
  .service-bridge--digital-feature .service-bridge-link:hover .service-bridge-visual img { transform: none; }
}