.stryx-hero{position:relative;overflow:hidden;background:var(--sh-bg, #07070b);color:#fff;isolation:isolate}.stryx-hero__stage{position:relative;width:100%;max-width:var(--sh-max-width, 1600px);margin:0 auto;min-height:var(--sh-height, 680px)}.stryx-hero__panels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.stryx-hero__panel{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,var(--tint-a, #23233a) 0%,var(--tint-b, #07070b) 82%);overflow:hidden}.stryx-hero__panel>img{position:absolute;left:var(--img-left, 0);width:var(--img-width, 100%);top:0;height:100%;object-fit:var(--panel-fit, cover);object-position:var(--panel-focus, 50% 18%);transform:scale(var(--panel-scale, 1));transform-origin:var(--panel-focus, 50% 18%);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.stryx-hero__stage:has(.stryx-hero__col:nth-child(1):hover) .stryx-hero__panel:nth-child(1)>img,.stryx-hero__stage:has(.stryx-hero__col:nth-child(2):hover) .stryx-hero__panel:nth-child(2)>img,.stryx-hero__stage:has(.stryx-hero__col:nth-child(3):hover) .stryx-hero__panel:nth-child(3)>img,.stryx-hero__stage:has(.stryx-hero__col:nth-child(4):hover) .stryx-hero__panel:nth-child(4)>img,.stryx-hero__stage:has(.stryx-hero__col:nth-child(5):hover) .stryx-hero__panel:nth-child(5)>img,.stryx-hero__stage:has(.stryx-hero__col:nth-child(6):hover) .stryx-hero__panel:nth-child(6)>img{transform:scale(calc(var(--panel-scale, 1) * 1.04))}.stryx-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000008c,#0000 26%,#0003 48%,#000000e6),linear-gradient(165deg,var(--tint-a, #23233a) 0%,transparent 55%),linear-gradient(0deg,var(--tint-b, #07070b) 0%,transparent 60%);opacity:.92}.stryx-hero__panel--texture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-52deg,rgba(255,255,255,.045) 0px,rgba(255,255,255,.045) 2px,transparent 2px,transparent 26px);pointer-events:none}.stryx-hero__content{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--sh-cols, 4),minmax(0,1fr));min-height:var(--sh-height, 680px)}.stryx-hero__col{display:flex;flex-direction:column;justify-content:space-between;padding:34px 26px 40px;color:inherit;text-decoration:none;min-width:0}.stryx-hero__col-top,.stryx-hero__col-bottom{display:block}.stryx-hero__logo{display:block;height:var(--logo-height, 52px);width:auto;max-width:70%;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6))}.stryx-hero__logo--mark{color:#fff;height:calc(var(--logo-height, 52px) * .86)}.stryx-hero__mark-text{display:block;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:calc(var(--logo-height, 52px) * .86);line-height:1;text-shadow:0 4px 18px rgba(0,0,0,.7)}.stryx-hero__title{display:block;color:#fff;font-family:var(--sh-display, var(--font-heading-family, inherit));font-size:clamp(22px,2.1vw,34px);font-weight:800;line-height:1.02;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 3px 20px rgba(0,0,0,.55);margin-bottom:10px}.stryx-hero__tagline{display:block;font-family:var(--sh-ui, inherit);font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.45;text-transform:uppercase;color:#ffffffbd}.stryx-hero__rule{display:block;width:34px;height:2px;margin:16px 0 18px;background:var(--accent, #ffffff)}.stryx-hero__btn{display:inline-block;padding:11px 20px;border:1px solid var(--accent, #ffffff);color:#fff;font-family:var(--sh-ui, inherit);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:background .2s ease,color .2s ease}.stryx-hero__btn--accent-text{color:var(--accent, #ffffff)}.stryx-hero__col:hover .stryx-hero__btn{background:var(--accent, #ffffff);color:#0a0a0a}.stryx-hero__col:focus-visible{outline:2px solid var(--accent, #fff);outline-offset:-6px}.stryx-hero__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:min(92%,760px);text-align:center;pointer-events:none}.stryx-hero__center>*{pointer-events:auto}.stryx-hero__heading{font-family:var(--sh-display, var(--font-heading-family, inherit));font-size:clamp(32px,4.6vw,68px);font-weight:800;line-height:.98;letter-spacing:.005em;text-transform:uppercase;color:#fff;margin:0;word-break:normal;text-shadow:0 6px 34px rgba(0,0,0,.6)}.stryx-hero__divider{display:block;width:56px;height:3px;margin:22px auto}.stryx-hero__cta{display:inline-block;padding:15px 30px;background:#fff;color:#0a0a0a;font-family:var(--sh-ui, inherit);font-size:11.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;transition:transform .2s ease,background .2s ease}.stryx-hero__cta:hover{transform:translateY(-2px);background:#f2f2f2}.stryx-hero--display-font{--sh-display: "Anton", "Oswald", "Montserrat", Impact, "Arial Narrow", sans-serif;--sh-ui: "Montserrat", "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.stryx-hero--display-font .stryx-hero__heading,.stryx-hero--display-font .stryx-hero__title{font-weight:400}@media screen and (max-width:989px){.stryx-hero__stage{min-height:0}.stryx-hero__panels{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,1fr)}.stryx-hero__panel{position:relative;inset:auto;clip-path:none!important;min-height:var(--sh-height-mobile, 300px)}.stryx-hero__panel>img{left:0;width:100%}.stryx-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;min-height:0}.stryx-hero__col{padding:20px 18px 24px}.stryx-hero__logo{height:calc(var(--logo-height, 52px) * .72)}.stryx-hero__title{font-size:clamp(17px,3.4vw,24px)}.stryx-hero__tagline{font-size:9.5px;letter-spacing:.1em}.stryx-hero__rule{margin:10px 0 12px}.stryx-hero__btn{padding:8px 13px;font-size:9px;letter-spacing:.12em}.stryx-hero__center{width:min(94%,520px)}.stryx-hero__heading{font-size:clamp(26px,6.4vw,44px)}.stryx-hero__divider{margin:14px auto}.stryx-hero__cta{padding:12px 22px;font-size:10px}}@media screen and (max-width:749px){.stryx-hero__col{padding:14px 13px 18px}.stryx-hero__tagline{display:none}.stryx-hero__rule{width:24px;margin:8px 0 10px}.stryx-hero__btn{padding:7px 10px;font-size:8.5px;letter-spacing:.08em}.stryx-hero__center{width:92%}.stryx-hero__heading{font-size:clamp(22px,7.4vw,34px)}.stryx-hero__cta{padding:10px 16px;font-size:9px;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.stryx-hero__panel>img,.stryx-hero__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/compiled_assets/styles.css.map?subset=AAAAAAAACA */