.migration-banner { position: relative; display: flex; width: 100%; height: 780px; align-items: center; overflow: hidden; background: rgba(var(--color-background)); color: rgba(var(--color-text)); }
.migration-banner .hero-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; }
.migration-banner__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(246,243,236) 0%, rgba(246,243,236,.92) 22%, rgba(246,243,236,.7) 38%, rgba(246,243,236,.28) 52%, rgba(246,243,236,0) 62%), linear-gradient(rgba(246,243,236,0) 55%, rgba(246,243,236,.7) 100%); }
.migration-banner__content { position: relative; z-index: 1; display: block !important; box-sizing: border-box; padding: 72px 0 !important; }
.migration-banner__content > * { max-width: none; }
.migration-banner .migration-eyebrow { height: 15px; margin-bottom: 24px; font-size: 12px; font-weight: 500; line-height: normal; letter-spacing: 2.4px; }
.migration-banner h1 { width: 560px; max-width: 560px; margin: 0 0 28px; font-size: 64px; font-weight: 500; line-height: 1.02; letter-spacing: -1.28px; }
.migration-banner__body { max-width: 560px; font-size: 18px; display: flex; align-items: center; }
.migration-banner__body p { margin: 0; }
.migration-banner__buttons { display: flex; gap: 24px; }
.migration-banner__buttons .migration-button { min-height: 50px; padding: 15px 30px; gap: 8px; }
.migration-banner__buttons .migration-button { border: 0; }
.migration-banner--compact { height: 240px; align-items: center; background: var(--migration-ink); color: var(--migration-ink); }
.migration-banner--compact .hero-media { object-position: 50% 50%; opacity: .42; }
.migration-banner--compact .migration-banner__shade { display: none; }
.migration-banner--compact .migration-banner__content { width: 576px; max-width: 576px; padding: 0 28px !important; }
.migration-banner--compact .migration-eyebrow { margin-bottom: 16px; color: var(--migration-light-teal); }
.migration-banner--compact h1 { width: 520px; max-width: 520px; margin-bottom: 14px; color: var(--migration-chalk); font-size: 56px; line-height: 1; letter-spacing: normal; }
.migration-banner--compact .migration-banner__buttons { display: block; }
.migration-banner--compact .migration-banner__body { width: 520px; max-width: 520px; color: rgba(250,248,243,.8); font-size: 16px; line-height: 24px; }
.migration-banner--compact .migration-banner__body a:not(.button) { color: var(--migration-light-teal); text-decoration: underline; text-underline-offset: 2px; }
.migration-banner--pagehead { display: block; height: auto; padding: 64px 0; align-items: normal; overflow: visible; background: var(--migration-ink); color: var(--migration-ink); }
.migration-banner--pagehead .migration-banner__shade { display: none; }
.migration-banner--pagehead .migration-banner__content { width: 100%; max-width: var(--migration-container); padding: 0 28px !important; }
.migration-banner--pagehead .migration-eyebrow { height: 15px; margin-bottom: 16px; color: var(--migration-light-teal); font-size: 12px; font-weight: 500; line-height: normal; letter-spacing: 2.4px; }
.migration-banner--pagehead h1 { width: 100%; max-width: none; margin-bottom: 14px; color: var(--migration-chalk); font-size: 56px; line-height: 1; letter-spacing: normal; }
.migration-banner--pagehead .migration-banner__buttons { display: block; }
.migration-banner--pagehead .migration-banner__body { width: 520px; max-width: 520px; color: rgba(250,248,243,.8); font-size: 16px; line-height: 24px; }
.migration-banner--dark { height: 520px; align-items: flex-end; background: rgba(var(--color-background)); color: var(--migration-ink); }
.migration-banner--dark .hero-media { object-position: 50% 50%; opacity: .55; }
.migration-banner--dark .migration-banner__shade { background: linear-gradient(rgba(43,39,35,.28),rgba(43,39,35,.48) 50%,rgba(43,39,35,.9)); }
.migration-banner--dark .migration-banner__content { padding: 0 28px 60px !important; }
.migration-banner__badge { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 20px; padding: 7px 14px; border-radius: 999px; background: #b4792a; color: #fbf3e4; font: 600 11px/normal "Spline Sans Mono",ui-monospace,monospace; letter-spacing: 1.32px; text-transform: uppercase; }
.migration-banner--dark h1 { width: 920px; max-width: 920px; margin-bottom: 28px; color: rgba(var(--color-text)); font-size: 68px; line-height: .95; letter-spacing: -1.36px; }
.migration-banner--dark .migration-banner__buttons { align-items: center; flex-wrap: wrap; }
.migration-banner--dark .migration-banner__body { width: 380px; max-width: 380px; color: rgba(var(--color-text),.85); font-size: 15px; line-height: 1.5; }
.migration-banner--dark .migration-banner__buttons .migration-button { width: auto; min-height: auto; line-height: normal; }
.migration-banner--dark .migration-banner__buttons .migration-button:not(.migration-button--outline) { background: var(--migration-teal); color: var(--migration-chalk); }
.migration-banner--dark .migration-banner__buttons .migration-button--outline { border: 1px solid rgba(var(--color-button-secondary-border),.75); }
.migration-banner--dark .migration-banner__buttons .migration-button:not(.migration-button--outline):hover { background: var(--migration-teal-dark); transform: none; }
.migration-banner--dark .migration-banner__buttons .migration-button--outline:hover { background: transparent; transform: none; }

.migration-banner--story-hero { height: 460px; align-items: flex-end; background: var(--migration-ink); color: var(--migration-ink); }
.migration-banner--story-hero .hero-media { object-position: 50% 50%; opacity: .55; }
.migration-banner--story-hero .migration-banner__shade { background: linear-gradient(rgba(43,39,35,.28),rgba(43,39,35,.48) 50%,rgba(43,39,35,.9)); }
.migration-banner--story-hero .migration-banner__content { width: 100%; max-width: var(--migration-container); padding: 0 28px 56px !important; }
.migration-banner--story-hero .migration-eyebrow { margin: 0 0 24px; color: var(--migration-light-teal); }
.migration-banner--story-hero h1 { width: 760px; max-width: 760px; margin: 0 0 28px; color: var(--migration-chalk); font-size: 64px; line-height: .95; }
.migration-banner--story-hero .migration-banner__buttons { display: none; }
@media (max-width: 900px) {
  .migration-banner { height: 912px; align-items: flex-end; }
  .migration-banner .hero-media { object-position: 50% 40%; }
  .migration-banner__shade { background: linear-gradient(rgba(246,243,236,0) 22%, rgba(246,243,236,.4) 52%, rgba(246,243,236,.92) 78%); }
  .migration-banner__content { padding: 0 22px 40px !important; }
  .migration-banner h1 { width: auto; max-width: none; font-size: 44px; }
  .migration-banner__buttons .migration-button { width: 100%; }
  .migration-banner--dark { height: 520px; }
  .migration-banner--dark .hero-media { object-position: 50% 50%; }
  .migration-banner--dark .migration-banner__content { padding: 0 28px 60px !important; }
  .migration-banner--dark h1 { width: auto; max-width: 920px; font-size: 68px; }
  .migration-banner--dark .migration-banner__buttons .migration-button { width: auto; }
  .migration-banner--compact { height: 240px; align-items: center; }
  .migration-banner--compact .hero-media { object-position: 50% 50%; }
  .migration-banner--compact .migration-banner__content { width: 576px; max-width: 576px; padding: 0 28px !important; }
  .migration-banner--compact h1 { width: 520px; max-width: 520px; font-size: 40px; line-height: 1; }
  .migration-banner--compact .migration-banner__body { width: 520px; max-width: 520px; }
  .migration-banner--pagehead { display: block; height: auto; padding: 64px 0; align-items: normal; }
  .migration-banner--pagehead .migration-banner__content { width: 100%; max-width: var(--migration-container); padding: 0 28px !important; }
  .migration-banner--pagehead h1 { width: 100%; max-width: none; font-size: 40px; line-height: 1; }
  .migration-banner--pagehead .migration-banner__body { width: 520px; max-width: 520px; }
  .migration-banner--story-hero { height: 460px; }
  .migration-banner--story-hero .hero-media { object-position: 50% 50%; }
  .migration-banner--story-hero .migration-banner__content { padding: 0 28px 56px !important; }
  .migration-banner--story-hero h1 { width: 760px; max-width: 100%; font-size: 64px; line-height: .95; }
}
@media (max-width: 480px) {
  .migration-banner { height: 740px; }
  .migration-banner__content { padding: 0 20px 36px !important; }
  .migration-banner h1 { width: 330px; max-width: 330px; font-size: 34px; line-height: 1.02; }
  .migration-banner .hero-media { object-position: 50% 40%; }
  .migration-banner__buttons { flex-wrap: wrap; }
  .migration-banner--dark { height: 611.875px; }
  .migration-banner--dark .hero-media { object-position: 50% 50%; }
  .migration-banner--dark .migration-banner__content { padding: 0 18px 60px !important; }
  .migration-banner--dark h1 { width: auto; max-width: none; font-size: 68px; line-height: .95; }
  .migration-banner--dark .migration-banner__buttons { align-items: center; gap: 24px; }
  .migration-banner--dark .migration-banner__buttons .migration-button { width: auto; }
  .migration-banner--dark .migration-banner__body { width: 100%; max-width: none; }
  .migration-banner--compact { height: 240px; }
  .migration-banner--compact .migration-banner__content { width: 100%; max-width: none; padding: 0 18px !important; }
  .migration-banner--compact h1,
  .migration-banner--compact .migration-banner__body { width: 100%; max-width: none; }
  .migration-banner--compact h1 { font-size: 40px; line-height: 1; }
  .migration-banner--pagehead { height: auto; }
  .migration-banner--pagehead .migration-banner__content { padding: 0 18px !important; }
  .migration-banner--pagehead h1 { width: 100%; max-width: none; font-size: 40px; line-height: 1; }
  .migration-banner--pagehead .migration-banner__body { width: 100%; max-width: none; }
  .migration-banner--story-hero { height: 460px; }
  .migration-banner--story-hero .hero-media { object-position: 50% 50%; opacity: .55; }
  .migration-banner--story-hero .migration-banner__content { padding: 0 18px 56px !important; }
  .migration-banner--story-hero h1 { width: 100%; max-width: none; font-size: 64px; line-height: .95; }
}