.hero-banner{--hero-text-color: #f5f3ee;--hero-subtext-color: #cfcac0;--hero-primary-bg: #8c1f2b;--hero-primary-bg-hover: #6e1620;--hero-outline-color: #f5f3ee;--hero-pad-x: clamp(24px, 6vw, 96px);position:relative;display:flex;width:100%;overflow:hidden;isolation:isolate}.hero-banner--small{min-height:380px;height:55vh}.hero-banner--medium{min-height:480px;height:70vh}.hero-banner--large{min-height:560px;height:88vh}.hero-banner--full{min-height:100svh;height:100svh}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-banner__image--mobile{display:none}.hero-banner__image--placeholder{background:#1a1a1a}.hero-banner__image--placeholder svg{width:100%;height:100%}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(10,10,10,calc(var(--overlay-opacity, .45) + .35)),rgba(10,10,10,var(--overlay-opacity, .45)) 45%,rgba(10,10,10,calc(var(--overlay-opacity, .45) - .25)) 70%,#0a0a0a00 90%)}.hero-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;padding:48px var(--hero-pad-x);max-width:720px;padding-top:150px}.hero-banner--pos-top .hero-banner__content{justify-content:flex-start;margin-top:0}.hero-banner--pos-middle .hero-banner__content,.hero-banner{align-self:center}.hero-banner--pos-middle{align-items:center}.hero-banner--pos-top{align-items:flex-start}.hero-banner--pos-bottom{align-items:flex-end}.hero-banner--align-left .hero-banner__content{text-align:left;align-items:flex-start;margin-right:auto}.hero-banner--align-center .hero-banner__content{text-align:center;align-items:center;margin:0 auto}.hero-banner--align-right .hero-banner__content{text-align:right;align-items:flex-end;margin-left:auto}.hero-banner__tagline{margin:0 0 14px;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-text-color);opacity:.85}.hero-banner__heading{margin:0 0 18px;font-size:clamp(2.1rem,4.4vw,3rem);line-height:1.12;color:var(--hero-text-color);text-shadow:-1px -2px 18px rgba(173,138,70,.35);font-family:moglandemo!important}.hero-banner__subtext{margin:0 0 32px;max-width:480px;font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.6;color:var(--hero-subtext-color)}.hero-banner__subtext p{margin:0 0 .8em}.hero-banner__subtext p:last-child{margin-bottom:0}.hero-banner__actions{display:flex;flex-wrap:wrap;gap:14px}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border-radius:2px;border:1px solid transparent;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease}.hero-banner__btn:active{transform:translateY(1px)}.hero-banner__btn--primary{background:var(--hero-primary-bg);color:#fff;border-color:var(--hero-primary-bg)}.hero-banner__btn--primary:hover,.hero-banner__btn--primary:focus-visible{background:var(--hero-primary-bg-hover);border-color:var(--hero-primary-bg-hover)}.hero-banner__btn--outline{background:transparent;color:var(--hero-outline-color);border-color:var(--hero-outline-color)}.hero-banner__btn--outline:hover,.hero-banner__btn--outline:focus-visible{background:var(--hero-outline-color);color:#111}.hero-banner__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:989px){.hero-banner__content{max-width:600px}}@media(max-width:749px){.hero-banner--small,.hero-banner--medium,.hero-banner--large{height:82vh;min-height:520px}.hero-banner{align-items:flex-end!important}.hero-banner__image--desktop{display:none}.hero-banner__image--mobile{display:block}.hero-banner__overlay{background:linear-gradient(180deg,rgba(10,10,10,calc(var(--overlay-opacity, .45) - .3)),rgba(10,10,10,var(--overlay-opacity, .45)) 45%,rgba(10,10,10,calc(var(--overlay-opacity, .45) + .4)))}.hero-banner__content{max-width:100%;padding-bottom:0;align-items:center!important;text-align:center!important;margin:0 auto!important;height:100%;justify-content:center;padding-top:90px}.hero-banner__actions{flex-direction:column;align-items:stretch}.hero-banner__btn{width:100%}.hero-banner__subtext{margin:0 0 20px}}@media(max-width:380px){.hero-banner__heading{font-size:1.85rem}}@media(prefers-reduced-motion:reduce){.hero-banner__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-banner.css.map */