.collection-index{--index-ink: var(--sf-ink);--index-muted: var(--sf-muted);--index-border: var(--sf-line);--index-mineral: var(--sf-warm-strong);--index-mineral-raised: var(--sf-warm-strong);--index-graphite: var(--sf-shell);background:var(--sf-shell);color:var(--sf-shell-text)}#ShopProductFamilies,#ShopByVehicle{scroll-margin-top:calc(var(--header-height) + 1rem)}.collection-index__hero{border-bottom:1px solid color-mix(in srgb,var(--sf-shell-text) 8%,transparent);background:radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--sf-teal) 14%,transparent),transparent 32%),radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--sf-orange) 18%,transparent),transparent 34%),var(--sf-shell)}.collection-index__hero .breadcrumbs{padding-top:1rem}.collection-index__hero .page-width:last-child{padding-block:clamp(2.75rem,5.5vw,5rem)}.collection-index__hero h1{max-width:20ch;margin:.25rem 0 .9rem;font-size:clamp(2.7rem,5.4vw,5.35rem);line-height:.96}.collection-index__hero-intro{max-width:64ch;margin:0;color:var(--sf-muted-on-dark);font-size:clamp(.98rem,1.25vw,1.08rem);line-height:1.65}.collection-index__hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem}.collection-index__hero-actions a{display:inline-flex;min-height:44px;align-items:center;gap:.7rem;padding:.7rem .95rem;border:1px solid var(--sf-orange-strong);border-radius:999px;background:var(--color-accent);color:var(--sf-action-text);font-size:.75rem;font-weight:850;text-decoration:none}.collection-index__hero-actions a+a{border-color:color-mix(in srgb,var(--sf-line) 72%,transparent);background:color-mix(in srgb,var(--sf-shell-text) 10%,transparent);color:var(--sf-muted-on-dark)}.collection-index__hero-actions a:hover,.collection-index__hero-actions a:focus-visible{border-color:var(--sf-focus);background:var(--sf-shell-soft);color:var(--sf-shell-text);outline:2px solid color-mix(in srgb,var(--sf-focus) 40%,transparent);outline-offset:2px}.collection-index>.page-width.section-spacing{padding-block:clamp(3rem,5vw,4.75rem)}.collection-index__heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:clamp(1.25rem,3vw,3rem);align-items:end;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.collection-index__heading h2{max-width:20ch;margin:.2rem 0 0;color:var(--sf-shell-text);font-size:clamp(1.9rem,3.45vw,3.35rem);line-height:1.02}.collection-index__heading>p{margin:0;color:var(--sf-muted-on-dark);font-size:.9rem;line-height:1.65}.collection-index__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.collection-index-card{position:relative;isolation:isolate;display:flex;min-height:305px;align-items:end;overflow:hidden;padding:clamp(1.2rem,2.5vw,1.75rem);border:1px solid var(--sf-shell-line);border-radius:var(--radius-card);background:var(--sf-shell-soft);color:var(--sf-shell-text);text-decoration:none}.collection-index-card--primary{min-height:420px}.collection-index-card img{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.72;transition:transform .45s ease,opacity .3s ease}.collection-index-card__shade{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--sf-shell) 8%,transparent) 8%,color-mix(in srgb,var(--sf-shell) 48%,transparent) 52%,color-mix(in srgb,var(--sf-shell) 95%,transparent) 86%),linear-gradient(100deg,color-mix(in srgb,var(--sf-shell) 55%,transparent),transparent 64%)}.collection-index-card__content{display:grid;gap:.45rem;max-width:42rem}.collection-index-card__content>span{color:var(--sf-teal);font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.collection-index-card__content strong{max-width:24ch;font-size:clamp(1.35rem,2.55vw,2.2rem);line-height:1.05}.collection-index-card__content small{max-width:58ch;color:var(--sf-muted-on-dark);font-size:.8rem;line-height:1.55}.collection-index-card__content b{width:fit-content;margin-top:.45rem;padding:.48rem .7rem;border:1px solid color-mix(in srgb,var(--sf-orange) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--sf-orange) 16%,transparent);color:var(--sf-orange);font-size:.7rem;line-height:1}.collection-index-card:hover,.collection-index-card:focus-visible{border-color:color-mix(in srgb,var(--sf-focus) 70%,transparent);outline:0}.collection-index-card:hover img{opacity:.88;transform:scale(1.035)}.collection-index__vehicles{border-top:1px solid var(--index-border);background:radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--sf-teal) 16%,transparent),transparent 30%),var(--index-mineral);color:var(--index-ink)}.collection-index__vehicles .collection-index__heading h2{color:var(--index-ink)}.collection-index__vehicles .collection-index__heading>p{color:var(--index-muted)}.collection-index__vehicle-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.collection-index__vehicle-links a{display:grid;min-height:148px;align-content:end;gap:.3rem;padding:1.1rem;border:1px solid color-mix(in srgb,var(--sf-shell-text) 10%,transparent);border-radius:var(--radius-card);background:linear-gradient(145deg,color-mix(in srgb,var(--sf-orange) 7%,transparent),transparent 48%),var(--index-graphite);color:var(--sf-shell-text);text-decoration:none;box-shadow:0 12px 30px color-mix(in srgb,var(--sf-shell) 22%,transparent)}.collection-index__vehicle-links a:hover,.collection-index__vehicle-links a:focus-visible{border-color:var(--sf-focus);outline:2px solid color-mix(in srgb,var(--sf-focus) 35%,transparent);outline-offset:2px}.collection-index__vehicle-links span{color:var(--sf-teal);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.collection-index__vehicle-links strong{font-size:1.05rem}.collection-index__vehicle-links b{margin-top:.35rem;color:var(--sf-orange);font-size:.72rem}@media(max-width:999px){.collection-index__vehicle-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:699px){.collection-index__heading,.collection-index__grid,.collection-index__vehicle-links{grid-template-columns:1fr}.collection-index-card,.collection-index-card--primary{min-height:330px}.collection-index__hero-actions{display:grid}.collection-index__hero-actions a{justify-content:space-between}.collection-index__vehicle-links a{min-height:132px}}@media(prefers-reduced-motion:reduce){.collection-index-card img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/collection-index.css.map */