.section-mk-route-hub{margin:0}.mk-route-hub{position:relative;overflow:hidden;padding:clamp(64px,8vw,112px) 0;color:var(--bone, #f1f1ef);background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),#08090a;background-size:40px 40px;border-top:1px solid rgba(241,241,239,.1);border-bottom:1px solid rgba(241,241,239,.1);isolation:isolate}.mk-route-hub__scan{position:absolute;z-index:-1;top:0;right:clamp(-180px,-10vw,-80px);width:min(44vw,620px);height:100%;pointer-events:none;opacity:.55;background:linear-gradient(135deg,transparent 49.7%,rgba(0,174,239,.13) 50%,transparent 50.3%),radial-gradient(circle at 70% 50%,rgba(0,174,239,.12),transparent 58%)}.mk-route-hub__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.65fr);gap:clamp(28px,7vw,110px);align-items:end;margin-bottom:clamp(34px,5vw,64px)}.mk-route-hub__kicker{display:inline-flex;align-items:center;min-height:32px;padding-left:26px;position:relative;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--pulse, #00aeef)}.mk-route-hub__kicker:before{content:"";position:absolute;left:0;width:14px;height:1px;background:currentColor;box-shadow:5px -4px 0 -.25px currentColor}.mk-route-hub__head h2{max-width:12ch;margin:12px 0 0;color:var(--bone, #f1f1ef);font-family:var(--display);font-size:clamp(42px,6.4vw,92px);font-weight:900;line-height:.88;letter-spacing:var(--mk-display-tracking, -.005em);text-transform:uppercase}.mk-route-hub__head>p{max-width:42ch;margin:0 0 4px;color:#f1f1efe6;font-size:clamp(14px,1.2vw,17px);line-height:1.65}.mk-route-hub__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(241,241,239,.13);border-left:1px solid rgba(241,241,239,.13)}.mk-route-card{min-width:0;min-height:210px;padding:clamp(20px,2.4vw,32px);color:var(--bone, #f1f1ef);background:#08090ac2;border-right:1px solid rgba(241,241,239,.13);border-bottom:1px solid rgba(241,241,239,.13);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:20px;text-decoration:none;transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease}.mk-route-card__index{font-family:var(--mono, ui-monospace, monospace);font-size:10px;font-weight:700;letter-spacing:.16em;color:#f1f1efdb}.mk-route-card__arrow{width:32px;height:32px;border:1px solid rgba(241,241,239,.16);display:grid;place-items:center;font-size:16px;line-height:1;transition:color .25s ease,border-color .25s ease,transform .25s ease}.mk-route-card__body{grid-column:1 / -1;align-self:end;min-width:0;display:flex;flex-direction:column;gap:10px}.mk-route-card__body strong{color:inherit;font-family:var(--display);font-size:clamp(22px,2vw,32px);font-weight:900;line-height:.95;letter-spacing:.01em;text-transform:uppercase;overflow-wrap:anywhere}.mk-route-card__body small{max-width:30ch;color:#f1f1efe6;font-size:13px;line-height:1.5}@media(hover:hover){.mk-route-card:hover{z-index:1;color:#04121a;background:var(--pulse, #00aeef);border-color:var(--pulse, #00aeef);transform:translateY(-4px)}.mk-route-card:hover .mk-route-card__index,.mk-route-card:hover .mk-route-card__body small{color:#04121aa8}.mk-route-card:hover .mk-route-card__arrow{color:#04121a;border-color:#04121a52;transform:translate(2px,-2px)}}.mk-route-card:focus-visible{z-index:2;outline:2px solid var(--pulse, #00aeef);outline-offset:-3px}@media(max-width:960px){.mk-route-hub__head{grid-template-columns:1fr;gap:20px}.mk-route-hub__head>p{margin:0}.mk-route-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-route-card{min-height:180px}}@media(max-width:560px){.mk-route-hub{padding:54px 0;background-size:28px 28px}.mk-route-hub__head{margin-bottom:30px}.mk-route-hub__head h2{font-size:clamp(38px,13vw,56px)}.mk-route-hub__grid{grid-template-columns:1fr}.mk-route-card{min-height:0;padding:20px;grid-template-columns:34px minmax(0,1fr) 40px;grid-template-rows:1fr;align-items:center;gap:14px}.mk-route-card__body{grid-column:auto;align-self:center;gap:5px}.mk-route-card__body strong{font-size:23px}.mk-route-card__body small{font-size:12px}.mk-route-card__arrow{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.mk-route-card,.mk-route-card__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mk-route-hub.css.map */