.velorien-guides{--vg-ink: #1d1d1f;--vg-muted: #6e6e73;--vg-faint: #86868b;--vg-border: #d2d2d7;--vg-canvas: #ffffff;--vg-surface: #f5f5f3;--vg-action: #d30612;--vg-action-hover: #e31b23;color:var(--vg-ink);background:var(--vg-canvas);box-sizing:border-box}.velorien-guides *,.velorien-guides *:before,.velorien-guides *:after{box-sizing:border-box}.velorien-guides__inner{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}.velorien-guides__inner--readable{max-width:760px}.velorien-guides__eyebrow{margin:0 0 clamp(16px,2.5vw,24px);font-family:var(--font-primary--family, inherit);font-size:.75rem;font-weight:600;letter-spacing:.14em;line-height:1.2;color:var(--vg-faint)}.velorien-guides__eyebrow a{color:var(--vg-action);text-decoration:none}.velorien-guides__eyebrow a:hover,.velorien-guides__eyebrow a:focus-visible{color:var(--vg-action-hover)}.velorien-guides__heading{margin:0;font-family:var(--font-primary--family, inherit);font-weight:550;letter-spacing:-.035em;line-height:1.05;color:var(--vg-ink);text-wrap:balance}.velorien-guides__heading--display{font-size:clamp(2.5rem,6vw,4.25rem)}.velorien-guides__heading--lg{font-size:clamp(2rem,4vw,3.25rem)}.velorien-guides__heading--md{font-size:clamp(1.5rem,2.8vw,2.25rem)}.velorien-guides__copy{margin:clamp(16px,2.5vw,24px) 0 0;font-family:var(--font-primary--family, inherit);font-size:clamp(1.0625rem,1.4vw,1.25rem);font-weight:400;line-height:1.55;letter-spacing:-.01em;color:var(--vg-muted);max-width:38rem}.velorien-guides__meta{margin:clamp(12px,2vw,18px) 0 0;font-family:var(--font-primary--family, inherit);font-size:.875rem;line-height:1.4;color:var(--vg-faint)}.velorien-guides__meta a{color:var(--vg-action);text-decoration:none}.velorien-guides__meta a:hover,.velorien-guides__meta a:focus-visible{color:var(--vg-action-hover)}.velorien-guides-hero{padding-block:clamp(72px,12vh,140px) clamp(40px,6vh,72px)}.velorien-guides-list{padding-block:0 clamp(80px,12vh,140px)}.velorien-guides-list__grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,72px);margin:0;padding:0;list-style:none}@media(min-width:900px){.velorien-guides-list__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,5vw,72px) clamp(32px,4vw,48px)}}.velorien-guides-card{display:flex;flex-direction:column;gap:clamp(16px,2vw,22px);text-decoration:none;color:inherit}.velorien-guides-card__media{display:block;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--vg-surface)}.velorien-guides-card__media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.16,1,.3,1)}.velorien-guides-card:hover .velorien-guides-card__media img,.velorien-guides-card:focus-visible .velorien-guides-card__media img{transform:scale(1.03)}.velorien-guides-card__title{margin:0;font-family:var(--font-primary--family, inherit);font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:550;letter-spacing:-.03em;line-height:1.15;color:var(--vg-ink)}.velorien-guides-card__excerpt{margin:0;font-family:var(--font-primary--family, inherit);font-size:1rem;line-height:1.55;color:var(--vg-muted)}.velorien-guides-card__cta{margin:0;font-family:var(--font-primary--family, inherit);font-size:.9375rem;font-weight:500;letter-spacing:-.01em;color:var(--vg-action)}.velorien-guides-card:hover .velorien-guides-card__cta,.velorien-guides-card:focus-visible .velorien-guides-card__cta{color:var(--vg-action-hover)}.velorien-guides-empty{padding-block:clamp(48px,8vh,96px);color:var(--vg-muted);font-size:1.0625rem;line-height:1.55}.velorien-guides-pagination{margin-top:clamp(48px,8vh,80px);display:flex;justify-content:center;gap:12px;font-size:.9375rem}.velorien-guides-pagination a{color:var(--vg-action);text-decoration:none}.velorien-guides-pagination a:hover,.velorien-guides-pagination a:focus-visible{color:var(--vg-action-hover)}.velorien-guides-article-hero{padding-block:clamp(64px,10vh,120px) clamp(32px,5vh,56px)}.velorien-guides-article-hero__media{margin-top:clamp(32px,5vw,48px);width:100%;max-width:1080px;margin-inline:auto;aspect-ratio:16 / 9;overflow:hidden;background:var(--vg-surface)}.velorien-guides-article-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}.velorien-guides-article-body{padding-block:0 clamp(80px,12vh,140px)}.velorien-guides-article-body .rte{font-family:var(--font-primary--family, inherit);font-size:clamp(1.0625rem,1.35vw,1.1875rem);line-height:1.7;letter-spacing:-.01em;color:var(--vg-ink)}.velorien-guides-article-body .rte>*:first-child{margin-top:0}.velorien-guides-article-body .rte p{margin:0 0 1.25em;color:var(--vg-ink)}.velorien-guides-article-body .rte h2{margin:2.25em 0 .65em;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:550;letter-spacing:-.03em;line-height:1.15;color:var(--vg-ink)}.velorien-guides-article-body .rte h3{margin:1.75em 0 .5em;font-size:clamp(1.1875rem,1.8vw,1.375rem);font-weight:550;letter-spacing:-.02em;line-height:1.25;color:var(--vg-ink)}.velorien-guides-article-body .rte ul,.velorien-guides-article-body .rte ol{margin:0 0 1.25em;padding-left:1.25em}.velorien-guides-article-body .rte li{margin:0 0 .45em}.velorien-guides-article-body .rte a{color:var(--vg-action);text-decoration:none}.velorien-guides-article-body .rte a:hover,.velorien-guides-article-body .rte a:focus-visible{color:var(--vg-action-hover)}.velorien-guides-article-body .rte a:visited{color:var(--vg-action)}.velorien-guides-article-body .rte .hov-guide-products{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,28px);margin:2em 0 2.25em}@media(min-width:640px){.velorien-guides-article-body .rte .hov-guide-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.velorien-guides-article-body .rte .hov-guide-products--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.velorien-guides-article-body .rte .hov-guide-product{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;background:var(--vg-surface);padding:0 0 16px;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.velorien-guides-article-body .rte .hov-guide-product:hover,.velorien-guides-article-body .rte .hov-guide-product:focus-visible{opacity:.92}.velorien-guides-article-body .rte .hov-guide-product__media{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#eee}.velorien-guides-article-body .rte .hov-guide-product__media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.16,1,.3,1)}.velorien-guides-article-body .rte .hov-guide-product:hover .hov-guide-product__media img,.velorien-guides-article-body .rte .hov-guide-product:focus-visible .hov-guide-product__media img{transform:scale(1.03)}.velorien-guides-article-body .rte .hov-guide-product__title{display:block;padding-inline:16px;font-size:1rem;font-weight:550;letter-spacing:-.02em;line-height:1.3;color:var(--vg-ink)}.velorien-guides-article-body .rte .hov-guide-product__meta{display:block;padding-inline:16px;font-size:.875rem;line-height:1.4;color:var(--vg-muted)}.velorien-guides-article-body .rte .hov-guide-callout{margin:2em 0;padding:clamp(20px,3vw,28px);background:var(--vg-surface);border-left:2px solid var(--vg-ink)}.velorien-guides-article-body .rte .hov-guide-callout p{margin:0;color:var(--vg-muted)}.velorien-guides-article-body .rte .hov-guide-callout p+p{margin-top:.75em}.velorien-guides-back{margin-top:clamp(40px,6vh,64px);padding-top:clamp(28px,4vh,40px);border-top:1px solid var(--vg-border)}.velorien-guides-back a{font-size:.9375rem;font-weight:500;color:var(--vg-action);text-decoration:none}.velorien-guides-back a:hover,.velorien-guides-back a:focus-visible{color:var(--vg-action-hover)}@media(prefers-reduced-motion:reduce){.velorien-guides-card__media img,.velorien-guides-article-body .rte .hov-guide-product__media img{transition:none}.velorien-guides-card:hover .velorien-guides-card__media img,.velorien-guides-card:focus-visible .velorien-guides-card__media img,.velorien-guides-article-body .rte .hov-guide-product:hover .hov-guide-product__media img,.velorien-guides-article-body .rte .hov-guide-product:focus-visible .hov-guide-product__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/velorien-guides.css.map */