.city-card-grid{margin-bottom:var(--space-2xl)}.city-card-grid__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-lg)}.city-card-grid__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md);gap:var(--space-md)}@media (min-width:768px){.city-card-grid__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}}@media (min-width:1024px){.city-card-grid__grid{grid-template-columns:repeat(4,1fr)}}.city-card{display:block;text-decoration:none;border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm);aspect-ratio:4/3;position:relative}.city-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.city-card__image-wrapper{position:relative;width:100%;height:100%}.city-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.city-card:hover .city-card__image{transform:scale(1.05)}.city-card__overlay{position:absolute;inset:0;background-color:var(--gray-900);opacity:.3;pointer-events:none}.city-card__content{position:absolute;bottom:0;left:0;width:100%;padding:var(--space-md);color:var(--white);display:flex;flex-direction:column;gap:var(--space-xs);z-index:1}.city-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.city-card__cta{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:0;transform:translateY(10px);transition:all .3s ease;color:var(--primary-100)}.city-card:hover .city-card__cta{opacity:1;transform:translateY(0)}