.custom-hero-banner{align-items:center;border-radius:25px;display:flex;height:clamp(300px,50vh,var(--desktop-height));justify-content:center;overflow:hidden;position:relative;width:100%}.custom-hero-banner__bg{background-image:var(--bg-image);background-position:center var(--bg-position);background-repeat:no-repeat;background-size:cover;z-index:1}.custom-hero-banner__bg,.custom-hero-banner__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.custom-hero-banner__overlay{background-color:var(--tint-color);mix-blend-mode:multiply;opacity:var(--tint-opacity);pointer-events:none;z-index:2}.custom-hero-banner__content{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px;position:relative;width:100%;z-index:3}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-header-text{animation:heroFadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards;color:var(--text-color);font-size:clamp(1.75rem,1.45rem + 1.5vw,2.5rem);font-weight:700;margin:0;max-width:60%}.hero-cta-wrapper{animation:heroFadeInUp .8s cubic-bezier(.2,.8,.2,1) .3s both;flex-shrink:0}.btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:clamp(.875rem,.85rem + .25vw,1rem);font-weight:600;justify-content:center;line-height:1;padding:clamp(.65rem,.6rem + .25vw,.8rem) clamp(1.1rem,1rem + .5vw,1.4rem);text-decoration:none;text-transform:none;transition:transform .14s ease-out,background-color .14s ease-out,color .14s ease-out;white-space:nowrap;will-change:transform,background-color}.btn:focus-visible{outline:2px solid currentColor;outline-offset:4px}.btn:focus-visible,.btn:hover{transform:scale(.96)}.btn:active{transform:scale(.94)}.btn--orange{background-color:#ff7a00}.btn--orange:focus-visible,.btn--orange:hover{background-color:#e66e00}.btn--orange:active{background-color:#cc6200}.btn--deep-teal{background-color:#0e5f6a}.btn--deep-teal:focus-visible,.btn--deep-teal:hover{background-color:#0b4f58}.btn--deep-teal:active{background-color:#093f46}.btn--vivid-green{background-color:#4cff9a}.btn--vivid-green:focus-visible,.btn--vivid-green:hover{background-color:#3fe68a}.btn--vivid-green:active{background-color:#36cc79}.text--dark-earth{color:#3e372d}.text--light-beige{color:#eeece9}@media (max-width:768px){.custom-hero-banner__content{align-items:flex-start;flex-direction:column;gap:20px}.hero-header-text{max-width:100%}.hero-cta-wrapper{width:100%}}