/* Reserve the approved compact header, independently of its entrance transition. */
.visual-conversion { --conversion-header-reserve: 81.6px; position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; min-height: max(760px, 92svh, calc(100svh - var(--conversion-header-reserve) + 1px)); background: #0B2D5B; color: #fff; }
.conversion-photo, .conversion-overlay { position: absolute; inset: 0; z-index: -1; }
.conversion-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 62% center; transform-origin: 65% 50%; }
.conversion-overlay { background: linear-gradient(90deg, rgb(11 45 91 / 96%) 0%, rgb(11 45 91 / 88%) 32%, rgb(11 45 91 / 44%) 63%, rgb(11 45 91 / 18%) 100%), linear-gradient(0deg, rgb(11 45 91 / 34%), transparent 55%); }
.conversion-content { padding-block: 112px 96px; }
.conversion-content h2 { max-width: 21ch; margin: 0; font-size: clamp(2.5rem, 3.89vw, 3.5rem); line-height: 1.12; letter-spacing: -.02em; }
.conversion-content p { max-width: 49ch; font-size: 1.0625rem; font-weight: 400; line-height: 1.8; margin: 28px 0 32px; }
.conversion-content .button { min-height: 48px; font-size: .8125rem; padding-inline: 28px; }
@keyframes conversion-ambient { from { transform: scale(1); } to { transform: scale(1.025); } }
@keyframes conversion-reveal { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.conversion-entered .conversion-photo img { animation: conversion-ambient 18s ease-out 1 both; }
.conversion-entered .conversion-content { animation: conversion-reveal 450ms ease-out 1 both; }
@media (min-width: 48rem) and (max-width: 74.999rem) {
 .visual-conversion { --conversion-header-reserve: 78.4px; min-height: max(780px, 90svh, calc(100svh - var(--conversion-header-reserve) + 1px)); }
 .conversion-content { padding-block: 104px 88px; }
 .conversion-content h2 { font-size: 3rem; max-width: 20ch; }
 .conversion-content p { max-width: 46ch; }
 .conversion-photo img { object-position: center 52%; }
 .conversion-overlay { background: linear-gradient(90deg, rgb(11 45 91 / 93%), rgb(11 45 91 / 79%) 44%, rgb(11 45 91 / 30%) 100%); }
}
@media (max-width: 47.999rem) {
 .visual-conversion { min-height: max(780px, 94svh); }
 .conversion-content { padding-block: 96px 80px; }
 .conversion-content h2 { font-size: 2.125rem; max-width: 18ch; line-height: 1.13; }
 .conversion-content p { font-size: 1rem; line-height: 1.75; margin-block: 24px 28px; }
 .conversion-content .button { width: 100%; padding-inline: 16px; font-size: .75rem; }
 .conversion-photo img { object-position: 52% center; transform-origin: 55% 50%; }
 .conversion-overlay { background: linear-gradient(180deg, rgb(11 45 91 / 67%), rgb(11 45 91 / 89%) 28%, rgb(11 45 91 / 81%) 67%, rgb(11 45 91 / 49%)); }
}
@media (prefers-reduced-motion: reduce) { .visual-conversion .conversion-photo img, .visual-conversion .conversion-content { animation: none !important; transform: none !important; } }