.merzifon-intro { position: relative; isolation: isolate; min-height: 520px; margin: 0; overflow: hidden; background: rgb(var(--bs-primary-rgb, 8, 20, 102)); scroll-margin-top: 100px; }
.merzifon-intro-media { position: absolute; inset: 0; z-index: -3; }
.merzifon-intro-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.merzifon-intro::before, .merzifon-intro::after { content: ''; position: absolute; inset: 0; pointer-events: none; }
.merzifon-intro::before { z-index: -2; background: linear-gradient(90deg, rgba(var(--bs-primary-rgb, 8, 20, 102), .94) 0%, rgba(var(--bs-primary-rgb, 8, 20, 102), .82) 36%, rgba(var(--bs-primary-rgb, 8, 20, 102), .25) 100%); }
.merzifon-intro::after { z-index: -1; background: linear-gradient(0deg, rgb(var(--bs-primary-rgb, 8, 20, 102)) 8%, rgba(var(--bs-primary-rgb, 8, 20, 102), .9) 18%, rgba(var(--bs-primary-rgb, 8, 20, 102), 0) 60%); }
.merzifon-intro-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 520px; padding: 76px clamp(28px, 5vw, 80px) 100px; }
.merzifon-intro-eyebrow { display: flex; align-items: center; gap: 12px; color: #d7e1ee; font-size: 10px; font-weight: 700; line-height: 1.4; letter-spacing: .14em; }
.merzifon-intro-eyebrow::before { content: ''; width: 30px; height: 2px; background: #e5a54b; }
.merzifon-intro h2 { margin: 24px 0 22px; max-width: 23ch; color: #fff; font-size: clamp(34px, 3.3vw, 48px); line-height: 1.16; letter-spacing: -.035em; overflow-wrap: anywhere; text-wrap: balance; }
.merzifon-intro-copy p { max-width: 51ch; margin: 0 0 30px; color: #e1e8f2; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; white-space: pre-line; }
.merzifon-intro-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 40px; min-height: 48px; padding: 13px 20px; border: 1px solid rgba(255,255,255,.6); border-radius: 5px; background: rgba(255,255,255,.08); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.5; transition: background-color 180ms ease, border-color 180ms ease; }
.merzifon-intro-link > span { color: #f2b34f; font-size: 21px; line-height: 1; }
.merzifon-intro-link:focus-visible { outline: 3px solid #f2b34f; outline-offset: 4px; }
.merzifon-intro-link:active { background: rgba(255,255,255,.22); color: #fff; }
.merzifon-intro--text .merzifon-intro-media { display: none; }
@media (hover: hover) { .merzifon-intro-link:hover { background: rgba(255,255,255,.18); border-color: #fff; color: #fff; } }
@media (max-width: 767.98px) {
  .merzifon-intro { min-height: 0; }
  .merzifon-intro::before { background: rgba(var(--bs-primary-rgb, 8, 20, 102), .8); }
  .merzifon-intro-copy { min-height: 0; padding: 56px 26px 76px; }
  .merzifon-intro h2 { max-width: 20ch; margin-top: 20px; font-size: 34px; line-height: 1.2; }
  .merzifon-intro-copy p { margin-bottom: 26px; font-size: 15px; line-height: 1.75; }
  .merzifon-intro-link { gap: 32px; }
}
@media (max-width: 359.98px) {
  .merzifon-intro-copy { padding: 48px 22px 64px; }
  .merzifon-intro h2 { font-size: 31px; }
}
@media (prefers-reduced-motion: reduce) { .merzifon-intro-link { transition: none; } }