#hero-banner{height:100%;min-height:100vh;min-height:100dvh;padding-top:100px;box-sizing:border-box;overflow:hidden;position:relative;width:100%;display:flex;align-items:center}
#hero-banner picture,#hero-banner .hero-banner{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;display:block}
#hero-banner picture{z-index:0}
#hero-banner .container-1440{position:relative;z-index:1}
#hero-banner .heading-text{text-transform:uppercase;color:#F9F2E8!important}
.glass-box{background-color:rgba(8,8,8,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--sp-md);max-width:650px;border-radius:var(--radius-none);box-sizing:border-box}
.btn-outline-custom,.btn-primary-custom{color:#fffbf5!important;padding:var(--sp-xs) var(--sp-sm)}
.btn-primary-custom{background-color:var(--color-7)!important;border:1px solid var(--color-7);border-radius:9999px!important;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.btn-primary-custom .btn-text{color:inherit;transition:color .2s}
.btn-icon{width:16px;height:16px;margin-left:var(--sp-3xs);transition:transform .2s,stroke .2s,color .2s;stroke:currentColor}
@media (hover:hover){.btn-primary-custom:hover{background-color:#fffbf5!important;color:var(--color-7) !important;border-color:var(--color-7) !important}.btn-primary-custom:hover .btn-icon,.btn-primary-custom:hover svg{transform:translateX(4px);stroke:var(--color-7)!important}}
.btn-outline-custom{background-color:transparent!important;border:1px solid rgba(255,255,255,.4);border-radius:9999px!important;transition:color .2s,border-color .2s,transform .2s}
.btn-outline-custom .btn-text{color:inherit;transition:color .2s}
@media (hover:hover){.btn-outline-custom:hover{background-color:transparent!important;border-color:rgba(255,255,255,.6)!important;color:var(--color-7)!important}}
@media (max-width:992px){
  #hero-banner{min-height:auto!important;height:auto!important;padding-top:80px!important;padding-bottom:0!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;background-color:var(--color-10,#fffbf5)!important;width:100%!important;overflow:hidden!important}
  #hero-banner picture{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;display:block!important;margin:0!important;padding:0!important;line-height:0!important}
  #hero-banner .hero-banner{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:280px!important;max-height:360px!important;min-height:220px!important;object-fit:cover!important;object-position:center!important;display:block!important}
  #hero-banner .container-1440{width:100%!important;max-width:100%!important;padding:24px 16px 32px 16px!important;margin:0 auto!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important}
  #hero-banner .glass-box{background-color:#827c75!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:20px!important;padding:28px 20px!important;max-width:100%!important;width:100%!important;margin:0 auto!important;box-sizing:border-box!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important}
  #hero-banner .eyebrow-text{font-size:13px!important;letter-spacing:.05em!important;color:#FE372C!important;margin-bottom:8px!important;display:block!important}
  #hero-banner .heading-text{font-size:clamp(20px,4.5vw,26px)!important;line-height:1.25!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;word-wrap:normal!important;color:#F9F2E8!important;margin-bottom:14px!important;text-transform:uppercase!important}
  #hero-banner .paragraph-text{font-size:14px!important;line-height:1.5!important;white-space:normal!important;color:rgba(255,251,245,.9)!important;margin-bottom:20px!important}
  #hero-banner .paragraph-text:last-child{margin-bottom:0!important}
  #hero-banner .button-group{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}
  #hero-banner .btn-primary-custom,#hero-banner .btn-outline-custom{width:100%!important;text-align:center!important;justify-content:center!important;padding:14px 20px!important;font-size:14px!important;box-sizing:border-box!important}
  #hero-banner .btn-outline-custom{background-color:rgba(255,255,255,.2)!important;border:1px solid rgba(255,255,255,.5)!important}
}
@media (max-width:490px){
  #hero-banner .hero-banner{height:240px!important}
  #hero-banner .container-1440{padding:16px 12px 24px 12px!important}
  #hero-banner .glass-box{padding:24px 18px!important;border-radius:16px!important}
  #hero-banner .heading-text{font-size:clamp(18px,4.2vw,22px)!important;line-height:1.25!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;word-wrap:normal!important}
}