/* Biełaruskaja — Łacinka: homepage feature banner (scripts/build-belarus-link.mjs). */
.bl-feature { padding: clamp(56px, 7vw, 110px) 0; }
.bl-card { position: relative; display: grid; align-items: center; min-height: clamp(360px, 40vw, 520px); max-width: 1280px; margin: 0 auto;
  border-radius: 28px; overflow: hidden; isolation: isolate; color: #2b211a;
  background: #faf6ee url('/media/belarus/hero.webp') right center / auto 100% no-repeat;
  box-shadow: 0 40px 90px -50px rgba(70, 40, 20, .55), 0 0 0 1px rgba(176, 141, 87, .35); }
.bl-card::before { content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, #faf6ee 0%, rgba(250, 246, 238, .96) 34%, rgba(250, 246, 238, .55) 52%, rgba(250, 246, 238, 0) 68%); }
.bl-card::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 10px;
  background: repeating-linear-gradient(90deg, #c8313e 0 10px, transparent 10px 16px, #c8313e 16px 20px, transparent 20px 30px); opacity: .85; }
.bl-copy { padding: clamp(28px, 4vw, 56px); max-width: 560px; }
.bl-kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 12.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #9b222d; }
.bl-kicker::before { content: ''; width: 11px; height: 11px; background: #c8313e; transform: rotate(45deg); box-shadow: 0 0 0 3px #faf6ee, 0 0 0 4px #c8313e; }
.bl-title { margin: 0 0 14px; font: 700 clamp(34px, 4.2vw, 58px)/1 Georgia, 'Times New Roman', serif; letter-spacing: -.01em; color: #2b211a; }
.bl-title i { font-style: normal; color: #c8313e; }
.bl-text { margin: 0 0 24px; font-size: clamp(16px, 1.3vw, 18px); line-height: 1.6; color: #5a4b3f; }
.bl-points { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 26px; padding: 0; list-style: none; }
.bl-points li { padding: 5px 12px; border-radius: 999px; background: rgba(255, 253, 248, .9); border: 1px solid #e0cfae; font-size: 14px; color: #5a4b3f; }
.bl-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; border-radius: 12px; text-decoration: none; font-weight: 650; color: #fff;
  background: linear-gradient(180deg, #d63b48, #c8313e 55%, #9b222d); box-shadow: 0 12px 26px -14px rgba(155, 34, 45, .9); transition: transform .25s, box-shadow .25s; }
.bl-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -14px rgba(155, 34, 45, .95); color: #fff; }
@media (max-width: 860px) {
  .bl-card { background-size: 160% auto; background-position: 70% top; min-height: 0; padding-top: 52vw; }
  .bl-card::before { background: linear-gradient(0deg, #faf6ee 0%, #faf6ee 52%, rgba(250, 246, 238, 0) 78%); }
  .bl-copy { padding: 20px 22px 34px; }
}