
.city-boxes{align-items:stretch}
.city-boxes article{min-width:0;position:relative;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.city-boxes .city-guide-photo{width:100%;height:180px;object-fit:cover;display:block;margin-bottom:22px}
.city-boxes .city-number{font-size:9px;letter-spacing:1.5px;line-height:1.6}
.city-boxes h3{margin-bottom:15px}
.city-boxes article>p{margin-bottom:24px}
#pisa .city-guide-link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:46px;margin-top:auto;padding:13px 21px;background:#304b42;color:#fff;border:1px solid #304b42;text-decoration:none;font:12px/1.5 Arial,sans-serif;cursor:pointer;transition:background .2s}
.city-guide-link::after{content:"";position:absolute;inset:0;z-index:1}
.city-boxes article:hover{transform:translateY(-4px);box-shadow:0 10px 25px #263b3210}
#pisa .city-boxes article:hover .city-guide-link{background:#203b32;border-color:#203b32}
.city-boxes article:focus-within{outline:2px solid #927950;outline-offset:5px}
.concept-footer>a{font-size:12px}
@media(max-width:850px){.city-boxes .city-guide-photo{height:200px}}
@media(prefers-reduced-motion:reduce){.city-boxes article,.city-guide-link{transition:none}.city-boxes article:hover{transform:none}}
