.city-photo{margin:24px 0 28px;max-width:840px;color:var(--text,#172330)}
.city-photo picture{display:block;overflow:hidden;border-radius:20px;background:#e4ebee;aspect-ratio:16/9}
.city-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--city-photo-position,50% 50%)}
.city-photo figcaption{display:flex;flex-direction:column;gap:5px;margin-top:10px;font-size:13px;line-height:1.5}
.city-photo figcaption>span{font-weight:600}
.city-photo small{font-size:11px;color:var(--muted,#64717c)}
.city-photo a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.city-photo--home{margin:24px 0 0;max-width:550px}
.city-photo--home picture{aspect-ratio:2.2/1}
.city-photo--home .city-photo-changes{display:block}
.city-photo--cover{max-width:100%}
@media(max-width:650px){.city-photo{margin-top:20px;margin-bottom:24px}.city-photo picture{border-radius:14px}.city-photo--home{margin-bottom:0}.city-photo--home picture{aspect-ratio:2/1}.city-photo figcaption{font-size:12px}.city-photo-changes{display:block}}

/* A city signature, not a separate image banner between offers and navigation. */
.ys-main .city-identity{display:flex;align-items:center;gap:14px;margin:28px 0 20px}
.ys-main .city-identity-symbol{position:relative;isolation:isolate;flex:0 0 64px;width:64px;height:64px;overflow:hidden;border-radius:20px;background:#253e4c}
.ys-main .city-identity .city-photo--home{width:100%;height:100%;max-width:none;margin:0}
.ys-main .city-identity .city-photo--home picture{width:100%;height:100%;aspect-ratio:1;border-radius:0;background:transparent}
.ys-main .city-identity .city-photo--home img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:57% 45%;filter:saturate(.7)}
.ys-main .city-identity-symbol::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(145deg,#17384d26,#17384d9c)}
.ys-main .city-identity-monogram{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;font:650 30px/1 Geologica,Arial,sans-serif;text-shadow:0 1px 8px #0003}
.ys-main .city-identity-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.ys-main .city-identity-text strong{font:600 19px/1.4 Geologica,Arial,sans-serif;color:#191b20}
.ys-main .city-identity-text>span{font:400 13px/1.5 Geologica,Arial,sans-serif;color:#626570}
@media(max-width:760px){
 .ys-main .city-identity{gap:12px;margin:24px 0 16px}
 .ys-main .city-identity-symbol{flex-basis:52px;width:52px;height:52px;border-radius:16px}
 .ys-main .city-identity-monogram{font-size:25px}
 .ys-main .city-identity-text strong{font-size:17px}
 .ys-main .city-identity-text>span{font-size:12px}
}