.hbc-bikes{--hbc-b-bg: #0e0e0e;--hbc-b-card: #151515;--hbc-b-ink: #f4f4f2;--hbc-b-ink-mid: #b4b4ae;--hbc-b-ink-dim: #8a8a84;--hbc-b-rule: rgba(244, 244, 242, .12);--hbc-b-accent: var(--hbc-accent, #d8ff00);--hbc-b-accent-ink: var(--hbc-accent-ink, #121212);--hbc-b-live: #4ade80;--hbc-b-plate: #e1e1e1;--hbc-b-gap: 2.4rem;--hbc-b-ease: cubic-bezier(.33, .05, .2, 1);--hbc-b-dur: .18s;display:block;background-color:var(--hbc-b-bg);color:var(--hbc-b-ink-mid);font-family:var(--font-body-family);padding-top:var(--hbc-b-pad-top, 96px);padding-bottom:var(--hbc-b-pad-bottom, 96px)}.hbc-bikes__inner.page-width{max-width:none}.hbc-bikes--photo{position:relative;isolation:isolate}.hbc-bikes__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.hbc-bikes__bg-img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block}.hbc-bikes__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(8,8,8,calc(var(--hbc-b-scrim, .72) * .92)),rgba(8,8,8,calc(var(--hbc-b-scrim, .72) * 1.12)) 45%,rgba(8,8,8,calc(var(--hbc-b-scrim, .72) * 1.28)))}.hbc-bikes--photo .hbc-bikes__inner{position:relative;z-index:1}.hbc-bikes__inner{display:grid;gap:4rem}@media screen and (min-width:1200px){.hbc-bikes__inner{grid-template-columns:minmax(30rem,34rem) 1fr;gap:4.8rem;align-items:start}.hbc-bikes__rail{position:sticky;top:calc(var(--hbc-band-h, 72px) + 2.4rem);align-self:start}}.hbc-bikes__eyebrow{margin:0 0 1.2rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--hbc-b-ink-mid)}.hbc-bikes__heading{color:var(--hbc-b-ink);margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.8rem,1.9rem + 2.4vw,4.4rem);line-height:1;letter-spacing:-.015em;text-transform:uppercase;text-wrap:balance;max-width:16ch}.hbc-bikes__heading:after{content:"";display:block;width:2.4rem;height:2px;margin-top:1.8rem;background-color:var(--hbc-b-accent)}.hbc-bikes__body{margin-top:1.8rem;max-width:44ch}.hbc-bikes__body p{margin:0 0 1.2rem;font-size:1.6rem;line-height:1.62;color:var(--hbc-b-ink-mid)}.hbc-bikes__body p:last-child{margin-bottom:0}.hbc-bikes__count{display:flex;align-items:baseline;gap:1.2rem;margin:2.4rem 0 0;padding-top:2.2rem;border-top:1px solid var(--hbc-b-rule)}.hbc-bikes__count-num{flex:none;font-family:var(--font-heading-family);font-size:4.4rem;font-weight:700;line-height:.9;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--hbc-b-accent)}.hbc-bikes__count-text{font-size:1.6rem;line-height:1.35;color:var(--hbc-b-ink);max-width:20ch}.hbc-bikes__cta{display:inline-flex;align-items:center;gap:.9rem;margin-top:2.8rem;min-height:4.4rem;padding:1.3rem 2.6rem;border:2px solid var(--hbc-accent-edge, #121212);background-color:var(--hbc-b-accent);color:var(--hbc-b-accent-ink);font-family:var(--font-heading-family);font-size:1.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background-color var(--hbc-b-dur) var(--hbc-b-ease),transform var(--hbc-b-dur) var(--hbc-b-ease)}.hbc-bikes__cta:hover{background-color:var(--hbc-accent-hover, #c2e600);transform:translateY(-2px)}.hbc-bikes__cta:focus-visible{outline:3px solid var(--hbc-b-ink);outline-offset:3px}.hbc-bikes__arrow{width:1.4rem;height:1rem;flex:none;transition:transform var(--hbc-b-dur) var(--hbc-b-ease)}.hbc-bikes__cta:hover .hbc-bikes__arrow{transform:translate(4px)}.hbc-bikes__shot{margin:3.2rem 0 0}.hbc-bikes__shot-img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:50% 55%;border:1px solid var(--hbc-b-rule)}.hbc-bikes__shot-cap{margin-top:1rem;font-size:1.3rem;line-height:1.4;color:var(--hbc-b-ink-dim)}.hbc-bikes__grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hbc-b-gap)}.hbc-bikes__item{display:flex}.hbc-bikes__card{display:flex;flex-direction:column;width:100%;background-color:var(--hbc-b-card);text-decoration:none;overflow:hidden;transition:transform var(--hbc-b-dur) var(--hbc-b-ease),box-shadow var(--hbc-b-dur) var(--hbc-b-ease),background-color var(--hbc-b-dur) var(--hbc-b-ease)}.hbc-bikes__card:hover{transform:translateY(-3px);background-color:#1b1b1b;box-shadow:0 18px 34px -18px #000000e6}.hbc-bikes__card:focus-visible{outline:3px solid var(--hbc-b-accent);outline-offset:3px}.hbc-bikes__plate{position:relative;width:100%;aspect-ratio:4 / 3;padding:2.4rem;background-color:var(--hbc-b-plate);isolation:isolate}.hbc-bikes__img{position:absolute;top:2.4rem;left:2.4rem;width:calc(100% - 4.8rem);height:calc(100% - 4.8rem);object-fit:contain;display:block}.hbc-bikes--blend .hbc-bikes__img{mix-blend-mode:darken}.hbc-bikes__plate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(125% 95% at 50% 40%,#0000 55%,#00000012)}.hbc-bikes__img-none{display:grid;place-items:center;width:100%;height:100%;color:#12121247}.hbc-bikes__img-none svg{width:40%;max-width:12rem;height:auto}.hbc-bikes__badge{position:absolute;top:1.2rem;left:1.2rem;padding:.5rem 1.1rem;background-color:#121212;color:#f4f4f2;font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hbc-bikes__meta{display:flex;flex-direction:column;flex:1;padding:2rem 2rem 2.2rem}.hbc-bikes__model{color:var(--hbc-b-ink);margin:0;font-family:var(--font-heading-family);font-size:1.9rem;font-weight:700;line-height:1.15;letter-spacing:.005em;text-transform:uppercase;text-wrap:balance}.hbc-bikes__detail{margin:.7rem 0 0;font-size:1.3rem;line-height:1.45;color:var(--hbc-b-ink-dim);text-transform:capitalize;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hbc-bikes__foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.8rem 1.6rem;margin-top:auto;padding-top:1.6rem;border-top:1px solid var(--hbc-b-rule)}.hbc-bikes__price{margin:2rem 0 0;font-family:var(--font-heading-family);font-size:2.2rem;font-weight:700;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--hbc-b-ink)}.hbc-bikes__foot .hbc-bikes__price{margin-top:0}.hbc-bikes__from{display:block;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hbc-b-ink-dim)}.hbc-bikes__stock{display:inline-flex;align-items:center;gap:.7rem;margin:0;font-size:1.3rem;font-weight:600;color:var(--hbc-b-ink-mid)}.hbc-bikes__dot{width:7px;height:7px;border-radius:50%;flex:none;background-color:var(--hbc-b-live)}.hbc-bikes__card.is-sold .hbc-bikes__plate{filter:saturate(.15)}.hbc-bikes__card.is-sold .hbc-bikes__model,.hbc-bikes__card.is-sold .hbc-bikes__price{color:var(--hbc-b-ink-mid)}.hbc-bikes__stock.is-sold{color:var(--hbc-b-ink-dim)}.hbc-bikes__stock.is-sold .hbc-bikes__dot{background-color:var(--hbc-b-ink-dim)}.hbc-bikes__foot{position:relative}.hbc-bikes__foot:after{content:"";position:absolute;left:0;top:-1px;width:100%;height:2px;background-color:var(--hbc-b-accent);transform:scaleX(0);transform-origin:right center;transition:transform var(--hbc-b-dur) var(--hbc-b-ease)}.hbc-bikes__card:hover .hbc-bikes__foot:after,.hbc-bikes__card:focus-visible .hbc-bikes__foot:after{transform:scaleX(1);transform-origin:left center}.hbc-bikes__empty{padding:4rem 5rem;background-color:#0e0e0e;color:#b4b4ae;font-size:1.5rem}.hbc-bikes__empty strong{color:#f4f4f2}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hbc-bikes__item{animation:hbc-b-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%;animation-delay:calc(var(--hbc-b-order, 1) * 50ms)}}}@keyframes hbc-b-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hbc-bikes *,.hbc-bikes *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media screen and (max-width:749px){.hbc-bikes__inner{gap:3.2rem}.hbc-bikes__grid{display:flex;grid-template-columns:none;gap:1.6rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:1.5rem;margin-inline:-1.5rem;padding-inline:1.5rem;padding-bottom:1.2rem;scrollbar-width:thin;scrollbar-color:rgba(244,244,242,.24) transparent}.hbc-bikes__item{flex:0 0 74vw;max-width:32rem;scroll-snap-align:start}.hbc-bikes__heading:after{margin-top:1.4rem}.hbc-bikes__count-num{font-size:3.6rem}.hbc-bikes__cta{width:100%;justify-content:center}.hbc-bikes__shot-img{aspect-ratio:16 / 9}.hbc-bikes__meta{padding:1.8rem 1.8rem 2rem}}@media screen and (min-width:750px)and (max-width:1199px){.hbc-bikes__heading{max-width:22ch}.hbc-bikes__body{max-width:58ch}.hbc-bikes__shot{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/hbc-bikes.css.map */