.home-design .city-track{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:8px;gap:24px;display:flex;overflow-x:auto}.home-design .city-track::-webkit-scrollbar{display:none}.home-design .city-photo{aspect-ratio:4/5;background:hsl(var(--home-night));scroll-snap-align:start;isolation:isolate;border-radius:8px;flex:0 0 calc(33.3333% - 16px);position:relative;overflow:hidden}.home-design .city-photo img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.home-design .city-photo:hover img{transform:scale(1.045)}.home-design .city-photo:after{content:"";background:var(--home-gradient-3);z-index:0;pointer-events:none;position:absolute;inset:35% 0 0}.home-design .city-number{color:hsl(var(--home-night));background:hsl(var(--home-cream));border-radius:50%;place-items:center;width:40px;height:40px;font:800 16px Barlow Condensed,sans-serif;display:grid;position:absolute;top:20px;left:20px}.home-design .city-caption{z-index:1;color:hsl(var(--home-white));position:absolute;bottom:28px;left:24px;right:24px}.home-design .city-caption h3{text-transform:uppercase;letter-spacing:0;overflow-wrap:anywhere;margin-bottom:16px;font:400 36px/1.05 Anton,sans-serif}.home-design .city-caption>span{border-top:1px solid hsl(var(--home-white)/.4);color:hsl(var(--home-saffron));text-transform:uppercase;letter-spacing:0;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font:800 16px Barlow Condensed,sans-serif;display:flex}.home-design .city-caption svg{flex:none;width:22px;height:22px}.home-design .city-controls{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.home-design .city-arrows{gap:8px;display:flex}.home-design .city-arrows button{color:hsl(var(--home-green));border-color:hsl(var(--home-green)/.3);background:hsl(var(--home-cream));border-radius:50%;width:40px;height:40px}.home-design .city-arrows button:hover{background:hsl(var(--home-green));color:hsl(var(--home-white))}.home-design .city-progress{gap:6px;display:flex}.home-design .city-progress span{background:hsl(var(--home-green)/.2);border-radius:2px;width:12px;height:4px;transition:background .3s}.home-design .city-progress span.active{background:hsl(var(--home-green))}@media (width<=1023px){.home-design .city-photo{flex-basis:calc(50% - 12px)}}@media (width<=767px){.home-design .city-photo{aspect-ratio:4/5;flex-basis:100%}.home-design .city-caption h3{font-size:32px}.home-design .city-caption{bottom:24px;left:22px;right:22px}}@media (prefers-reduced-motion:reduce){.home-design .city-photo img,.home-design .city-progress span{transition:none}}