.ch-section{position:relative;width:100%;min-height:var(--ch-min-height, 500px);display:flex;align-items:center;overflow:hidden}.ch-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ch-bg__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.ch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to right,rgba(26,22,21,calc(var(--ch-overlay-opacity, .82) * 1)),rgba(26,22,21,calc(var(--ch-overlay-opacity, .82) * .72)) 45%,rgba(26,22,21,calc(var(--ch-overlay-opacity, .82) * .15)))}.ch-container{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:clamp(48px,8vw,96px) clamp(20px,5vw,64px)}.ch-content{max-width:560px;display:flex;flex-direction:column;gap:20px}.ch-heading{font-family:Rowdies,cursive;font-size:clamp(1.875rem,4.5vw,3.25rem);font-weight:700;color:#fff;line-height:1.12;margin:0}.ch-subtext{font-family:Cascadia Code,monospace;font-size:clamp(.875rem,1.4vw,1rem);color:#ffffffb8;line-height:1.65;margin:0;max-width:440px}.ch-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.ch-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border-radius:6px;font-family:Cascadia Code,monospace;font-size:.9375rem;text-decoration:none;white-space:nowrap;min-height:48px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.ch-btn--primary{background:#2e2189;color:#fff;border:2px solid #2e2189}.ch-btn--primary:hover{background:#251a72;border-color:#251a72}.ch-btn--secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)}.ch-btn--secondary:hover{background:#ffffff14;border-color:#ffffffe6}@media(max-width:749px){.ch-section{min-height:calc(var(--ch-min-height, 500px) * .72);align-items:flex-end}.ch-overlay{background:linear-gradient(to top,#1a1615f0,#1a16158c 60%,#1a16151f)}.ch-container{padding:32px 20px 40px}.ch-content{max-width:100%;gap:14px}.ch-buttons{flex-direction:column}.ch-btn{width:100%}}@media(min-width:750px)and (max-width:989px){.ch-content{max-width:420px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-hero.css.map */