.hok-route-board{--hok-route-ink: #101018;--hok-route-muted: rgba(16, 16, 24, .7);--hok-route-line: rgba(16, 16, 24, .16);--hok-route-blue: #bfe7ff;--hok-route-lime: #dff85e;--hok-route-pink: #ff9bc8;--hok-route-violet: #6f4cff;--hok-route-bg-opacity: .72;position:relative;isolation:isolate;overflow:hidden;color:var(--hok-route-ink);background:var(--hok-color-light, #e7e6ef);border-block:1px solid var(--hok-route-line)}.hok-route-board:before,.hok-route-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hok-route-board:before{z-index:-2;background-image:var(--hok-route-bg-image);background-position:center;background-size:cover;opacity:var(--hok-route-bg-opacity)}.hok-route-board:after{z-index:-1;background:linear-gradient(135deg,#ffffff5c,#e7e6ef75),radial-gradient(circle at 28% 10%,rgba(191,231,255,.24),transparent 34rem)}.hok-route-board__inner{position:relative;z-index:1;padding-block:clamp(3.2rem,5vw,6.4rem)}.hok-route-board__header{display:grid;grid-template-columns:minmax(0,.95fr) minmax(28rem,1.05fr);gap:clamp(2rem,4vw,5.6rem);align-items:end;margin-bottom:clamp(2.4rem,4vw,4.8rem)}.hok-route-board__eyebrow,.hok-route-card__eyebrow{margin:0;font-size:1.1rem;font-weight:900;line-height:1.1;letter-spacing:.12em;text-transform:uppercase}.hok-route-board__eyebrow{color:var(--hok-route-violet)}.hok-route-board__title{max-width:82rem;margin:.8rem 0 0;padding-bottom:1.6rem;color:var(--hok-route-ink);font-family:var(--font-heading-family);font-size:clamp(3.1rem,5.4vw,6.4rem);font-style:var(--font-heading-style);font-weight:900;line-height:1.04}.hok-route-board__text{max-width:58rem;margin:0;color:var(--hok-route-muted);font-size:clamp(1.5rem,1.7vw,1.8rem);line-height:1.55}.hok-route-board__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.4rem}.hok-route-card{position:relative;display:flex;flex-direction:column;color:var(--hok-route-ink);text-decoration:none;border:1px solid var(--hok-route-line);border-radius:8px;background:#ffffffb8;overflow:hidden;box-shadow:0 1.2rem 3.2rem #10101814;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.hok-route-card:before{content:"";position:absolute;inset:0 0 auto 0;z-index:4;height:.6rem;background:var(--hok-route-accent, var(--hok-route-blue))}.hok-route-card:hover,.hok-route-card:focus-visible{transform:translateY(-.4rem);border-color:#1010184d;background:#fff;box-shadow:0 2rem 4.8rem #10101829}.hok-route-card:focus-visible{outline:.3rem solid var(--hok-route-violet);outline-offset:.3rem}.hok-route-card__panel{position:relative;min-height:clamp(28rem,31vw,38rem);display:flex;overflow:hidden}.hok-route-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#15151f}.hok-route-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .36s ease,filter .18s ease}.hok-route-card:hover .hok-route-card__media img,.hok-route-card:focus-visible .hok-route-card__media img{transform:scale(1.05);filter:saturate(1.12)}.hok-route-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#10101814,#1010183d 40%,#10101880),linear-gradient(90deg,#10101833,#1010180f)}.hok-route-card__content{position:relative;z-index:3;width:100%;display:flex;flex-direction:column;padding:clamp(1.6rem,1.8vw,2.2rem)}.hok-route-card__eyebrow{width:fit-content;padding:.7rem .9rem .6rem;color:#101018;background:var(--hok-route-accent, var(--hok-route-blue));border-radius:999px;box-shadow:0 .8rem 2rem #10101838}.hok-route-card__title{margin:0;padding-bottom:.6rem;color:#fff;font-family:var(--font-heading-family);font-size:clamp(2.1rem,1.45vw,2.9rem);font-style:var(--font-heading-style);font-weight:900;line-height:1.08;overflow-wrap:normal;word-break:normal;text-shadow:0 .5rem 2rem rgba(0,0,0,.28)}.hok-route-card__copy{margin-top:auto;padding:1.3rem 1.4rem 1.4rem;border:1px solid rgba(255,255,255,.26);border-radius:8px;background:#10101894;box-shadow:0 1rem 2.8rem #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hok-route-card__text{margin:.8rem 0 0;color:#ffffffe6;font-size:clamp(1.32rem,.82vw,1.48rem);line-height:1.45}.hok-route-card__footer{padding:1.4rem}.hok-route-card__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;min-height:4.6rem;padding:1.2rem 1.4rem;color:var(--hok-route-ink);background:var(--hok-route-accent, var(--hok-route-blue));border-radius:8px;font-size:clamp(1.08rem,.7vw,1.22rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hok-route-card__cta:after{content:"";width:1.8rem;height:1.1rem;background:currentColor;clip-path:polygon(0 42%,72% 42%,72% 0,100% 50%,72% 100%,72% 58%,0 58%);transition:transform .18s ease}.hok-route-card:hover .hok-route-card__cta:after,.hok-route-card:focus-visible .hok-route-card__cta:after{transform:translate(.4rem)}@media screen and (max-width:1099px){.hok-route-board__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.hok-route-board__inner{padding-block:3.2rem}.hok-route-board__header{grid-template-columns:1fr;gap:1.6rem;margin-bottom:2.4rem}.hok-route-board__title{font-size:clamp(2.9rem,10.4vw,4.2rem);line-height:1.06}.hok-route-board__grid{grid-template-columns:1fr}.hok-route-card__panel{min-height:26rem}}@media(prefers-reduced-motion:reduce){.hok-route-card,.hok-route-card__media img,.hok-route-card__cta:after{transition:none}.hok-route-card:hover,.hok-route-card:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hok-home-route-board.css.map */