#modal:has(.city-departure){width:min(960px,94vw)}
#modal:has(.city-departure) #modalContent{padding:0!important;overflow:hidden;border-radius:18px}
.city-banner{position:relative;isolation:isolate;min-height:230px;overflow:hidden;background:#253a53;color:#fff1d4}
.city-banner canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.city-banner-copy{padding:38px 36px 32px}.city-banner-copy>span{font-size:12px;letter-spacing:.18em;color:#badfd9}.city-banner-copy h2{font-size:clamp(32px,5vw,52px);letter-spacing:.15em;color:#fff0cf;margin:12px 0 9px;text-shadow:0 3px 0 #192c43}.city-banner-copy p{margin:0;color:#eddbc7;font-size:14px}
.city-duration{position:absolute;right:38px;top:54px;width:104px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e6c899;border-radius:50%;background:#1b314cc9;box-shadow:0 0 0 6px #1b314c55;color:#f6ddb0}.city-duration strong{font-size:46px;line-height:1}.city-duration span{font-size:10px;letter-spacing:.15em;margin-top:8px}
.city-departure-body{padding:20px 26px 24px;background:linear-gradient(135deg,#fff5e1,#efdfc8)}.city-invitation{font-size:15px;line-height:1.9;margin:0 0 12px;color:#64576c}.city-rule{font-size:12px;line-height:1.7;color:#807265;border-left:3px solid #b7cebf;padding-left:12px;margin-bottom:18px}.city-departure #cityLongStart{background:linear-gradient(#587e88,#3d606f);color:#fff0d1;border-color:#8ca6a0;box-shadow:0 4px 0 #304956;font-weight:bold}.city-departure #cityLongBack{margin-top:10px}
@media(max-height:500px){.city-banner{min-height:145px}.city-banner-copy{padding:22px 26px}.city-banner-copy h2{font-size:32px;margin:6px 0}.city-duration{top:25px;right:28px;width:82px;height:82px}.city-duration strong{font-size:36px}.city-departure-body{padding:12px 20px}.city-invitation{font-size:12px;margin-bottom:5px}.city-rule{margin:5px 0 10px;font-size:10px}}