.cities-card{border-radius:var(--radial-card); overflow:hidden; position:relative; margin-bottom:2rem; display:inline-flex;}
    .cities-card__title{position:absolute; top:1rem; left:1rem;  background:var(--color-fill-opacity); border-radius:var(--radial-small); display:block; line-height:1; font-weight:bold; padding:.5rem .75rem;}
    .cities-card__picture, .cities-card__image{display:block; height:100%;}
    .cities-card__image{object-fit:cover;}
    
    .wd-cities__title{font-size:2rem; font-weight:bold; line-height:1.3; }
    .wd-cities-end{font-weight:bold; font-size:1.25rem}

    .wd-cities .cities-card{ aspect-ratio:2/3;}

    .wd-cities-nav .btn{padding:.875rem;}
    .wd-cities-buttons .btn{font-weight:bold;}

    .wd-cities-footer{ margin-top:2rem;}
    .wd-cities-footer .btn{width:100%;}

    .wd-cities-footer{ max-width:30rem; margin:2rem auto; text-align:center;}
    .wd-cities-footer__title{font-size:1.5rem; line-height:1.2;}

    @media screen and (min-width:47em){
        .wd-cities-list{margin:0 var(--size-sm-negative);}

    }
    @media screen and (min-width:63em){
        .wd-cities__title{font-size:4rem; line-height:1; margin-top:0;}
        .wd-cities-list{margin:0; }
        .wd-cities-footer{ margin:5rem auto;}
        .wd-cities-footer__title{font-size:2rem;}

        .wd-cities__left{padding-right:2rem}
    }

    @media screen and (min-width:84em){

        .wd-cities__left{padding-right:4rem}
    }