.hero-with-image{background:linear-gradient(135deg,var(--color-primary) 0,#004a8c 100%);color:#fff;overflow:hidden;position:relative}.hero-with-image:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.05)' d='M20 0H0v20'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";height:100%;opacity:.3;position:absolute;right:0;top:0;width:50%}.hero-with-image-content{align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero-with-image-eyebrow{background:hsla(0,0%,100%,.2);border-radius:20px;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:6px 12px;text-transform:uppercase}.hero-with-image-eyebrow.lowercase{text-transform:lowercase}.hero-with-image-eyebrow.capitalize{text-transform:capitalize}.hero-with-image-headline h2,.hero-with-image-headline h3,.hero-with-image-headline h4{color:inherit;font-size:48px;font-weight:700;line-height:1.1;margin-bottom:20px}.hero-with-image-subheadline{color:inherit;font-size:20px;line-height:1.6;margin-bottom:24px;opacity:.95}.hero-with-image-description{margin-bottom:32px}.hero-with-image-description p{color:inherit;font-size:16px;line-height:1.7;opacity:.9}.hero-with-image-cta-group{display:flex;flex-wrap:wrap;gap:16px}.hero-with-image-visual{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;display:flex;justify-content:center;padding:20px}.hero-with-image-visual div{width:100%}.hero-with-image-visual img{max-width:100%}.hero-with-image .btn{align-items:center;cursor:pointer;display:inline-flex;transition:all .2s ease}.hero-with-image .btn-primary{border-style:solid;border-width:2px}.hero-with-image .btn-primary:hover{background:#004a8c!important;color:#fff!important}@media(max-width:767px){.hero-with-image-content{gap:30px;grid-template-columns:1fr}.hero-with-image-headline h2,.hero-with-image-headline h3,.hero-with-image-headline h4{font-size:32px}.hero-with-image-subheadline{font-size:16px;line-height:1.5;margin-bottom:20px}.hero-with-image-description p{font-size:15px;line-height:1.5}}@media(max-width:600px){.hero-with-image .btn{justify-content:center;text-align:center;width:100%}}