.vdecto-project-card{--card-padding:16px;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:16px;min-width:0;padding:var(--card-padding);border:1px solid var(--color-surface);color:var(--color-ink);text-decoration:none;overflow:hidden;background:var(--color-bg)}
.vdecto-project-card__media{aspect-ratio:720/390;flex:none;min-width:0}
.vdecto-project-card__image{position:absolute;z-index:-2;top:var(--card-padding);left:var(--card-padding);width:calc(100% - 2 * var(--card-padding));height:auto;aspect-ratio:720/390;object-fit:cover;object-position:center;transition:top .65s ease,left .65s ease,width .65s ease,height .65s ease,aspect-ratio .65s ease}
.vdecto-project-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(36,35,31,.05),rgba(36,35,31,.8));transition:opacity .65s ease}
.vdecto-project-card__content{display:grid;gap:16px;margin-top:auto;overflow-wrap:anywhere;transition:color .4s ease}
.vdecto-project-card__heading{display:grid;gap:8px}
.vdecto-project-card__category{font-size:12px;color:var(--color-copy)}
.vdecto-project-card__title{font-size:var(--font-size-h5);line-height:1.2;color:inherit}
.vdecto-project-card__city{font-size:18px;color:var(--color-copy)}
.vdecto-project-card__tags{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:0}
.vdecto-project-card__tags li{padding:2px 8px;border-radius:999px;background:rgba(204,207,189,.25);font-size:12px;color:var(--color-copy)}
.vdecto-project-card[hidden]{display:none}
.vdecto-project-card:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}
@media(min-width:641px){.vdecto-project-card{--card-padding:24px}}
@media(hover:hover){.vdecto-project-card--has-image:hover .vdecto-project-card__image{top:0;left:0;width:100%;height:100%;aspect-ratio:auto}.vdecto-project-card--has-image:hover::after{opacity:1}.vdecto-project-card--has-image:hover .vdecto-project-card__content{color:var(--color-bg)}.vdecto-project-card--has-image:hover :is(.vdecto-project-card__category,.vdecto-project-card__city,.vdecto-project-card__tags li){color:var(--color-bg)}}
.vdecto-project-card--has-image:focus-visible .vdecto-project-card__image{top:0;left:0;width:100%;height:100%;aspect-ratio:auto}
.vdecto-project-card--has-image:focus-visible::after{opacity:1}
.vdecto-project-card--has-image:focus-visible .vdecto-project-card__content,.vdecto-project-card--has-image:focus-visible :is(.vdecto-project-card__category,.vdecto-project-card__city,.vdecto-project-card__tags li){color:var(--color-bg)}
@media(prefers-reduced-motion:reduce){.vdecto-project-card__image,.vdecto-project-card::after,.vdecto-project-card__content{transition:none}}