.bw-imgtext {
  display: grid; grid-template-columns: 340px 1fr; gap: 38px; align-items: center;
  scroll-margin-top: 24px;
}
.bw-imgtext--right { grid-template-columns: 1fr 340px; }
.bw-imgtext--right .bw-imgtext__media { order: 2; }

.bw-imgtext__media img {
  display: block; width: 100%; height: 100%; object-fit: cover;
}
.bw-imgtext__title { margin: 0; font-size: calc(19px * var(--a11y-fs, 1)); font-weight: 700; color: var(--orange, var(--udi-orange, #f9741c)); }
h2.bw-imgtext__title {
  display: flex; align-items: center; gap: 14px;
  font-size: calc(27px * var(--a11y-fs, 1)); line-height: 1.25; letter-spacing: -0.3px; color: var(--basic, #25225e);
}
h2.bw-imgtext__title::before {
  content: ""; flex: 0 0 5px; width: 5px; align-self: stretch; min-height: 30px;
  border-radius: 9999px; background: var(--orange, var(--udi-orange, #f9741c));
}
.bw-imgtext__text p { margin: 14px 0 0; font-size: calc(16px * var(--a11y-fs, 1)); line-height: 1.75; color: var(--udi-soft, #52516B); }
.bw-imgtext__text a { color: var(--blue, var(--udi-blue, #53a7dc)); text-decoration: underline; }

@media (max-width: 720px) {
  .bw-imgtext, .bw-imgtext--right { grid-template-columns: 1fr; gap: 22px; }
  .bw-imgtext--right .bw-imgtext__media { order: 0; }
  .bw-imgtext__media img { width: 100%; height: auto; }
}

@media (max-width: 640px) {
  .bw-imgtext__title { font-size: calc(18px * var(--a11y-fs, 1)); }
  h2.bw-imgtext__title { font-size: calc(22px * var(--a11y-fs, 1)); }
}

@media (max-width: 380px) {
  h2.bw-imgtext__title { font-size: calc(20px * var(--a11y-fs, 1)); }
}