:root[data-theme=light],:root{--hbc-text-950: #0d0d0d;--hbc-text-900: #1a1a1a;--hbc-text-50: #f2f2f2;--hbc-bg-950: #0d0d0d;--hbc-bg-900: #1a1a1a;--hbc-bg-800: #333333;--hbc-primary-500: #1659e9;--hbc-primary-400: #447aee;--hbc-primary-300: #739bf2;--hbc-primary-900: #04122f;--hbc-accent-500: #fac905;--hbc-accent-400: #fbd437;--hbc-accent-300: #fcdf69;--hbc-accent-700: #967903}:root[data-theme=dark]{--hbc-text-950: #f2f2f2;--hbc-text-900: #e6e6e6;--hbc-bg-950: #f2f2f2;--hbc-bg-900: #e6e6e6;--hbc-bg-800: #cccccc;--hbc-primary-500: #1659e9;--hbc-primary-400: #444a4c;--hbc-accent-500: #fac905}.hbc-hero{position:relative;min-height:var(--hbc-hero-height, 88vh);display:flex;align-items:flex-end;overflow:hidden;background:var(--hbc-bg-950);color:var(--hbc-text-50, #f2f2f2);isolation:isolate}.hbc-hero__media{position:absolute;right:0;bottom:0;left:0;z-index:0;top:-6%;height:112%;will-change:transform}.hbc-hero__image-scale{width:100%;height:100%;overflow:hidden;will-change:transform;transform-origin:center center}.hbc-hero__image{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.hbc-hero__image--placeholder{width:100%;height:100%;object-fit:cover;opacity:.6}.hbc-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.hbc-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0d0d0df5,#0d0d0d8c 45%,#0d0d0d26),linear-gradient(90deg,#0d0d0d8c,#0d0d0d0d 55%)}.hbc-hero__inner{position:relative;z-index:1;padding-bottom:clamp(48px,8vw,96px);padding-top:clamp(120px,20vw,220px);max-width:1600px;margin:0 auto;width:100%;will-change:transform}.hbc-hero__eyebrow{font-family:var(--font-heading-family, inherit);font-size:1.3rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--hbc-accent-500);margin:0 0 1.6rem}.hbc-hero__heading{font-family:var(--font-heading-family, inherit);font-weight:700;font-size:clamp(3.6rem,8vw,8.8rem);line-height:.96;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 2rem;max-width:18ch}.hbc-hero__heading span{color:var(--hbc-accent-500)}.hbc-hero__subheading{font-size:1.9rem;line-height:1.5;max-width:46ch;color:#f2f2f2d1;margin:0 0 3.2rem}.hbc-hero__actions{display:flex;flex-wrap:wrap;gap:1.6rem;margin-bottom:4.8rem}.hbc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:5.4rem;padding:0 3.2rem;font-family:var(--font-heading-family, inherit);font-weight:700;font-size:1.6rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s ease,color .25s ease,border-color .25s ease;cursor:pointer}.hbc-btn:active{transform:scale(.97)}.hbc-btn--primary{background:var(--hbc-accent-500);color:var(--hbc-text-950, #0d0d0d);border:2px solid var(--hbc-accent-500)}.hbc-btn--primary:hover{background:var(--hbc-accent-400);border-color:var(--hbc-accent-400);transform:translateY(-2px)}.hbc-btn--ghost{background:transparent;color:var(--hbc-text-50, #f2f2f2);border:2px solid rgba(242,242,242,.4)}.hbc-btn--ghost:hover{border-color:var(--hbc-primary-400);color:var(--hbc-primary-300);transform:translateY(-2px)}.hbc-hero__stats{display:flex;flex-wrap:wrap;gap:clamp(2.4rem,5vw,5.6rem);list-style:none;padding:2.8rem 0 0;margin:0;border-top:1px solid rgba(242,242,242,.18);max-width:720px}.hbc-hero__stats li{display:flex;flex-direction:column;gap:.4rem}.hbc-hero__stat-value{font-family:var(--font-heading-family, inherit);font-size:clamp(2.6rem,3.6vw,3.6rem);font-weight:700;color:var(--hbc-primary-400);line-height:1}.hbc-hero__stats span{font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:#f2f2f2a6}.hbc-hero__scroll-cue{position:absolute;bottom:2.4rem;right:2.4rem;z-index:1;width:2.6rem;height:4.2rem;border:2px solid rgba(242,242,242,.4);border-radius:100px;display:none}.hbc-hero__scroll-cue span{position:absolute;top:.6rem;left:50%;width:4px;height:8px;margin-left:-2px;background:var(--hbc-accent-500);border-radius:2px;animation:hbc-scroll-cue 1.8s ease-in-out infinite}@media screen and (min-width:990px){.hbc-hero__scroll-cue{display:block}}@keyframes hbc-scroll-cue{0%{transform:translateY(0);opacity:1}60%{transform:translateY(1.6rem);opacity:0}to{transform:translateY(0);opacity:0}}@media(prefers-reduced-motion:reduce){.hbc-hero__scroll-cue span{animation:none}}@media screen and (max-width:749px){.hbc-hero{align-items:flex-end;min-height:92vh}.hbc-hero__inner{padding-top:100px}.hbc-hero__heading{font-size:clamp(3.2rem,12vw,5.2rem)}.hbc-hero__subheading{font-size:1.6rem}.hbc-hero__actions{flex-direction:column;gap:1.2rem}.hbc-btn{width:100%}.hbc-hero__stats{gap:2rem 3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-custom-hero-overlay.css.map */