.city-page{margin-inline:auto;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 8);max-width:1200px}.city-page .cta-button{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));margin-inline:auto;padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 4);font-weight:700;background-color:var(--surface-2);border:4px solid var(--color-brand);border-radius:4rem;cursor:pointer;transition:transform .2s ease}.city-page .cta-button:hover{transform:scale(1.05)}.city-page .hero-section{margin-bottom:calc(var(--spacing) * 8);padding:calc(var(--spacing) * 4);display:flex;flex-direction:column;background-color:var(--color-gray-300);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(1rem,calc(50vw - 600px));padding-right:max(1rem,calc(50vw - 600px))}.city-page .hero-section .city-header{margin-bottom:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 4);display:flex;align-items:center}.city-page .hero-section h1{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));margin:calc(var(--spacing) * 0);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--text-primary)}.city-page .hero-section .country-header{margin-bottom:calc(var(--spacing) * 0);gap:calc(var(--spacing) * 2);display:flex;align-items:center}.city-page .hero-section .country-header .flag{height:1rem;border-radius:.25rem}.city-page .hero-section .country-header .city-country{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));margin:calc(var(--spacing) * 0);color:gray;font-weight:500}.city-page .hero-section .subtitle{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));color:#666;line-height:1.6}.city-page .hero-section .image-carousel{display:flex;justify-content:center;align-items:center;gap:2rem;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.city-page .hero-section .image-carousel .city-map{flex-shrink:0;margin:0 -90px;height:350px;width:auto;aspect-ratio:1}.city-page .hero-section .image-carousel .city-map.city-map-center{opacity:1;transform:scale(1);z-index:1}@media(min-width:40rem){.city-page .hero-section .image-carousel .city-map{height:450px;margin:0 -100px}}@media(min-width:64rem){.city-page .hero-section .image-carousel .city-map{height:550px;margin:0 -120px}}.city-page .hero-section .image-carousel .city-map img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.city-page .preview-section{margin-bottom:calc(var(--spacing) * 16)}.city-page .preview-section h2{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));margin-bottom:calc(var(--spacing) * 6);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;text-align:center}.city-page .preview-section p{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));margin-inline:auto;margin-bottom:calc(var(--spacing) * 8);text-align:center;color:#666;max-width:700px;line-height:1.6}.city-page .preview-section .features-grid{margin-top:calc(var(--spacing) * 12);gap:calc(var(--spacing) * 8);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.city-page .preview-section .features-grid .feature{padding:calc(var(--spacing) * 6);text-align:center}.city-page .preview-section .features-grid .feature h3{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));margin-bottom:calc(var(--spacing) * 3);font-weight:600}.city-page .preview-section .features-grid .feature p{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));margin:calc(var(--spacing) * 0);color:gray}.city-page .highlights-section{margin-bottom:calc(var(--spacing) * 16)}.city-page .highlights-section h2{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));margin-bottom:calc(var(--spacing) * 6);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;text-align:center}.city-page .highlights-section p{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));margin-inline:auto;margin-bottom:calc(var(--spacing) * 8);text-align:center;color:#666;max-width:700px;line-height:1.6}.city-page .highlights-section .highlights-grid{margin-top:calc(var(--spacing) * 8);gap:calc(var(--spacing) * 4);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.city-page .highlights-section .highlights-grid .highlight-card{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));padding:calc(var(--spacing) * 6);background:#fafafa;border-radius:.5rem;text-align:center;font-weight:600}.city-page .cta-section{margin-bottom:calc(var(--spacing) * 16);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 16);text-align:center;background:#fafafa;border-radius:1rem}.city-page .cta-section h2{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));margin-bottom:calc(var(--spacing) * 6);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;text-align:center}.city-page .cta-section p{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));margin-inline:auto;margin-bottom:calc(var(--spacing) * 8);text-align:center;color:#666;max-width:700px;line-height:1.6}