.city-depth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:100px}.city-depth-grid>div{padding:0 14px 22px!important;box-shadow:inset 0 0 0 1px #8dc63f24!important;min-width:0;overflow:visible}.city-depth-photo{position:relative;aspect-ratio:4/3;margin:-34px -3px 8px;isolation:isolate;transform:perspective(1000px) rotateY(-4deg) rotateX(4deg);filter:drop-shadow(0 20px 13px #00170f75);transition:transform .45s,filter .45s}.city-depth-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:1px solid #ffffff70}.city-depth-photo::before{content:'';position:absolute;inset:7px -5px -7px 5px;background:linear-gradient(135deg,#aed47e,#577d43);z-index:-1}.city-depth-grid>div:nth-child(even) .city-depth-photo{transform:perspective(1000px) rotateY(4deg) rotateX(4deg)}@media(hover:hover) and (prefers-reduced-motion:no-preference){.city-depth-grid>div:hover .city-depth-photo{transform:perspective(1000px) translateY(-7px) rotateY(0) rotateX(0);filter:drop-shadow(0 28px 17px #00170f90)}}@media(max-width:1100px){.city-depth-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:70px}}@media(max-width:560px){.city-depth-grid{grid-template-columns:1fr;margin-top:76px;row-gap:66px}.city-depth-photo{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){.city-depth-photo{transition:none}}