:root{--primary:#ff2d95;--primary-dark:#e6007a;--secondary:#6c63ff;--dark:#000;--dark-gray:#111;--medium-gray:#222;--light-gray:#333;--text:#fff;--text-secondary:#ccc;--success:#00d4aa;--warning:#ffb74d;--gradient:linear-gradient(135deg,#ff2d95 0%,#6c63ff 100%);--gradient-hover:linear-gradient(135deg,#ff4da6 0%,#857dff 100%);--shadow:0 10px 30px #00000080;--shadow-hover:0 20px 40px #ff2d954d;--transition:all .3s cubic-bezier(.4,0,.2,1);--border-radius:16px;--border-radius-sm:12px;--border-radius-lg:24px}*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--dark);color:var(--text);margin:0;padding:0;overflow-x:hidden}.city-container{background-color:var(--dark);max-width:1400px;margin:0 auto;padding:0 20px}.city-live-banner{background:linear-gradient(90deg,var(--medium-gray)0%,#ff2d9533 100%);color:var(--text);border:1px solid #ff2d954d;border-radius:12px;justify-content:space-between;align-items:center;margin:20px 0 30px;padding:12px 20px;animation:.5s ease-out slideIn;display:flex}.banner-content{color:var(--text);flex:1;align-items:center;gap:10px;display:flex}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.live-text{color:var(--text);font-size:.95rem;font-weight:500}.explore-button{background:var(--gradient);color:var(--text);cursor:pointer;transition:var(--transition);border:none;border-radius:25px;padding:8px 20px;font-family:inherit;font-size:.9rem;font-weight:600}.explore-button:hover{background:var(--gradient-hover);color:var(--text);transform:translate(5px)}.city-hero{border-radius:var(--border-radius-lg);background-color:var(--dark);margin:30px 0 60px;position:relative;overflow:hidden}.city-hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--dark);justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.city-overlay{text-align:center;z-index:2;max-width:800px;color:var(--text);margin:0 auto;padding:60px 40px;position:relative}.city-badge{background:var(--gradient);color:var(--text);letter-spacing:1px;text-transform:uppercase;border-radius:25px;margin-bottom:30px;padding:8px 20px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-block}.city-title{color:var(--text);margin-bottom:20px;font-family:inherit;font-size:3.5rem;font-weight:800;line-height:1.1}.city-description{color:var(--text-secondary);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-family:inherit;font-size:1.2rem;line-height:1.6}.city-stats-grid{grid-template-columns:repeat(4,1fr);gap:30px;max-width:600px;margin:40px auto;display:grid}.city-stat{text-align:center;color:var(--text)}.city-stat .stat-number{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:inherit;font-size:2.5rem;font-weight:700;line-height:1;display:block}.city-stat .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-family:inherit;font-size:.9rem}.city-actions{justify-content:center;gap:20px;margin-top:40px;display:flex}.city-button{transition:var(--transition);cursor:pointer;border:none;border-radius:50px;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none}.city-button.primary{background:var(--gradient);color:var(--text);box-shadow:var(--shadow)}.city-button.primary:hover{box-shadow:var(--shadow-hover);color:var(--text);transform:translateY(-3px)}.city-button.secondary{color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3}.city-button.secondary:hover{border-color:var(--primary);color:var(--text);background:#fff3}.city-info-section{background-color:var(--dark);margin:60px 0}.city-info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.info-card{background:var(--dark-gray);border-radius:var(--border-radius);border:1px solid var(--medium-gray);transition:var(--transition);color:var(--text);padding:30px}.info-card:hover{border-color:var(--primary);color:var(--text);transform:translateY(-5px)}.info-card-header{color:var(--text);align-items:center;gap:15px;margin-bottom:25px;display:flex}.info-icon{color:var(--text);font-size:2rem}.info-card-header h3{color:var(--text);font-family:inherit;font-size:1.5rem;font-weight:700}.info-card-content p{color:var(--text-secondary);margin-bottom:20px;font-family:inherit;line-height:1.6}.landmarks-section,.famous-for{margin-top:25px}.landmarks-section h4,.famous-for h4{color:var(--text);margin-bottom:15px;font-family:inherit;font-size:1.1rem}.landmarks-list{flex-wrap:wrap;gap:10px;display:flex}.landmark-tag{color:var(--text-secondary);border:1px solid var(--medium-gray);background:#ffffff0d;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:.9rem}.famous-list{flex-direction:column;gap:12px;display:flex}.famous-item{color:var(--text-secondary);align-items:center;gap:10px;font-family:inherit;display:flex}.famous-dot{background:var(--primary);border-radius:50%;width:6px;height:6px}.insights-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.insight-item{text-align:center;border-radius:var(--border-radius-sm);color:var(--text);background:#ffffff08;padding:15px}.insight-value{color:var(--primary);margin-bottom:5px;font-family:inherit;font-size:1.8rem;font-weight:700}.insight-label{color:var(--text-secondary);font-family:inherit;font-size:.85rem;line-height:1.4}.popular-preview{background-color:var(--dark);margin:60px 0}.section-header{color:var(--text);margin-bottom:30px}.section-title{color:var(--text);align-items:center;gap:15px;margin-bottom:15px;font-family:inherit;font-size:2.2rem;font-weight:700;display:flex}.title-icon{color:var(--text);font-size:1.8rem}.section-description{color:var(--text-secondary);max-width:600px;font-family:inherit;font-size:1.1rem}.popular-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px;display:grid}.popular-card{background:var(--dark-gray);border-radius:var(--border-radius);border-left:4px solid var(--primary);transition:var(--transition);border:1px solid var(--medium-gray);color:var(--text);padding:25px;position:relative}.popular-card:hover{color:var(--text);background:#ffffff0d;transform:translateY(-5px)}.popular-rank{background:var(--gradient);color:var(--text);width:40px;height:40px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:1.2rem;font-weight:700;display:flex;position:absolute;top:-15px;left:-15px}.popular-content{color:var(--text);padding-top:10px}.popular-title{color:var(--text);margin-bottom:10px;font-family:inherit;font-size:1.3rem;font-weight:700;line-height:1.3}.popular-excerpt{color:var(--text-secondary);margin-bottom:15px;font-family:inherit;font-size:.95rem;line-height:1.5}.popular-stats{gap:20px;margin-bottom:20px;display:flex}.popular-stat{color:var(--text-secondary);align-items:center;gap:5px;font-family:inherit;font-size:.9rem;display:flex}.stat-icon{color:var(--text);font-size:1rem}.popular-link{color:var(--primary);transition:var(--transition);align-items:center;gap:5px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.popular-link:hover{color:var(--primary);gap:10px}.city-filter-section{border-radius:var(--border-radius);border:1px solid var(--medium-gray);background:#ffffff05;background-color:var(--dark);margin:60px 0;padding:30px}.filter-header{color:var(--text);margin-bottom:30px}.filter-title{color:var(--text);align-items:center;gap:15px;margin-bottom:20px;font-family:inherit;font-size:2.2rem;font-weight:700;display:flex}.stories-count{background:var(--medium-gray);color:var(--text);border-radius:20px;margin-left:15px;padding:6px 15px;font-family:inherit;font-size:.9rem;font-weight:600}.filter-controls{flex-direction:column;gap:25px;display:flex}.search-box{background:var(--dark-gray);border:2px solid var(--medium-gray);max-width:500px;transition:var(--transition);border-radius:50px;align-items:center;padding:5px;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff2d951a}.search-icon{color:var(--text-secondary);padding:0 15px}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:15px 0;font-family:inherit;font-size:1rem}.search-input::placeholder{color:var(--text-secondary);font-family:inherit}.clear-search{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 10px;font-family:inherit;font-size:1.2rem}.view-tabs{flex-wrap:wrap;gap:10px;display:flex}.view-tab{background:var(--dark-gray);color:var(--text);border:2px solid var(--medium-gray);cursor:pointer;transition:var(--transition);border-radius:25px;padding:12px 25px;font-family:inherit;font-size:.95rem;font-weight:500}.view-tab:hover{border-color:var(--primary);color:var(--primary)}.view-tab.active{background:var(--gradient);color:var(--text);border-color:#0000;font-weight:600}.category-filter-section{border-radius:var(--border-radius-sm);border:1px solid var(--medium-gray);background:#ffffff03;background-color:var(--dark-gray);padding:20px}.category-header{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.category-label{color:var(--text);font-family:inherit;font-size:1rem;font-weight:600}.clear-category{color:var(--primary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.9rem;font-weight:500}.category-scroll{scrollbar-width:thin;scrollbar-color:var(--primary)var(--dark-gray);gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{height:6px}.category-scroll::-webkit-scrollbar-track{background:var(--dark-gray);border-radius:3px}.category-scroll::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.category-chip{background:var(--dark-gray);color:var(--text);border:2px solid var(--medium-gray);cursor:pointer;transition:var(--transition);white-space:nowrap;border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;display:flex}.category-chip:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.category-chip.active{background:var(--gradient);color:var(--text);border-color:#0000;font-weight:600}.category-chip:disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.chip-count{color:var(--text);background:#ffffff1a;border-radius:10px;padding:2px 8px;font-family:inherit;font-size:.8rem;font-weight:500}.city-stories-section{background-color:var(--dark);margin:40px 0 80px}.city-stories-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:40px;display:grid}.city-story-card{background:var(--dark-gray);border-radius:var(--border-radius);transition:var(--transition);border:1px solid var(--medium-gray);color:var(--text);position:relative;overflow:hidden}.city-story-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);color:var(--text);transform:translateY(-10px)}.card-header{position:relative}.story-image-container{height:200px;position:relative;overflow:hidden}.story-background-image{object-fit:cover;background-color:var(--medium-gray);width:100%;height:100%;transition:transform .5s}.city-story-card:hover .story-background-image{transform:scale(1.05)}.image-overlay{color:var(--text);background:linear-gradient(#0000,#000c);justify-content:space-between;align-items:flex-start;padding:15px;display:flex;position:absolute;inset:0}.city-indicator{color:var(--text);background:#000c;border-radius:20px;align-items:center;gap:5px;padding:6px 15px;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.city-icon{color:var(--text)}.trending-badge{color:var(--dark);background:#ff2d95e6;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:.8rem;font-weight:600;display:flex}.fire-icon{color:var(--dark);font-size:1rem}.read-progress{background:#ffffff1a;height:4px;position:absolute;bottom:0;left:0;right:0}.progress-bar{background:var(--primary);height:100%;transition:width 1s}.category-badge{background:var(--gradient);color:var(--text);z-index:2;border-radius:20px;padding:8px 20px;font-family:inherit;font-size:.85rem;font-weight:700;position:absolute;bottom:-12px;left:20px}.card-content{color:var(--text);padding:30px 20px 25px}.card-title-wrapper{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.story-title{color:var(--text);flex:1;margin-right:15px;font-family:inherit;font-size:1.3rem;font-weight:700;line-height:1.3}.bookmark-icon{color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:1.2rem}.bookmark-icon:hover{color:var(--primary);transform:scale(1.1)}.story-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-family:inherit;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.character-info{border-bottom:1px solid var(--medium-gray);color:var(--text);align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;display:flex}.character-avatar{position:relative}.avatar-wrapper{background:var(--gradient);border-radius:50%;width:50px;height:50px;position:relative;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%}.avatar-fallback{background:var(--gradient);width:100%;height:100%;color:var(--text);justify-content:center;align-items:center;font-family:inherit;font-size:1.5rem;font-weight:700;display:flex}.online-status{background:var(--success);border:2px solid var(--dark-gray);border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.character-details{color:var(--text);flex:1}.character-name{color:var(--text);margin-bottom:4px;font-family:inherit;font-size:1rem;font-weight:600}.character-meta{color:var(--text-secondary);align-items:center;gap:8px;font-family:inherit;font-size:.85rem;display:flex}.meta-divider{opacity:.5;color:var(--text-secondary)}.character-location{color:var(--text-secondary)}.story-stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.story-stats .stat-item{color:var(--text);background:#ffffff08;border-radius:10px;align-items:center;gap:6px;padding:8px;display:flex}.story-stats .stat-icon{opacity:.8;color:var(--text);font-size:1rem}.story-stats .stat-value{color:var(--text);font-family:inherit;font-size:.85rem;font-weight:500}.card-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action-button{transition:var(--transition);cursor:pointer;border:none;border-radius:25px;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.read-button{background:var(--dark-gray);color:var(--text);border:2px solid var(--medium-gray)}.read-button:hover{background:var(--medium-gray);border-color:var(--primary);color:var(--text)}.chat-button{background:var(--gradient);color:var(--text)}.chat-button:hover{background:var(--gradient-hover);color:var(--text);transform:scale(1.05)}.button-icon{color:inherit;font-size:1.1rem}.no-stories-message{text-align:center;background:var(--dark-gray);border-radius:var(--border-radius);border:2px dashed var(--medium-gray);color:var(--text);padding:60px 40px}.no-stories-icon{opacity:.5;color:var(--text);margin-bottom:20px;font-size:3rem}.no-stories-message h3{color:var(--text);margin-bottom:10px;font-family:inherit;font-size:1.5rem}.no-stories-message p{color:var(--text-secondary);margin-bottom:25px;font-family:inherit}.clear-filters-button,.browse-cities-button{background:var(--gradient);color:var(--text);cursor:pointer;transition:var(--transition);border:none;border-radius:25px;padding:12px 30px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.clear-filters-button:hover,.browse-cities-button:hover{color:var(--text);transform:scale(1.05)}.related-cities{background-color:var(--dark);margin:80px 0}.cities-carousel{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px;display:grid}.related-city-card{background:var(--dark-gray);border-radius:var(--border-radius);transition:var(--transition);border:1px solid var(--medium-gray);color:var(--text);text-decoration:none;overflow:hidden}.related-city-card:hover{border-color:var(--primary);color:var(--text);transform:translateY(-5px)}.city-thumbnail{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.city-thumbnail:before{content:"";background:#0003;position:absolute;inset:0}.city-name{color:var(--text);text-shadow:2px 2px 4px #00000080;z-index:1;font-family:inherit;font-size:1.8rem;font-weight:700}.city-info{color:var(--text);padding:20px}.city-info h4{color:var(--text);margin-bottom:8px;font-family:inherit;font-size:1.2rem}.city-story-count{color:var(--primary);margin-bottom:15px;font-family:inherit;font-size:.9rem;font-weight:600}.city-tags{flex-wrap:wrap;gap:8px;display:flex}.city-tag{color:var(--text-secondary);border:1px solid var(--medium-gray);background:#ffffff0d;border-radius:15px;padding:4px 12px;font-family:inherit;font-size:.8rem}.city-cta-section{border-radius:var(--border-radius-lg);text-align:center;border:2px solid var(--primary);background:linear-gradient(135deg,#ff2d951a 0%,#6c63ff1a 100%);background-color:var(--dark);margin:80px 0;padding:60px 40px;position:relative;overflow:hidden}.city-cta-section:before{content:"";background:radial-gradient(circle,#ff2d9533 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:0;right:0}.cta-content{z-index:1;max-width:600px;color:var(--text);margin:0 auto;position:relative}.cta-title{color:var(--text);margin-bottom:20px;font-family:inherit;font-size:2.5rem;font-weight:800}.cta-description{color:var(--text-secondary);margin-bottom:40px;font-family:inherit;font-size:1.1rem;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.cta-button{transition:var(--transition);cursor:pointer;border:none;border-radius:50px;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none}.cta-button.primary{background:var(--gradient);color:var(--text);box-shadow:var(--shadow)}.cta-button.primary:hover{box-shadow:var(--shadow-hover);color:var(--text);transform:translateY(-3px)}.cta-button.secondary{color:var(--text);border:2px solid var(--medium-gray);background:0 0}.cta-button.secondary:hover{border-color:var(--primary);color:var(--primary)}.scroll-top-button{background:var(--gradient);width:50px;height:50px;color:var(--text);cursor:pointer;transition:var(--transition);z-index:1000;box-shadow:var(--shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:1.5rem;display:flex;position:fixed;bottom:30px;right:30px}.scroll-top-button:hover{background:var(--gradient-hover);color:var(--text);transform:translateY(-5px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1200px){.city-title{font-size:3rem}.city-stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.city-stories-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.city-container{padding:0 15px}.city-hero-bg{min-height:400px}.city-title{font-size:2.2rem}.city-description{font-size:1.1rem}.city-actions{flex-direction:column}.city-info-grid,.popular-grid{grid-template-columns:1fr}.view-tabs{padding-bottom:10px;overflow-x:auto}.city-stories-grid{grid-template-columns:1fr}.story-stats{grid-template-columns:repeat(2,1fr)}.card-actions{grid-template-columns:1fr}.cities-carousel{grid-template-columns:repeat(2,1fr)}.cta-buttons{flex-direction:column}.cta-button{width:100%}}@media (max-width:480px){.city-title{font-size:1.8rem}.city-stats-grid{grid-template-columns:1fr}.city-stat .stat-number{font-size:2rem}.filter-title{flex-direction:column;align-items:flex-start;gap:10px;font-size:1.8rem}.stories-count{margin-left:0}.cities-carousel{grid-template-columns:1fr}}.skeleton{background-color:var(--dark-gray);animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text{background:linear-gradient(90deg,var(--medium-gray)25%,var(--light-gray)50%,var(--medium-gray)75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-title-large{width:70%;height:60px;margin-bottom:20px}.skeleton-section-title{width:50%;height:40px;margin-bottom:20px}.skeleton-tabs{background:var(--medium-gray);border-radius:25px;width:100%;height:50px;margin-bottom:30px}.error-container{text-align:center;border:1px solid var(--medium-gray);border-radius:var(--border-radius);min-height:400px;color:var(--text);background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.error-text{color:var(--primary);margin-bottom:25px;font-family:inherit;font-size:1.2rem}.retry-button{background:var(--gradient);color:var(--text);cursor:pointer;transition:var(--transition);border:none;border-radius:25px;padding:12px 30px;font-family:inherit;font-size:1rem;font-weight:600}.retry-button:hover{color:var(--text);transform:scale(1.05)}.footer{background-color:var(--dark-gray);color:var(--text);border-top:1px solid var(--medium-gray);margin-top:60px;padding:40px 0}.footer-container{max-width:1400px;margin:0 auto;padding:0 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label{color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{color:var(--text);text-decoration:none}a:hover{color:var(--primary)}input,select,textarea{background-color:var(--dark-gray);color:var(--text);border:1px solid var(--medium-gray);font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #ff2d951a}button{color:var(--text);font-family:inherit}.card{background-color:var(--dark-gray);color:var(--text);border:1px solid var(--medium-gray)}section{background-color:var(--dark);color:var(--text)}.related-city-card{color:inherit;border-radius:12px;flex-direction:column;height:100%;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.related-city-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.city-thumbnail{width:100%;height:180px;position:relative;overflow:hidden}.city-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.related-city-card:hover .city-thumbnail-img{transform:scale(1.05)}.city-image-overlay{pointer-events:none;background:linear-gradient(#0000 60%,#0000001a 80%,#0003 100%);position:absolute;inset:0}.city-info{flex-direction:column;flex-grow:1;padding:16px;display:flex}.city-info h4{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.3}.city-story-count{color:#666;margin:auto 0 0;font-size:14px;font-weight:500}@media (max-width:768px){.city-thumbnail{height:160px}.city-info h4{font-size:16px}.city-story-count{font-size:13px}}@media (max-width:480px){.city-thumbnail{height:140px}.city-info{padding:12px}}.city-thumbnail-img{background-size:200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.city-thumbnail-img.loaded{background:0 0;animation:none}.city-thumbnail-img{object-fit:cover;object-position:center;width:100%;height:100%}