@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap";*{font-family:"M PLUS Rounded 1c",serif;font-weight:400;font-style:normal}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#181818;margin:0;font-family:Quicksand;scrollbar-width:"none"}#root{width:100%}section>div{width:100%;height:100vh;height:100dvh;position:relative;background:var(--white);overflow:hidden}a{color:#ccc}a:hover{color:#fff}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}::-webkit-scrollbar{height:12px;width:5px;background:transparent}::-webkit-scrollbar-thumb{background:#fff;-webkit-border-radius:1ex}::-webkit-scrollbar-corner{background:transparent}.header-title,.region-title{position:fixed;top:10px;font-size:clamp(32px,6vw,64px);line-height:130%;text-align:center;letter-spacing:clamp(1px,.5vw,4px);color:#fff}.header-title{z-index:300;width:100%;left:0;top:clamp(70px,12vh,80px);display:flex;align-items:center;flex-direction:column;line-height:clamp(50px,8vw,100px);padding:0 16px;box-sizing:border-box}.region-details-overlay{position:absolute;z-index:3;top:18%;left:50%;width:100vw;height:64%;display:grid;grid-template-columns:minmax(80px,1fr) minmax(250px,700px) minmax(80px,1fr);color:#ffffffd6;overflow:hidden;pointer-events:none;transform:translate(-50%)}.region-details-column{display:flex;min-width:0;flex-direction:column;justify-content:space-evenly;overflow:hidden}.region-details-column-left{grid-column:1;align-items:flex-end;padding-right:24px}.region-details-column-right{grid-column:3;align-items:flex-start;padding-left:24px}.region-detail-item{display:flex;width:min(260px,100%);min-width:0;align-items:baseline;gap:clamp(6px,.7vw,12px);overflow:hidden;white-space:nowrap}.region-detail-item-left{justify-content:flex-end}.region-detail-item-right{justify-content:flex-start}.region-detail-number,.region-detail-label{flex:0 0 auto;line-height:1}.region-detail-number{font-size:clamp(26px,2.4vw,42px)}.region-detail-label{font-size:clamp(12px,1.15vw,19px)}.map-container{margin-top:clamp(80px,12vh,80px);display:flex;justify-content:center;align-items:center;width:100%;padding-top:0 8px;box-sizing:border-box}.municipality-map-shell{position:relative;display:flex;width:100vw;min-height:min(900px,calc(100vh - 80px));justify-content:center;padding:0 8px;box-sizing:border-box}.municipality-map-canvas{position:relative;z-index:1}.municipality-map-svg{display:block}.municipality-name-backdrop{--municipality-font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--municipality-rail-row-height: clamp(24px, 3.35vh, 34px);--municipality-rail-travel-padding: 220px;position:absolute;z-index:2;top:210px;right:clamp(8px,2vw,28px);left:clamp(8px,2vw,28px);height:clamp(350px,calc(100vh - 430px),520px);display:grid;grid-template-columns:minmax(80px,1fr) minmax(200px,700px) minmax(80px,1fr);pointer-events:none;overflow:visible}.municipality-name-column{position:relative;min-width:0;height:100%;pointer-events:none;overflow:clip}.municipality-name-column-left{grid-column:1;text-align:right}.municipality-name-column-right{grid-column:3;text-align:left}.municipality-rail-track{position:relative;width:100%;height:100%;pointer-events:none}@keyframes municipality-rail-item-cycle{0%{top:calc(100% + var(--municipality-rail-travel-padding));transform:translateY(0)}to{top:calc(-1 * var(--municipality-rail-travel-padding));transform:translateY(-100%)}}.municipality-name-column[data-paused=true] .municipality-name{animation-play-state:paused}.municipality-name-column[data-focused=true] .municipality-name{top:50%;animation:none;transform:translateY(calc((var(--municipality-rail-item-index) - var(--municipality-rail-focus-index)) * var(--municipality-rail-row-height) - 50%))}.municipality-name-backdrop[data-querying=true] .municipality-name-column:not([data-focused=true]) .municipality-name,.municipality-name-column[data-reduced-motion=true]:not([data-focused=true]) .municipality-name{top:50%;animation:none;transform:translateY(calc((var(--municipality-rail-item-index) - var(--municipality-rail-static-center-index)) * var(--municipality-rail-row-height) - 50%))}.municipality-name{position:absolute;top:calc(100% + var(--municipality-rail-travel-padding));display:flex;width:100%;height:var(--municipality-rail-row-height);max-width:100%;align-items:center;padding:0 8px;border:0;appearance:none;background:transparent;color:#e0e5ecb8;cursor:pointer;font-size:clamp(13px,1.05vw,17px);font-family:var(--municipality-font-family);font-weight:400;letter-spacing:.055em;line-height:1;pointer-events:auto;text-transform:uppercase;animation:municipality-rail-item-cycle var(--municipality-rail-duration) linear var(--municipality-rail-item-delay) infinite;transition:color .32s ease,font-size .32s ease,font-weight .32s ease,letter-spacing .32s ease,opacity .32s ease;white-space:nowrap;will-change:top,transform}.municipality-name-column-left .municipality-name{justify-content:flex-end;text-align:right}.municipality-name-column-right .municipality-name{justify-content:flex-start;text-align:left}.municipality-name[data-depth-layer="0"]{font-size:clamp(12px,.9vw,15px);opacity:.44}.municipality-name[data-depth-layer="1"]{opacity:.58}.municipality-name[data-depth-layer="2"]{font-size:clamp(14px,1.18vw,19px);opacity:.72}.municipality-name[data-active=true]{color:var(--municipality-highlight-color, rgb(151 227 255));font-weight:600;opacity:.94}.municipality-name-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:opacity .32s ease}.municipality-name[data-focused=true]{color:var(--municipality-highlight-color, rgb(151 227 255));font-size:clamp(16px,1.35vw,22px);font-weight:700;letter-spacing:.075em;opacity:1}.municipality-name:focus-visible{outline:1px solid currentcolor;outline-offset:-3px}.municipality-name-backdrop[data-has-focus=true] .municipality-name:not([data-focused=true]){opacity:.1}#rear .municipality-search{--municipality-font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;position:fixed;z-index:400;top:94px;left:24px;width:min(250px,calc(100vw - 48px));color:#eef2f7eb;font-family:var(--municipality-font-family)}.municipality-search-field{position:relative;display:flex;height:42px;align-items:center;border:1px solid rgb(255 255 255 / 13%);border-radius:999px;background:#181818d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s ease,background-color .25s ease}.municipality-search-field:focus-within{border-color:#ffffff57;background:#1b1b1cf0}.municipality-search-icon{width:17px;height:17px;margin-left:16px;fill:none;opacity:.58;stroke:currentcolor;stroke-linecap:round;stroke-width:1.4}.municipality-search input{width:100%;height:100%;padding:0 42px 0 11px;border:0;outline:0;background:transparent;color:inherit;font-family:var(--municipality-font-family);font-size:14px;letter-spacing:.025em}.municipality-search input::placeholder{color:#ebf0f76b}.municipality-search input::-webkit-search-cancel-button{display:none}.municipality-search-clear{position:absolute;right:11px;width:25px;height:25px;padding:0;border:0;border-radius:50%;background:transparent;color:#ffffff8c;cursor:pointer;font-size:20px;line-height:23px}.municipality-search-clear:hover,.municipality-search-clear:focus-visible{background:#ffffff14;color:#fff;outline:0}.municipality-search-results{position:absolute;top:49px;right:0;left:0;border:1px solid rgb(255 255 255 / 12%);border-radius:18px;background:#1a1a1bf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.municipality-search-results ul{max-height:min(410px,calc(100vh - 250px));padding:6px;margin:0;overflow-y:auto}.municipality-search-result{display:flex;min-height:44px;align-items:center;justify-content:space-between;padding:0 12px;border-radius:12px;cursor:pointer;gap:16px;list-style:none;transition:background-color .2s ease,color .2s ease}.municipality-search-result[data-active=true],.municipality-search-result:hover{background:#ffffff14;color:#fff}.municipality-search-result span{overflow:hidden;font-family:var(--municipality-font-family);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.municipality-search-result small{flex:0 0 auto;color:#dce2ea73;font-family:var(--municipality-font-family);font-size:11px;letter-spacing:.035em}.municipality-search-empty{padding:15px 18px;margin:0;color:#e6ebf27a;font-size:13px}.zoomed-municipality-names{--municipality-font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;position:fixed;z-index:4;top:178px;right:0;left:0;width:min(92vw,1100px);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:6px clamp(18px,2.4vw,36px);pointer-events:none}.zoomed-municipality-name{font-family:var(--municipality-font-family);font-size:clamp(14px,1.25vw,20px);font-weight:500;letter-spacing:.07em;line-height:1.25;text-transform:uppercase;transform-origin:center;transition:font-weight .28s ease,letter-spacing .28s ease;white-space:nowrap;will-change:opacity,transform}.zoomed-municipality-name[data-active=true]{font-weight:700;letter-spacing:.095em}@media(max-width:980px){.region-details-overlay{grid-template-columns:minmax(90px,1fr) minmax(420px,68vw) minmax(90px,1fr)}.region-details-column-left{padding-right:8px}.region-details-column-right{padding-left:8px}.region-detail-item{gap:4px}.region-detail-number{font-size:22px}.region-detail-label{font-size:10px}.municipality-name-backdrop{--municipality-rail-row-height: clamp(22px, 3.1vh, 29px);right:8px;left:8px;grid-template-columns:minmax(90px,1fr) minmax(0,700px) minmax(90px,1fr)}.municipality-name{padding:0 4px;font-size:12px}.zoomed-municipality-names{top:172px;width:94vw;gap:5px 14px}.zoomed-municipality-name{font-size:13px}}@media(max-width:900px){.header-title{top:142px;font-size:clamp(44px,8.5vw,60px);letter-spacing:clamp(2px,.5vw,4px);line-height:100px;pointer-events:none}.map-container{height:max(1px,calc(100vh - 370px));margin-top:260px}.municipality-map-shell{min-height:min(900px,max(1px,calc(100vh - 370px)))}.municipality-name-backdrop{display:none}#rear .municipality-search{top:94px;right:auto;left:max(18px,calc(50% - 250px));width:min(500px,calc(100vw - 36px))}.zoomed-municipality-names{top:244px}}@media(min-width:700px)and (max-width:900px)and (max-height:500px){.header-title{top:80px;font-size:clamp(38px,7vw,48px)}.map-container{height:calc(100vh - 80px);margin-top:80px}.municipality-map-shell{min-height:min(900px,calc(100vh - 80px))}#rear .municipality-search{top:94px;left:18px;width:220px}.zoomed-municipality-names{top:178px}}@media(prefers-reduced-motion:reduce){.municipality-name,.municipality-name-label{transition-duration:.01ms}}#front section,#rear section{min-height:100vh;min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:center}#front *{z-index:300}#rear *{z-index:200}#rear path{cursor:pointer}#front section.overlay{display:flex;flex-direction:column;justify-content:center;width:1px}#front section.overlay div{width:1px;height:1px}#rear{top:0;left:0;width:100%;position:fixed;z-index:2}#front{position:relative;display:flex;flex-direction:column;z-index:1}section{overflow:hidden}.section2-text{padding:50px;display:flex;flex-direction:column;justify-content:center;width:40%}.section2-text h1{font-size:2em;margin:0 0 20px;letter-spacing:10px;font-weight:bolder}.section2-text h2{font-size:1.2em;margin:0;letter-spacing:5px}.section4-text{padding:50px;display:flex;flex-direction:column;align-items:flex-end;width:50%}em{color:#878787}.section4-text h1{font-size:2em;margin:0 0 20px;letter-spacing:5px;font-weight:bolder}.background-text{-webkit-font-smoothing:antialiased;display:block;object-fit:cover;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:#0003;font-size:40px;font-weight:700}.section4-text h2{font-size:1.2em;margin:0;letter-spacing:10px}.row{display:flex;flex-direction:row;width:100%}.container{padding-left:50px;padding-right:50px}.container.center{display:flex;justify-content:center;align-items:center}.redion_detail{width:20%;display:flex;justify-content:center;align-items:flex-end}@media(max-width:768px){html{scroll-snap-type:none}body{font-size:14px}.header-title{top:70px;line-height:1.3}.section2-text,.section4-text{width:100%;padding:24px 16px;align-items:flex-start;text-align:left}.section2-text h1,.section4-text h1{font-size:clamp(28px,7vw,42px);letter-spacing:clamp(2px,1vw,5px);margin-bottom:16px}.section2-text h2,.section4-text h2{font-size:clamp(16px,4vw,20px);letter-spacing:clamp(1px,.5vw,3px)}.row{flex-direction:column}.container{padding-left:16px;padding-right:16px}.container.center{flex-direction:column}.region-details-overlay{grid-template-columns:1fr;top:auto;bottom:10%;height:auto}.region-details-column{display:none}.map-container{margin-top:100px;padding:0 4px}.municipality-map-shell{padding:0 4px}.zoomed-municipality-names{top:140px;width:96vw;gap:4px 10px;padding:0 8px}.zoomed-municipality-name{font-size:clamp(11px,2.5vw,14px);letter-spacing:.03em}#rear .municipality-search{top:70px;left:8px;right:8px;width:calc(100vw - 16px)}}@media(max-width:480px){.header-title{font-size:clamp(24px,8vw,36px)}.section2-text h1,.section4-text h1{font-size:clamp(24px,8vw,32px)}.municipality-name{font-size:11px}}@media(hover:none)and (pointer:coarse){.municipality-name{pointer-events:auto;min-height:44px;display:flex;align-items:center}.municipality-search-result{min-height:48px;padding:8px 16px}#rear path{stroke-width:3px}}