.cdi-builds-gallery{padding-bottom:64px}.cdi-builds-gallery__hero{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.08);overflow:hidden;margin-bottom:48px}.cdi-builds-gallery__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.cdi-builds-gallery__hero-img{width:100%;height:100%;object-fit:cover;display:block}.cdi-builds-gallery__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}.cdi-builds-gallery__hero-content{position:relative;z-index:1;text-align:center;padding:72px 24px}.cdi-builds-gallery__title{font-size:52px;font-weight:700;line-height:1.15;letter-spacing:-.5px;color:#fff;margin:0}@media screen and (max-width:749px){.cdi-builds-gallery__hero{min-height:220px}.cdi-builds-gallery__hero-content{padding:48px 20px}.cdi-builds-gallery__title{font-size:36px}}.cdi-builds-gallery__vehicle-header{padding-top:32px;margin-bottom:32px}.cdi-builds-gallery__back{display:inline-block;margin-bottom:16px;font-size:14px;font-weight:600;color:rgba(var(--color-foreground),.55);text-decoration:none}.cdi-builds-gallery__back:hover{color:rgb(var(--color-foreground))}.cdi-builds-gallery__vehicle-title{margin:0;font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.3px}.cdi-builds-gallery__vehicle-desc{margin:12px 0 0;max-width:40em;font-size:15px;line-height:1.5;color:rgba(var(--color-foreground),.65)}@media screen and (max-width:749px){.cdi-builds-gallery__vehicle-title{font-size:28px}}.cdi-builds-gallery__empty{grid-column:1 / -1;margin:0;padding:24px 0 48px;font-size:15px;color:rgba(var(--color-foreground),.55)}.cdi-builds-case{margin-bottom:48px}.cdi-builds-case__heading{margin:0 0 20px;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.2px}@media screen and (max-width:749px){.cdi-builds-case{margin-bottom:36px}.cdi-builds-case__heading{font-size:18px;margin-bottom:14px}}.cdi-builds-gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media screen and (max-width:989px){.cdi-builds-gallery__grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media screen and (max-width:479px){.cdi-builds-gallery__grid{grid-template-columns:1fr;gap:16px}}.cdi-builds-card.is-hidden{display:none}.cdi-builds-card{display:flex;flex-direction:column}.cdi-builds-card__trigger{display:flex;flex-direction:column;width:100%;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;text-decoration:none;color:inherit}.cdi-builds-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;background:rgba(var(--color-foreground),.05)}.cdi-builds-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.cdi-builds-card__img-placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.08);display:block}.cdi-builds-card__overlay{display:none}@media(hover:hover)and (pointer:fine){.cdi-builds-card__overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none}.cdi-builds-card__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#0000006b;opacity:0;transition:opacity .22s ease}.cdi-builds-card__trigger:hover .cdi-builds-card__overlay:before,.cdi-builds-card__trigger:focus-visible .cdi-builds-card__overlay:before{opacity:1}.cdi-builds-card__trigger:hover .cdi-builds-card__img,.cdi-builds-card__trigger:focus-visible .cdi-builds-card__img{transform:scale(1.04)}.cdi-builds-card__overlay-label{position:relative;z-index:1;color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em;opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease}.cdi-builds-card__trigger:hover .cdi-builds-card__overlay-label,.cdi-builds-card__trigger:focus-visible .cdi-builds-card__overlay-label{opacity:1;transform:translateY(0)}}.cdi-builds-card__badge{position:absolute;top:10px;right:10px;height:24px;padding:0 8px;border-radius:12px;background:#0000008c;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;line-height:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cdi-builds-card__caption{display:flex;flex-direction:column;gap:2px;padding:10px 4px 4px}.cdi-builds-card__caption-vehicle{font-size:15px;font-weight:600;color:rgb(var(--color-foreground));line-height:1.3}.cdi-builds-card__caption-type{font-size:13px;color:rgba(var(--color-foreground),.6);line-height:1.3}@media(hover:hover)and (pointer:fine){.cdi-builds-card__caption{padding-top:8px}}.cdi-builds-card__trigger:focus-visible{outline:2px solid var(--cdi-color-primary, rgb(var(--color-foreground)));outline-offset:2px;border-radius:8px}.cdi-builds-card__trigger:focus:not(:focus-visible){outline:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cdi-builds-gallery.css.map */