/* Brand colors from assets/css/0-general/define.lib.less. Buttons use the existing site component. */
.feature-header { display:grid; grid-template-columns:1fr 1fr; background:#2a3752; color:#fff; }
.feature-header__image { position:relative; min-height:35rem; }
.feature-header__image img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:50% 35%; }
.feature-header__content { align-self:center; padding:3.5rem 3rem; max-width:43rem; }
.feature-header .feature-header__eyebrow { margin:0 0 1.25rem; font-size:.85rem; font-weight:700; line-height:1.5; color:#fff; letter-spacing:.08em; text-transform:uppercase; }
.feature-header .feature-header__title { margin:0 0 1.5rem; font-size:clamp(2.5rem,3.8vw,4.2rem); line-height:1.1; color:#fff; text-transform:none; }
.feature-header__copy { font-size:1.2rem; line-height:1.6; }
.feature-header__copy p { color:inherit; }
.feature-header__copy a { color:#fff; text-decoration:underline; }
.feature-header__action { margin-top:2rem; }
@media (max-width:767px) { .feature-header { grid-template-columns:1fr; } .feature-header__image { min-height:0; aspect-ratio:16 / 10; } .feature-header__content { padding:2rem 1.5rem 2.5rem; } }