:root{--b7-sevens: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='48' viewBox='0 0 32 48'%3E%3Cg fill='%23fff'%3E%3Cpath transform='translate(4 3.5) scale(.05)' d='M0 0H462V35C462 50.5 455.4 64.8 442.3 77.7L183 342H64.5L337 77.7H0Z'/%3E%3Cpath transform='translate(20 27.5) scale(.05)' d='M0 0H462V35C462 50.5 455.4 64.8 442.3 77.7L183 342H64.5L337 77.7H0Z'/%3E%3Cpath transform='translate(-12 27.5) scale(.05)' d='M0 0H462V35C462 50.5 455.4 64.8 442.3 77.7L183 342H64.5L337 77.7H0Z'/%3E%3C/g%3E%3C/svg%3E")}.b7-hero{position:relative;height:calc(100vh - var(--b7-hero-top, 0px));height:calc(100svh - var(--b7-hero-top, 0px));min-height:560px;overflow:hidden;background:#0c0b08;color:#fff}.b7-hero__canvas,.b7-hero__ripple{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.b7-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--b7-grain);background-size:180px 180px;background-repeat:repeat;mix-blend-mode:overlay;opacity:.14}.b7-hero__board{--b7-d: var(--b7-board-d, 40vmin);position:absolute;left:50%;top:var(--b7-cy, 50%);z-index:4;width:var(--b7-d);height:var(--b7-d);margin:calc(var(--b7-d) / -2) 0 0 calc(var(--b7-d) / -2);opacity:0;pointer-events:none;will-change:transform,opacity}.b7-hero__board img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}@media(min-width:1000px){.b7-hero__board img{inset:auto;width:calc(var(--b7-d) * 1977 / 905);height:auto;left:calc(var(--b7-d) * -580.5 / 905);top:calc(var(--b7-d) * -1 / 905)}}.b7-hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.b7-hero__glow:before{--b7-glow-edge: calc(100% / 1.7);content:"";position:absolute;left:50%;top:var(--b7-cy, 50%);width:calc(var(--b7-board-d, 40vmin) * 1.7);height:calc(var(--b7-board-d, 40vmin) * 1.7);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle closest-side,#d0010d var(--b7-glow-edge),rgb(208 1 13 / .4) calc(var(--b7-glow-edge) + (100% - var(--b7-glow-edge)) * .25),rgb(208 1 13 / .1) calc(var(--b7-glow-edge) + (100% - var(--b7-glow-edge)) * .6),transparent 100%);opacity:.45}.b7-hero__content{position:absolute;left:50%;z-index:3;bottom:clamp(32px,7vh,80px);transform:translate(-50%);width:max-content;max-width:88vw;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.b7-hero__content>*{opacity:0}.no-js .b7-hero__content>*,.no-js .b7-hero__board,.no-js .b7-hero__glow{opacity:1}.b7-hero__scrim{position:absolute;z-index:-1;pointer-events:none;left:50%;top:50%;width:150%;height:285%;transform:translate(-50%,-50%);background:radial-gradient(ellipse closest-side,#0c0b08d9,#0c0b08ad 45%,#0c0b084d 75%,#0c0b0800)}.b7-hero__title{margin:0;line-height:0;width:0;min-width:100%}.b7-hero__title svg{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 12px rgba(0,0,0,.6))}.b7-hero__ctas{display:flex;flex-wrap:nowrap;justify-content:center;gap:12px}.b7-hero .b7-cta{white-space:nowrap}.b7-hero .b7-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;color:#fff;text-decoration:none;font-family:var(--font-button-family);font-size:14px;font-weight:700;line-height:1;letter-spacing:.5px;text-transform:uppercase;background:#0c0b088c;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s,border-color .25s}.b7-hero .b7-cta:hover,.b7-hero .b7-cta:focus-visible{background:#dd000d;border-color:#dd000d;color:#fff}.b7-hero .b7-cta--primary{background:#dd000d;border-color:#dd000d}.b7-hero .b7-cta--primary:hover,.b7-hero .b7-cta--primary:focus-visible{background:#b8000b;border-color:#b8000b}.b7-hero .b7-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.b7-cta__icon{width:14px;height:14px;flex:none;animation:b7-nudge 1.8s ease-in-out infinite}@keyframes b7-nudge{0%,to{transform:translateY(-1px)}50%{transform:translateY(2px)}}@media(max-width:520px){.b7-hero__ctas{flex-direction:column;align-items:stretch;width:300px;max-width:100%}.b7-hero .b7-cta{justify-content:center}}@media(prefers-reduced-motion:reduce){.b7-cta__icon{animation:none}}html.b7-scroll-locked,html.b7-scroll-locked body{overflow:hidden;overscroll-behavior:none}html.b7-scroll-locked body{touch-action:none}html{scrollbar-gutter:stable}
/*# sourceMappingURL=/cdn/shop/t/77/assets/custom-blade7-hero.css.map */