.about-city{width:100%;max-width:100%;overflow-x:hidden}.about-city__header{background:var(--page-bg);padding:calc(var(--header-height, 80px) + 3rem) 0 2rem;border-bottom:1px solid rgba(0,0,0,.08)}.about-city__container{max-width:1440px;margin:0 auto;width:100%;padding:0 var(--page-padding-mobile)}@media (min-width:768px){.about-city__container{padding:0 2rem}}@media (min-width:1024px){.about-city__container{padding:0 2rem;max-width:1500px}}@media (min-width:1440px){.about-city__container{padding:0 4rem;max-width:1600px}}.about-city__title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin:0 0 2rem;color:var(--color-text)}.about-city__header-image{width:100%;margin-top:2rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.about-city__header-image img{width:100%;height:auto;display:block}@media (min-width:768px){.about-city__header-image{margin-top:3rem}}.about-city__content{background:var(--page-bg);padding:2rem 0 4rem}@media (min-width:768px){.about-city__content{padding:3rem 0 5rem}}.about-city__text-wrapper{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}@media (min-width:768px){.about-city__text-wrapper{gap:4rem}}@media (min-width:1024px){.about-city__text-wrapper{max-width:100%}}.about-city__section{display:flex;flex-direction:column;gap:1.25rem}.about-city__section--with-slider{gap:0}.about-city__section-content{display:flex;flex-direction:column;gap:2rem}@media (min-width:1024px){.about-city__section-content{flex-direction:row;align-items:flex-start;gap:3rem;overflow:visible}}.about-city__section-text{flex:1 1;display:flex;flex-direction:column;gap:1.25rem;min-width:0}@media (min-width:1024px){.about-city__section-text{flex:1 1;min-width:0}}.about-city__section-slider{flex:1 1;display:flex;flex-direction:column;gap:.75rem;min-width:0}@media (min-width:1024px){.about-city__section-slider{flex:0 0 auto;width:600px;max-width:600px;position:-webkit-sticky;position:sticky;top:calc(var(--header-height, 80px) + 2rem);align-self:flex-start;overflow:visible;margin-top:3.5rem}}.about-city__section-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.3;margin:0;color:var(--color-text)}.about-city__paragraph{font-size:1.125rem;line-height:1.7;margin:0;color:var(--color-text)}@media (min-width:768px){.about-city__paragraph{font-size:1.25rem;line-height:1.75}}.about-city__list{margin:.5rem 0;padding-left:1.5rem;list-style-type:disc;display:flex;flex-direction:column;gap:.5rem}.about-city__list li{font-size:1.125rem;line-height:1.7;color:var(--color-text)}@media (min-width:768px){.about-city__list li{font-size:1.25rem;line-height:1.75}}.about-city__image-placeholder{margin:2rem 0;display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.about-city__image-placeholder{margin:3rem 0}}.about-city__image-placeholder-inner{width:100%;height:250px;background:rgba(0,0,0,.04);border:2px dashed rgba(0,0,0,.15);border-radius:12px;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.about-city__image-placeholder-inner{height:300px}}.about-city__image-placeholder-text{font-size:1rem;color:var(--color-text-light);font-style:italic}.about-city__image-figure{margin:2rem 0;display:flex;flex-direction:column;gap:.75rem;padding:0}@media (min-width:768px){.about-city__image-figure{margin:3rem 0}}@media (min-width:1024px){.about-city__image-figure{padding:16px;margin:0}}.about-city__image-figure img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (min-width:1024px){.about-city__image-figure img{box-shadow:0 0 12px 2px rgba(0,0,0,.1)}}.about-city__image-caption{font-size:.875rem;line-height:1.5;color:var(--color-text-light);text-align:center;font-style:italic}@media (min-width:768px){.about-city__image-caption{font-size:.9375rem}}.section-slider,.section-slider__viewport,.section-slider__wrapper{position:relative;width:100%}.section-slider__viewport{overflow:hidden;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.section-slider__container{display:flex;touch-action:pan-y pinch-zoom}.section-slider__slide{flex:0 0 100%;min-width:0}.section-slider__image-wrapper{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}.about-city__section--art-city .section-slider__image-wrapper{aspect-ratio:3/4}.about-city__section--red-terror .section-slider__image-wrapper{aspect-ratio:2/3}.section-slider__image{width:100%;height:100%;object-fit:cover;display:block}.section-slider__button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.1);display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:10;opacity:0;pointer-events:none}.section-slider__button--prev{left:12px}.section-slider__button--next{right:12px}.section-slider__button:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-50%) scale(1.05)}.section-slider__button:disabled{opacity:0;cursor:not-allowed;pointer-events:none}@media (min-width:1024px){.section-slider__button{display:flex}.section-slider__viewport:hover .section-slider__button:not(:disabled){opacity:1;pointer-events:auto}.section-slider__viewport:hover .section-slider__button:disabled{opacity:0;pointer-events:none}}@media (min-width:1440px){.section-slider__button{width:48px;height:48px}.section-slider__button--prev{left:16px}.section-slider__button--next{right:16px}}.section-slider__dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:1rem;flex-wrap:wrap}.section-slider__dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.2);border:none;cursor:pointer;padding:0;transition:all .2s ease}.section-slider__dot:hover{background:rgba(0,0,0,.4);transform:scale(1.2)}.section-slider__dot--active{background:rgba(0,0,0,.6);width:24px;border-radius:4px}@media (min-width:1024px){.section-slider__dots{margin-top:1.25rem}.section-slider__dot{width:10px;height:10px}.section-slider__dot--active{width:28px}}.section-slider__image-wrapper--clickable{cursor:pointer;transition:opacity .2s ease}.section-slider__image-wrapper--clickable:hover{opacity:.9}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.image-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-modal__close{position:absolute;top:1rem;right:1rem;z-index:10000;width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15);color:var(--color-text)}.image-modal__close:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);transform:scale(1.05)}@media (min-width:768px){.image-modal__close{top:2rem;right:2rem;width:48px;height:48px}}.image-modal__content{position:relative;z-index:10000;max-width:100%;max-height:100%;-webkit-overflow-scrolling:touch}.image-modal__content,.image-modal__image-wrapper{display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}.image-modal__image-wrapper{max-width:90vw;max-height:90vh;-moz-user-select:none;user-select:none;-webkit-user-select:none}@media (min-width:768px){.image-modal__image-wrapper{max-width:95vw;max-height:90vh}}@media (min-width:1024px){.image-modal__image-wrapper{max-width:1200px;max-height:90vh}}.image-modal__image{width:auto!important;height:auto!important;max-width:100%!important;max-height:80vh!important;object-fit:contain!important;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.3);touch-action:pan-y pinch-zoom;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media (min-width:1024px){.image-modal__image{max-width:1200px!important;max-height:80vh!important}}.image-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10000;width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15);color:var(--color-text)}.image-modal__nav:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-50%) scale(1.05)}.image-modal__nav--prev{left:1rem}.image-modal__nav--next{right:1rem}@media (min-width:768px){.image-modal__nav{width:56px;height:56px}.image-modal__nav--prev{left:2rem}.image-modal__nav--next{right:2rem}}.image-modal__counter{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:10000;background:rgba(0,0,0,.7);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}@media (min-width:768px){.image-modal__counter{bottom:2rem;font-size:1rem;padding:.625rem 1.25rem}}