.external-block {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(390px, 46vw, 570px);
  width: 100%;
  overflow: hidden;
  background: #454547;
  color: #fff;
}
.external-block__media { position: absolute; inset: 0; z-index: -1; }
.external-block__bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  /* Размываем только фоновое изображение (включая GIF), не затрагивая текст. */
  filter: blur(7px);
  transform: scale(1.035); /* убирает размытые края по периметру */
}
.external-block__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .48); }
.external-block__inner { position: relative; z-index: 1; padding-top: 55px; padding-bottom: 55px; }
.external-block__grid { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; }
.external-block__title { margin: 0; max-width: 850px; font-size: clamp(30px,3vw,40px); font-weight: 700; line-height: 1.16; }
.external-block__cta { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.external-block__description { max-width: 750px; margin: 0; font-size: 17px; font-weight: 400; line-height: 1.35; }
.external-block .btn { background: #fff; color: var(--brand-blue); border-color: #fff; }
.external-block .btn:hover { background: #eff1fc; border-color: #eff1fc; }
@media (max-width: 650px) {
  .external-block { min-height: 360px; }
  .external-block__title { font-size: 28px; }
  .external-block__description { font-size: 16px; }
}