.cities{padding:88px 0;background:#fbf7f2}.cities__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;gap:40px}.cities__head-left{max-width:560px}.cities__eyebrow{display:block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e8a6b5;margin-bottom:10px}.cities__heading{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;font-size:44px;line-height:1.15;letter-spacing:-.01em;color:#2a2a33;margin:0 0 4px}.cities__heading em{font-style:italic}.cities__sub{font-size:15px;color:#565664;line-height:1.55;margin:14px 0 0}.cities__more{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:#2a2a33;text-transform:uppercase;letter-spacing:.08em;-webkit-text-decoration:none;text-decoration:none;border-bottom:1px solid #2a2a33;padding-bottom:2px;white-space:nowrap;transition:color .2s ease,border-color .2s ease}.cities__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.cities__card{position:relative;aspect-ratio:5/6;border-radius:14px;overflow:hidden;cursor:pointer;display:block;-webkit-text-decoration:none;text-decoration:none}.cities__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s ease;display:block}.cities__img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5efea,#ece2e2)}.cities__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#2c26200d,#2c2620bf)}.cities__body{position:absolute;bottom:18px;left:18px;right:18px;color:#fbf7f2;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cities__name{font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:500;line-height:1.1}.cities__count{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;opacity:.85;letter-spacing:.08em;white-space:nowrap}@media screen and (max-width:1024px){.cities__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.cities__head{flex-direction:column;align-items:flex-start;gap:20px}.cities__heading{font-size:36px}}@media screen and (max-width:640px){.cities__heading{font-size:30px}.cities__grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(any-hover:hover)and (any-pointer:fine){.cities__more:hover{color:#e8a6b5;border-color:#e8a6b5}.cities__card:hover .cities__img{transform:scale(1.07)}}