.hero-banner{--hb-height: 85vh;--hb-overlay-color: #000000;--hb-overlay-opacity: .25;--hb-heading-color: #ffffff;--hb-subheading-color: #ffffff;--hb-body-color: #ffffff;--hb-heading-size: 56px;--hb-subheading-size: 14px;--hb-body-size: 16px;--hb-content-maxw: 600px;--hb-pt: 0px;--hb-pb: 0px;--hb-btn-bg: rgba(0, 0, 0, 0);--hb-btn-color: #ffffff;--hb-btn-border: #ffffff;--hb-btn2-bg: rgba(0, 0, 0, 0);--hb-btn2-color: #ffffff;--hb-content-px: clamp(1.25rem, 4vw, 3rem);--hb-content-py: clamp(1.5rem, 4vh, 3rem);--hb-gap: 1rem;--hb-btn-radius: 0px;--hb-btn-px: 1.75rem;--hb-btn-py: .8rem;--hb-transition: .25s ease}.hero-banner{position:relative;width:100%;min-height:var(--hb-height);height:var(--hb-height);overflow:hidden;padding-top:var(--hb-pt);padding-bottom:var(--hb-pb);display:flex}.hero-banner[style*="--hb-height: auto"],.hero-banner.hero-banner--auto{height:auto;min-height:30vh}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.hero-banner__img--desktop{display:block}.hero-banner__img--mobile{display:none}@media(max-width:767px){.hero-banner__img--desktop{display:none}.hero-banner__img--mobile{display:block}}.hero-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.hero-banner__video--desktop{display:block}.hero-banner__video--mobile{display:none}@media(max-width:767px){.hero-banner__video--desktop{display:none}.hero-banner__video--mobile{display:block}}.hero-banner__video-embed{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-banner__video-embed iframe{position:absolute;top:50%;left:50%;width:max(100%,calc(100vh * 16 / 9));height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;display:block}.hero-banner__video-embed--desktop{display:block}.hero-banner__video-embed--mobile{display:none}@media(max-width:767px){.hero-banner__video-embed--desktop{display:none}.hero-banner__video-embed--mobile{display:block}}.hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__placeholder-svg,.hero-banner__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.hero-banner__placeholder--desktop{display:block}.hero-banner__placeholder--mobile{display:none}@media(max-width:767px){.hero-banner__placeholder--desktop{display:none}.hero-banner__placeholder--mobile{display:block}}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--hb-overlay-color);opacity:var(--hb-overlay-opacity);pointer-events:none}.hero-banner__content-wrap{position:relative;z-index:2;width:100%;display:flex;padding-inline:var(--hb-content-px);padding-block:var(--hb-content-py)}.hero-banner--top .hero-banner__content-wrap{align-items:flex-start}.hero-banner--middle .hero-banner__content-wrap{align-items:center}.hero-banner--bottom .hero-banner__content-wrap{align-items:flex-end}.hero-banner{flex-direction:column}.hero-banner__content-wrap{flex:1}.hero-banner--align-left .hero-banner__content-wrap{justify-content:flex-start}.hero-banner--align-center .hero-banner__content-wrap{justify-content:center}.hero-banner--align-right .hero-banner__content-wrap{justify-content:flex-end}.hero-banner__content{width:100%;max-width:var(--hb-content-maxw);display:flex;flex-direction:column;gap:var(--hb-gap)}.hero-banner--align-left .hero-banner__content{text-align:left}.hero-banner--align-center .hero-banner__content{text-align:center}.hero-banner--align-right .hero-banner__content{text-align:right}.hero-banner--align-left .hero-banner__buttons{justify-content:flex-start}.hero-banner--align-center .hero-banner__buttons{justify-content:center}.hero-banner--align-right .hero-banner__buttons{justify-content:flex-end}.hero-banner__subheading{margin:0;font-size:var(--hb-subheading-size);color:var(--hb-subheading-color);font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}.hero-banner__heading{margin:0;font-size:var(--hb-heading-size);color:var(--hb-heading-color);font-weight:700;line-height:1.08;letter-spacing:-.02em;font-size:clamp(calc(var(--hb-heading-size) * .5),calc(var(--hb-heading-size) * .5 + 2.5vw),var(--hb-heading-size))}.hero-banner__body{font-size:var(--hb-body-size);color:var(--hb-body-color);line-height:1.6;margin:0}.hero-banner__body p{margin:0 0 .5em}.hero-banner__body p:last-child{margin-bottom:0}.hero-banner__body a{color:inherit;text-decoration:underline;text-underline-offset:3px}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--hb-btn-py) var(--hb-btn-px);border-radius:var(--hb-btn-radius);font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;line-height:1;cursor:pointer;white-space:nowrap;transition:background-color var(--hb-transition),color var(--hb-transition),border-color var(--hb-transition),opacity var(--hb-transition),transform var(--hb-transition)}.hero-banner__btn:hover,.hero-banner__btn:focus-visible{opacity:.82;transform:translateY(-1px);outline:none}.hero-banner__btn:active{opacity:1;transform:translateY(0)}.hero-banner__btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hero-banner__btn--primary{background-color:var(--hb-btn-bg);color:var(--hb-btn-color);border:1px solid var(--hb-btn-border)}.hero-banner__btn--secondary{background-color:var(--hb-btn2-bg);color:var(--hb-btn2-color);border:1px solid var(--hb-btn2-color)}@media(prefers-reduced-motion:reduce){.hero-banner__btn,.hero-banner__btn:hover,.hero-banner__btn:focus-visible{transition:none;transform:none}}@media(max-width:767px){.hero-banner__content-wrap{--hb-content-px: 1.25rem;--hb-content-py: 1.5rem}.hero-banner__buttons{flex-direction:column;align-items:stretch}.hero-banner__btn{justify-content:center;width:100%}.hero-banner--align-left .hero-banner__buttons,.hero-banner--align-center .hero-banner__buttons,.hero-banner--align-right .hero-banner__buttons{justify-content:stretch}}@media(min-width:768px)and (max-width:1023px){.hero-banner__content-wrap{--hb-content-px: 2rem;--hb-content-py: 2rem}}@media(min-width:1440px){.hero-banner__content-wrap{--hb-content-px: clamp(3rem, 6vw, 8rem)}}.shopify-section-editor .hero-banner{min-height:40vh}
/*# sourceMappingURL=/cdn/shop/t/39/assets/NAW-Club-hero-banner.css.map */