.finder-hero.city-banner{position:relative;isolation:isolate;overflow:hidden;background:#173d36;scroll-margin-top:95px}.city-banner__photo{position:absolute;inset:0;z-index:-2}.city-banner__photo img{width:100%;height:100%;object-fit:cover;object-position:var(--banner-position,center right)}.city-banner:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#102f2c42 0%,transparent 58%),linear-gradient(0deg,#071f2042,transparent 34%)}.city-banner__inner{position:relative;display:flex;align-items:center;min-height:var(--banner-height,600px);padding-top:38px;padding-bottom:38px;gap:44px}.city-banner__panel{width:440px;flex:0 0 440px;max-width:100%;padding:30px;background:#fffffffa;border:1px solid #fff;border-radius:20px;box-shadow:0 12px 50px #0b282623}.city-banner__eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 17px;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:.12em;color:#066b6e}.city-banner__eyebrow>span{width:6px;height:6px;flex:none;border-radius:50%;background:#087e82;box-shadow:0 0 0 4px #e5f4f0}.city-banner .city-banner__title{margin:0 0 15px;font-size:42px;line-height:1.06;letter-spacing:-.055em;font-weight:650;color:#16383c}.city-banner .city-banner__title>span{display:block;color:#087e82}.city-banner__description{margin:0 0 24px;max-width:340px;font-size:12px;line-height:1.8;color:#536967}.city-banner__cities{border-top:1px solid #e1e9e5;padding-top:20px}.city-banner .city-banner__city-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;font-size:12px;font-weight:650;line-height:1.5;letter-spacing:0;color:#16383c}.city-banner__city-heading svg{flex:none;color:#087e82}.city-banner__city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.city-banner__city-grid>div{min-width:0}.city-banner__city{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:77px;height:100%;padding:9px 3px;border:1px solid #e3eae6;background:#f7faf8;border-radius:10px;text-align:center;transition:background .16s,border-color .16s,transform .16s;color:#244b49;font-size:10px;font-weight:550;line-height:1.4;overflow-wrap:anywhere}.city-banner__city:hover{background:#edf5d3;border-color:#acbf7b;transform:translateY(-2px)}.city-banner__city:focus-visible{outline:2px solid #087e82;outline-offset:3px}.city-banner__city-art{display:flex;align-items:center;justify-content:center;width:48px;height:33px;color:#087e82}.city-banner__city-art svg{width:44px;height:33px}.city-banner__city-art img{width:48px;height:33px;object-fit:contain;border-radius:3px}.city-banner__all{display:flex;align-items:center;justify-content:center;width:fit-content;min-width:150px;min-height:42px;margin:18px auto 0;padding:10px 24px;border:1px solid #d6e0c0;border-radius:8px;background:#dff17b;color:#16383c;font-size:11px;font-weight:650;line-height:1.5;text-align:center}.city-banner__all:hover{background:#d3e76c;border-color:#a4b771}.city-banner__all:focus-visible{outline:2px solid #087e82;outline-offset:3px}
@media(min-width:1500px){.city-banner__inner{min-height:calc(var(--banner-height,600px) + 40px)}.city-banner__panel{width:460px;flex-basis:460px;padding:32px}.city-banner .city-banner__title{font-size:45px}}
@media(max-width:1099px){.city-banner__inner{gap:30px}.city-banner__panel{width:420px;flex-basis:420px;padding:27px}.city-banner .city-banner__title{font-size:39px}}
@media(max-width:749px){.finder-hero.city-banner{scroll-margin-top:120px}.city-banner__inner{min-height:0;display:block;padding-top:195px;padding-bottom:22px}.city-banner__photo img{object-position:66% top}.city-banner:after{background:linear-gradient(180deg,transparent 8%,#163c3433 48%,#163c3466)}.city-banner__panel{width:100%;max-width:460px;margin:0 auto;padding:23px;border-radius:17px;background:#fffffffa}.city-banner__eyebrow{font-size:8px;margin-bottom:13px}.city-banner .city-banner__title{font-size:38px;margin-bottom:12px}.city-banner__description{font-size:11px;line-height:1.7;max-width:350px;margin-bottom:18px}.city-banner__cities{padding-top:16px}.city-banner__city-grid{gap:7px}.city-banner__city{font-size:10px;min-height:74px;padding:8px 2px}.city-banner__city-art,.city-banner__city-art svg{height:31px}.city-banner__all{margin-top:9px}}
@media(max-width:374px){.city-banner__panel{padding:19px}.city-banner .city-banner__title{font-size:33px}.city-banner__city-grid{gap:5px}.city-banner__city{font-size:9px}.city-banner__inner{padding-top:165px}.city-banner__city-art,.city-banner__city-art svg{width:39px}}
@media(prefers-reduced-motion:reduce){.city-banner__city{transition:none}.city-banner__city:hover{transform:none}}