:root{--lab-ink: #171717;--lab-ink-2: #4e4e4e;--lab-ink-3: #727272;--lab-mute: #979797;--lab-mute-2: #bbbbbb;--lab-stage-light: #ffffff;--lab-stage-dark: #0c0b0a;--lab-paper: #f2f2f2;--lab-line: #e0e0e0;--lab-line-dark: #4e4e4e;--lab-accent: #FF350D;--lab-font-display: "KH Teka", "Jost", sans-serif;--lab-font-mono: "Space Mono", ui-monospace, monospace;--lab-font-body: "Inter", sans-serif;--lab-t-hero: clamp(56px, 9.375vw, 150px);--lab-t-h1: clamp(44px, 6.1111vw, 100px);--lab-t-h2: clamp(38px, 4.1667vw, 68px);--lab-t-h3: clamp(24px, 2.0833vw, 34px);--lab-t-card: clamp(18px, 1.6667vw, 30px);--lab-t-lead: clamp(13px, 1.0417vw, 17px);--lab-t-body: clamp(12px, .9028vw, 15px);--lab-t-small: clamp(11px, .8333vw, 14px);--lab-t-mono: clamp(9px, .7292vw, 12px);--lab-t-legal: clamp(9px, .625vw, 11px);--lab-ls-display: -.04em;--lab-ls-mono: -.02em;--lab-lh-display: .8;--lab-lh-text: 1;--lab-lh-body: 1.5;--lab-lh-mono: 1.26;--lab-s1: 3px;--lab-s2: 6px;--lab-s3: 9px;--lab-s4: 12px;--lab-s5: 15px;--lab-s6: 18px;--lab-s7: 21px;--lab-s8: 24px;--lab-s9: 27px;--lab-s12: 36px;--lab-s16: 48px;--lab-s24: 72px;--lab-s30: 90px;--lab-s36: 108px;--lab-maxw: 1440px;--lab-gutter: clamp(18px, 1.4583vw, 28px);--lab-radius: 0;--lab-ease-quart: cubic-bezier(.76, 0, .24, 1);--lab-ease-expo: cubic-bezier(.16, 1, .3, 1);--lab-ease-out: cubic-bezier(.22, 1, .36, 1);--lab-dur: .6s;--lab-cross: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.342 19.3422'><path d='M11.5222 5.35187C11.5222 6.71487 12.6271 7.81981 13.9901 7.81981H19.342V11.5217H13.9901C12.6271 11.5217 11.5222 12.6267 11.5222 13.9897V19.342H7.82029V13.9897C7.82029 12.6267 6.71536 11.5217 5.35235 11.5217H0L0 7.81981H5.35235C6.71536 7.81981 7.82029 6.71487 7.82029 5.35187V0L11.5222 0V5.35187Z' fill='%23FF350D'/></svg>")}.lab-label{font-family:var(--lab-font-mono);font-size:var(--lab-t-mono);line-height:var(--lab-lh-mono);letter-spacing:var(--lab-ls-mono);text-transform:uppercase;margin:0}.lab-h2{font-family:var(--lab-font-display);font-weight:500;font-size:var(--lab-t-h2);line-height:var(--lab-lh-text);letter-spacing:var(--lab-ls-display);margin:0}.lab-x{position:absolute;width:var(--lab-s12);height:var(--lab-s12);z-index:5;background:var(--lab-stage-light) var(--lab-cross) center / 19px 19px no-repeat;pointer-events:none}.lab-x--tl{top:0;left:0;transform:translate(-50%,-50%)}.lab-x--tr{top:0;right:0;transform:translate(50%,-50%)}.lab-x--bl{bottom:0;left:0;transform:translate(-50%,50%)}.lab-x--br{bottom:0;right:0;transform:translate(50%,50%)}[class*=lab-]{border-radius:var(--lab-radius)}.lab-cta{position:relative;display:inline-flex;align-items:stretch;gap:3px;overflow:hidden;flex:none;text-decoration:none;border:0;background:none;padding:0;cursor:pointer}.lab-cta__label{display:inline-flex;align-items:center;height:51px;padding:0 20px;background:var(--accent, var(--lab-accent, #FF350D));color:#fff;font-family:var(--lab-font-mono,"Space Mono",ui-monospace,monospace);font-size:10.5px;font-weight:700;letter-spacing:var(--lab-ls-mono,-.02em);text-transform:uppercase;white-space:nowrap;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.lab-cta__sq{position:relative;width:51px;height:51px;flex:none;overflow:hidden;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.lab-cta__sq--in{position:absolute;left:0;top:0;transition:none;pointer-events:none}.lab-cta__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--accent, var(--lab-accent, #FF350D));transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform;backface-visibility:hidden}.lab-cta__panel--out{transform-origin:0 0}.lab-cta__panel--in{transform:rotate(-90deg);transform-origin:100% 100%}.lab-cta__arrow{width:15px;height:15px;display:block}.lab-cta__panel--out .lab-cta__arrow{transform:rotate(90deg)}.lab-cta__panel--in .lab-cta__arrow{transform:rotate(45deg)}.lab-cta:hover .lab-cta__label,.lab-cta:hover .lab-cta__sq--out{transform:translate(54px)}.lab-cta:hover .lab-cta__panel--out{transform:rotate(-90deg)}.lab-cta:hover .lab-cta__panel--in{transform:rotate(0)}.lab-cta:focus-visible{outline:2px solid var(--accent, var(--lab-accent,#FF350D));outline-offset:4px}.lab-cta-ghost{display:inline-flex;align-items:center;flex:none;white-space:nowrap;height:51px;padding:0 20px;border:1px solid #D9D9D9;background:none;color:var(--lab-ink,#171717);text-decoration:none;font-family:var(--lab-font-mono,"Space Mono",ui-monospace,monospace);font-size:10.5px;font-weight:700;letter-spacing:var(--lab-ls-mono,-.02em);text-transform:uppercase;transition:border-color .2s ease}.lab-cta-ghost:hover{border-color:var(--lab-ink,#171717);color:var(--accent, var(--lab-accent,#FF350D))}.lab-rolllink{text-decoration:none}.lab-rolllink__mask{display:block;overflow:hidden}.lab-rolllink__stack{display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.lab-rolllink:hover .lab-rolllink__stack{transform:translateY(-50%)}.lab-cross{display:flex;align-items:center;justify-content:center}@keyframes lab-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.lab-cta__label,.lab-cta__sq,.lab-cta__panel,.lab-rolllink__stack{transition:none!important}[class*=lab-],[class^=hop-],[class*=" hop-"]{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/hop-lab.css.map */