#city-hero{background:#344e43}#city-hero>.hero-shade{background:linear-gradient(90deg,#122d23c2,#172a2118 70%,#13271d42)}#hero-city-image{width:100%;height:100%;object-fit:cover}#hero-city-image[hidden]{display:none}#hero-photo-state{position:absolute;left:35px;bottom:18px;color:#fff;font-size:11px;background:#15372a88;padding:5px 10px;border-radius:5px;z-index:3}#hero-city-switch{display:flex;max-width:62%;position:absolute;right:22px;top:20px;gap:6px;overflow:auto;padding:2px;scrollbar-width:thin;z-index:4}#hero-city-switch button{font-size:10px;white-space:nowrap;padding:6px 10px;border-radius:20px;color:#fff;border:1px solid #ffffff65;background:#17352959;min-height:32px;backdrop-filter:blur(8px)}#hero-city-switch button.active{background:#ffffffeb;color:#254f3d;border-color:#fff}#hero-photo-credit{position:absolute;right:23px;bottom:9px;color:#ffffffe0;font-size:8px;padding:4px 8px;z-index:4;text-decoration:underline}#city-hero .hero-place{bottom:35px;cursor:default}#city-hero .hero-counter{bottom:20px}.hero-copy h2 .hero-title-line{display:block}#hero-city-subtitle{max-width:72%;line-height:1.8}#hero-city-en{font-size:7px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:620px){#hero-city-switch{inset:auto 13px 16px;max-width:none;gap:5px}#hero-city-switch button{font-size:10px;padding:6px 11px;min-height:34px}#city-hero:has(#hero-city-switch:not([hidden])){height:284px}#city-hero:has(#hero-city-switch:not([hidden])) .hero-place{bottom:69px}#city-hero:has(#hero-city-switch:not([hidden])) .hero-counter{bottom:74px;max-width:44%;font-size:7px}#hero-photo-credit{right:13px;bottom:7px;font-size:8px}#city-hero:has(#hero-city-switch:not([hidden])) #hero-photo-credit{bottom:54px}#hero-photo-state{left:20px;bottom:14px;font-size:10px;max-width:calc(100% - 40px)}#city-hero .hero-place{bottom:33px;max-width:56%}#hero-city-subtitle{max-width:95%;font-size:10px}#city-hero .hero-counter{font-size:7px;bottom:19px;max-width:44%;line-height:1.7}.hero-copy h2{font-size:28px}#hero-city-en{max-width:145px;font-size:6px}}#hero-photo-credit{max-width:53%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:28px}@media(max-width:620px){#hero-photo-credit{max-width:56%;min-height:30px}}