.page-banner{position:relative;width:100%;height:var(--banner-height, 500px);overflow:hidden;display:flex}.page-banner__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.page-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}.page-banner__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#333)}.page-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--banner-overlay, #000000);opacity:var(--banner-overlay-opacity, .4)}.page-banner__container{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:40px 50px;display:flex}.page-banner__content{max-width:var(--banner-content-width, 600px);display:flex;flex-direction:column;gap:15px}.page-banner__subheading{font-size:13px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--banner-subheading-color, #ffffff);opacity:.9}.page-banner__heading{font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.1;letter-spacing:4px;text-transform:uppercase;color:var(--banner-text-color, #ffffff);margin:0}.page-banner__description{font-size:16px;line-height:1.7;color:var(--banner-text-color, #ffffff);opacity:.85;margin:5px 0 10px}.page-banner__button{display:inline-flex;align-items:center;justify-content:center;padding:16px 35px;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:0;transition:all .3s ease;margin-top:10px;align-self:flex-start}.page-banner__button--solid{background:var(--banner-btn-bg, #ffffff);color:var(--banner-btn-text, #000000);border:2px solid var(--banner-btn-bg, #ffffff)}.page-banner__button--solid:hover{background:transparent;color:var(--banner-btn-bg, #ffffff)}.page-banner__button--outline{background:transparent;color:var(--banner-btn-border, #ffffff);border:2px solid var(--banner-btn-border, #ffffff)}.page-banner__button--outline:hover{background:var(--banner-btn-border, #ffffff);color:var(--banner-btn-text, #000000)}.page-banner--align-left .page-banner__container{justify-content:flex-start}.page-banner--align-left .page-banner__content{text-align:left;align-items:flex-start}.page-banner--align-center .page-banner__container{justify-content:center}.page-banner--align-center .page-banner__content{text-align:center;align-items:center}.page-banner--align-right .page-banner__container{justify-content:flex-end}.page-banner--align-right .page-banner__content{text-align:right;align-items:flex-end}.page-banner--valign-top .page-banner__container{align-items:flex-start}.page-banner--valign-center .page-banner__container{align-items:center}.page-banner--valign-bottom .page-banner__container{align-items:flex-end}@media screen and (max-width:1024px){.page-banner__container{padding:35px 40px}.page-banner__heading{letter-spacing:3px}.page-banner__button{padding:14px 30px}}@media screen and (max-width:768px){.page-banner{height:var(--banner-height-mobile, 400px)}.page-banner__container{padding:30px 25px}.page-banner__subheading{font-size:11px;letter-spacing:2px}.page-banner__heading{font-size:clamp(26px,7vw,36px);letter-spacing:2px}.page-banner__description{font-size:14px}.page-banner__button{padding:13px 25px;font-size:12px;letter-spacing:1.5px}}@media screen and (max-width:480px){.page-banner__container{padding:25px 20px}.page-banner__subheading{font-size:10px;letter-spacing:1.5px}.page-banner__heading{font-size:clamp(22px,8vw,30px);letter-spacing:1px}.page-banner__button{padding:12px 22px;font-size:11px;width:100%;justify-content:center}.page-banner__content{width:100%}}.page-banner__subheading,.page-banner__heading,.page-banner__description,.page-banner__button{animation:bannerFadeInUp .8s ease forwards;opacity:0}.page-banner__subheading{animation-delay:.1s}.page-banner__heading{animation-delay:.2s}.page-banner__description{animation-delay:.3s}.page-banner__button{animation-delay:.4s}.page-banner__button:nth-of-type(2){animation-delay:.5s}@keyframes bannerFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page-banner__subheading,.page-banner__heading,.page-banner__description,.page-banner__button{animation:none;opacity:1}.page-banner__button{transition:none}}.page-banner__button:focus{outline:2px solid var(--banner-btn-bg, #ffffff);outline-offset:3px}.page-banner__button:focus:not(:focus-visible){outline:none}.page-banner__button:focus-visible{outline:2px solid var(--banner-btn-bg, #ffffff);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-page-banner.css.map */