.vf-make-directory{padding-block:clamp(64px,8vw,120px);color:var(--color-foreground);background:var(--color-background)}.vf-make-directory__inner{width:min(var(--normal-page-width),calc(100% - (var(--page-margin) * 2)));margin-inline:auto}.vf-make-directory__header{max-width:780px;margin-bottom:clamp(48px,6vw,80px)}.vf-make-directory__eyebrow{margin:0 0 20px;color:var(--color-foreground-muted);font-family:var(--font-paragraph--family);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.vf-make-directory h1{max-width:12ch;margin:0;color:var(--color-foreground-heading);font-family:var(--font-heading--family);font-size:clamp(3rem,7vw,6.5rem);line-height:.94;text-transform:uppercase}.vf-make-directory__intro{max-width:62ch;margin:28px 0 0;color:var(--color-foreground-muted);font-size:1rem;line-height:1.6}.vf-make-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.5vw,24px);margin:0;padding:0;list-style:none}.vf-make-directory__item{min-width:0}.vf-make-directory__card{display:flex;align-items:center;justify-content:center;min-height:128px;padding:24px 18px;border:1px solid currentcolor;border-radius:0;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-heading--family);font-size:clamp(1rem,1.35vw,1.35rem);font-weight:400;letter-spacing:.04em;line-height:1.15;text-align:center;text-decoration:none;text-transform:uppercase;text-wrap:balance;transition:background-color .14s ease,color .14s ease,transform .14s ease}.vf-make-directory__card:hover,.vf-make-directory__card:focus-visible{background:var(--color-foreground);color:var(--color-background)}.vf-make-directory__card:focus-visible{outline:3px solid var(--color-foreground);outline-offset:4px}.vf-make-directory__card:active{transform:translateY(1px)}@media(max-width:1199px){.vf-make-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.vf-make-directory{padding-block:56px 72px}.vf-make-directory__header{margin-bottom:40px}.vf-make-directory h1{font-size:clamp(2.75rem,14vw,4.5rem)}.vf-make-directory__intro{margin-top:20px}.vf-make-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vf-make-directory__card{min-height:104px;padding:18px 10px;font-size:clamp(.8rem,4vw,1rem);letter-spacing:.025em}}@media(max-width:339px){.vf-make-directory__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.vf-make-directory__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/velo-forge-vehicle-make-directory.css.map */