.hk{--hk-red: #ed302a;--hk-ink: #000;--hk-text: #121212;--hk-mute: #8e8e8e;--hk-paper: #fff;--hk-g05: #f4f4f4;--hk-g10: #ececec;--hk-g20: #d6d6d6;--hk-pink: #f39a97;--hk-gut: 48px;--hk-ease: cubic-bezier(.2, .7, .3, 1);--hk-disp: "Anton", "Impact", "Arial Narrow", sans-serif;--hk-serif: "Instrument Serif", Georgia, serif;--hk-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--hk-sans: "Archivo", "Inter", system-ui, sans-serif;position:relative;z-index:2;color:var(--hk-text);font-family:"Inter",var(--hk-sans);font-weight:400;-webkit-font-smoothing:antialiased}@media(max-width:999px){.hk{--hk-gut: 20px}}.hk *,.hk *:before,.hk *:after{box-sizing:border-box}:where(.hk) img,:where(.hk) video{display:block;max-width:100%}:where(.hk) a{color:inherit}.hk-wrap{position:relative;max-width:1440px;margin:0 auto;padding:0 var(--hk-gut)}.hk-disp{margin:0;font-family:var(--hk-disp);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:.004em;color:var(--hk-text)}.hk-h2{font-size:var(--hk-hs-m, 46px)}@media(min-width:1000px){.hk-h2{font-size:var(--hk-hs-d, 86px)}}.hk-kick{display:block;margin:0 0 16px;font-family:var(--hk-sans);font-weight:700;font-size:11px;line-height:1.65;letter-spacing:.24em;text-transform:uppercase;color:var(--hk-red)}.hk-deck{margin:0;font-family:var(--hk-serif);font-style:italic;font-weight:400;font-size:clamp(24px,2.3vw,32px);line-height:1.2;letter-spacing:-.01em;color:var(--hk-mute)}.hk-mono{font-family:var(--hk-mono);font-size:11px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase}.hk-mute{color:var(--hk-mute)}.hk-body{margin:0;font-family:"Inter",var(--hk-sans);font-weight:300;font-size:16px;line-height:1.6;color:#444}.hk-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:14px 24px;border:0;border-radius:999px;font-family:var(--hk-sans);font-weight:700;font-size:10px;line-height:1.65;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .25s var(--hk-ease),box-shadow .25s var(--hk-ease),background-color .25s}.hk-pill:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 6px #0000001f}.hk-pill:focus-visible{outline:2px solid var(--hk-red);outline-offset:3px}.hk-pill--ink{background:var(--hk-ink);color:#fff}.hk-pill--red{background:var(--hk-red);color:#fff}.hk-pill--pink{background:var(--hk-pink);color:#000}.hk-pill--line{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}.hk-pill--line:hover{box-shadow:inset 0 0 0 1.5px currentColor,0 6px #ffffff1f}.hk-blob{border-radius:38% 62% 58% 42%/42% 38% 62% 58%;overflow:hidden}.hk-blob--b{border-radius:62% 38% 44% 56%/55% 62% 38% 45%}.hk-blob--c{border-radius:48% 52% 66% 34%/36% 58% 42% 64%}.hk-doodle{display:block;width:100%;height:auto;overflow:visible}.hk-float{position:absolute;z-index:1;pointer-events:none;color:var(--hk-text)}.hk-bob{animation:hkBob 4s ease-in-out infinite}.hk-bob--slow{animation-duration:6s}.hk-spin{animation:hkSpin 18s linear infinite}@keyframes hkBob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-22px) rotate(7deg)}}@keyframes hkSpin{to{transform:rotate(360deg)}}@keyframes hkLevitate{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes hkShrink{0%,to{transform:scaleX(1);opacity:.55}50%{transform:scaleX(.86);opacity:.3}}@keyframes hkTick{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}@keyframes hkBlip{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes hkSwing{0%{transform:rotate(0)}25%{transform:rotate(-22deg) scale(1.15)}55%{transform:rotate(14deg)}80%{transform:rotate(-6deg)}to{transform:rotate(0)}}.hk-mascot .hk-m-leg,.hk-mascot .hk-m-arm{transform-box:fill-box}.hk-mascot .hk-m-leg{transform-origin:50% 0}.hk-mascot .hk-m-arm--l{transform-origin:100% 0}.hk-mascot .hk-m-arm--r{transform-origin:0 0}.hk-walk .hk-m-leg--l,.hk-walk .hk-m-arm--r{animation:hkStep .45s ease-in-out infinite alternate}.hk-walk .hk-m-leg--r,.hk-walk .hk-m-arm--l{animation:hkStep .45s ease-in-out infinite alternate-reverse}.hk-mascot--wave .hk-m-arm--r{animation:hkWave 1s ease-in-out infinite}@keyframes hkStep{0%{transform:rotate(-16deg)}to{transform:rotate(16deg)}}@keyframes hkWave{0%,to{transform:rotate(-120deg)}50%{transform:rotate(-150deg)}}.hk-js .rv{opacity:0;transform:translateY(22px)}.hk-js .rv.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.hk-js .rv{transition:opacity .8s var(--hk-ease) var(--d, 0s),transform .8s var(--hk-ease) var(--d, 0s)}}.hk-js [data-hk-ripen] .hk-ripe-target{opacity:0;transform:scale(.82) rotate(-4deg);transition:opacity .7s var(--hk-ease),transform .9s cubic-bezier(.34,1.56,.64,1)}.hk-js [data-hk-ripen].is-ripe .hk-ripe-target{opacity:1;transform:none}.hk-fx-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;color:#000}.hk-fx-bg>span{position:absolute;opacity:.055;will-change:transform}.hk-fx-layer{position:absolute;left:0;width:100%;z-index:1;pointer-events:none;overflow:visible}.hk-fx-layer svg.hk-thread{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.hk-fx-layer svg.hk-thread path{fill:none;stroke:var(--hk-thread, #ed302a);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.hk-fx-rider-layer{position:absolute;left:0;width:100%;z-index:9;pointer-events:none;mix-blend-mode:multiply}.hk-fx-rider-layer.is-dark{mix-blend-mode:screen}.hk-fx-rider-layer.is-dark .hk-rider{filter:invert(1)}.hk-rider{position:absolute;left:0;top:0;width:88px;margin:-91px 0 0 -44px;transition:opacity .3s;color:#000;will-change:transform}.hk-rider-flip{display:block;transition:transform .25s}.hk-rider.is-left .hk-rider-flip{transform:scaleX(-1)}.hk-star{position:absolute;width:56px;margin:-28px 0 0 -28px;color:#000;opacity:.3}.hk-star .hk-doodle{transform-origin:50% 0}.hk-star.is-brushed .hk-doodle{animation:hkSwing 1.45s cubic-bezier(.34,1.56,.64,1) both}@media(max-width:999px){.hk-rider{width:58px;margin:-60px 0 0 -29px}.hk-star{width:40px;margin:-20px 0 0 -20px}}.hk-pad{padding-top:var(--hk-pt-m, 56px);padding-bottom:var(--hk-pb-m, 56px)}@media(min-width:1000px){.hk-pad{padding-top:var(--hk-pt-d, 96px);padding-bottom:var(--hk-pb-d, 96px)}}.hk-arrows{display:inline-flex;gap:10px;flex-shrink:0}.hk-arrow{width:46px;height:46px;padding:0;border:1.5px solid currentColor;border-radius:50%;background:transparent;color:var(--hk-text);display:grid;place-items:center;cursor:pointer;transition:transform .25s var(--hk-ease),background-color .25s,color .25s}.hk-arrow:hover{background:#000;border-color:#000;color:#fff;transform:rotate(-8deg)}.hk-arrow:focus-visible{outline:2px solid var(--hk-red);outline-offset:3px}.hk-arrow svg{width:20px;height:20px}@media(min-width:1000px){.hk-arrows--off-d{display:none!important}}@media(max-width:999px){.hk-arrows--off-m{display:none!important}.hk-arrow{width:40px;height:40px}}.hk-slider{position:relative}.hk-arrows--sides{position:absolute;left:0;right:0;top:var(--hk-arrows-top-m, 50%);transform:translateY(-50%);z-index:6;display:flex;justify-content:space-between;align-items:center;padding:0 12px;pointer-events:none}.hk-arrows--sides .hk-arrow{pointer-events:auto;background:#fff;border-color:#fff;color:#000;box-shadow:0 6px 18px #00000038}.hk-arrows--sides .hk-arrow:hover{background:#000;border-color:#000;color:#fff}@media(min-width:1000px){.hk-arrows--sides{top:var(--hk-arrows-top-d, 50%);padding:0 clamp(12px,2.4vw,36px)}}.hk-arrows.is-static{display:none!important}@media(max-width:999px){.hk .hk-m-swipe{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:calc(var(--hk-gut) * -1);margin-right:calc(var(--hk-gut) * -1);padding:4px var(--hk-gut) 8px;scroll-padding-inline:var(--hk-gut)}.hk .hk-m-swipe::-webkit-scrollbar{display:none}.hk .hk-m-swipe>*{flex:0 0 var(--hk-m-card, 72vw);width:var(--hk-m-card, 72vw);scroll-snap-align:start}}.hk-editor .rv,.hk-editor [data-hk-ripen] .hk-ripe-target{opacity:1!important;transform:none!important}@media(prefers-reduced-motion:reduce){.hk *,.hk-fx-bg *,.hk-fx-rider-layer *{animation:none!important;transition:none!important}.hk-fx-rider-layer,.hk-fx-bg{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/hk-home.css.map */