.hero-banner{background-color:var(--PB-blue-base,#2f80ed);justify-content:center;align-items:center;width:100%;min-height:max(53.5vh,535px);margin-bottom:3rem;display:flex;position:relative;overflow:hidden}.hero-banner__picture{z-index:0;width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}.hero-banner__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-banner:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(#0036908c 0%,#2f80edb8 45%,#00286ec7 100%);position:absolute;inset:0}.hero-banner .container{z-index:2;text-align:center;color:#fff;width:100%;max-width:56rem;margin:0 auto;padding:2.5rem 1.25rem;position:relative}.hero-banner .hero-title{font-family:var(--font-heading);color:#fff;margin:0 0 1.25rem;font-size:3.5rem;font-weight:600;line-height:1.15}.hero-banner .hero-subtitle{color:#fff;max-width:42rem;margin:0 auto 2rem;font-size:1.3rem;line-height:1.45}.hero-banner .cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.hero-banner .cta-btn{touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;min-height:3.25rem;padding:.875rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,background-color .2s,color .2s;display:inline-flex;box-shadow:0 4px 14px #0000002e}.hero-banner .cta-blue{color:#fff;background-color:#4a7aff}.hero-banner .cta-blue:hover{background-color:#3a6aef;transform:translateY(-1px);box-shadow:0 6px 20px #4a7aff73}.hero-banner .cta-orange{color:#1a1a1a;background-color:#f7a93b}.hero-banner .cta-orange:hover{background-color:#e89a2e;transform:translateY(-1px);box-shadow:0 6px 20px #f7a93b73}.hero-banner .cta-btn:active{transform:translateY(0)}@media (max-width:768px){.hero-banner{min-height:69vh}.hero-banner__image{object-position:center top}.hero-banner:before{background:linear-gradient(#00286eb8 0%,#2f80edd1 50%,#001e5ae0 100%)}.hero-banner .container{padding:2rem 1rem 2.5rem}.hero-banner .hero-title{font-size:2rem}.hero-banner .hero-subtitle{margin-bottom:1.75rem;font-size:1.1rem}.hero-banner .cta-group{flex-direction:column;align-items:stretch;gap:.75rem;width:100%;max-width:20rem;margin:0 auto}.hero-banner .cta-btn{width:100%}}