.loc-explorer{position:relative;overflow:hidden;padding:150px 0;background:radial-gradient(circle at 72% 58%,var(--orange-soft),transparent 28%),#0b0e0d}.loc-explorer:before{content:"BERLIN";position:absolute;right:-.04em;top:120px;color:rgba(255,255,255,.018);font:900 clamp(12rem,28vw,32rem)/.7 var(--f-d);letter-spacing:-.07em;pointer-events:none}.loc-console{position:relative;display:block;min-height:0;margin-top:78px;border:1px solid #333a35;background:#090c0b;box-shadow:0 48px 110px rgba(0,0,0,.42);overflow:hidden}.loc-console:before{content:"";position:absolute;z-index:5;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--orange) 22%,var(--orange) 78%,transparent);opacity:.75}.loc-district-list{position:relative;z-index:4;display:grid;grid-template-columns:repeat(6,1fr);padding:0;border:0;border-bottom:1px solid #303632;overflow:visible;background:#0c100e}.loc-district-list button{position:relative;display:grid;grid-template-columns:26px 1fr auto;min-height:68px;padding:14px 13px;border:0;border-right:1px solid #252b27;border-bottom:1px solid #252b27;overflow:hidden}.loc-district-list button:nth-child(6n){border-right:0}.loc-district-list button:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--orange);transition:right .24s ease}.loc-district-list button.on:after,.loc-district-list button:hover:after{right:0}.loc-district-list button.on{background:linear-gradient(110deg,var(--orange-soft),transparent);box-shadow:inset 0 0 28px var(--orange-soft)}.loc-district-list button strong{font-size:.7rem;line-height:1.08}.loc-district-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(330px,.68fr);min-height:720px;overflow:hidden;background:#090c0b}.loc-stage-top{left:22px;right:22px;top:18px;padding:0 0 14px;border-bottom:1px solid #313731}.loc-stage-map{position:relative;display:grid;place-items:center;min-height:720px;padding:72px 30px 36px;overflow:hidden;background:radial-gradient(circle at 47% 50%,color-mix(in srgb,var(--orange) 10%,transparent),transparent 38%),#0a0d0b}.loc-stage-map:before{background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.25))}.loc-stage-map:after{content:"";position:absolute;inset:12% 7%;display:block!important;border:1px solid rgba(255,255,255,.055);background:linear-gradient(135deg,transparent 49.8%,rgba(255,255,255,.04) 50%,transparent 50.2%);pointer-events:none}.loc-stage-map>.loc-real-map{z-index:2;width:94%;max-height:590px;filter:drop-shadow(18px 28px 20px rgba(0,0,0,.65));transform:perspective(1000px) rotateX(2deg) rotateY(-3deg) translateZ(0)!important;transition:transform .35s ease!important}.loc-map-frame{position:absolute;z-index:3;inset:58px 24px 24px;pointer-events:none;color:#59615b;font:.46rem var(--f-m);letter-spacing:.12em}.loc-map-frame span{position:absolute;left:0;bottom:0}.loc-map-frame strong{position:absolute;right:0;top:0;color:var(--orange);font-weight:500}.loc-map-frame i{position:absolute;left:0;top:0;width:22px;height:22px;border-left:1px solid var(--orange);border-top:1px solid var(--orange)}.loc-map-hint{z-index:4;left:50%;bottom:25px;translate:-50% 0;white-space:nowrap;background:#0c100e;border-color:#353c37}.loc-stage-copy{position:relative;z-index:4;display:flex;justify-content:center;padding:86px 44px 55px;border-left:1px solid #313731;background:linear-gradient(145deg,rgba(18,23,20,.98),#080b0a 75%);box-shadow:-30px 0 70px rgba(0,0,0,.24)}.loc-stage-copy:before{content:"";position:absolute;left:-1px;top:84px;width:3px;height:120px;background:var(--orange);box-shadow:0 0 24px var(--orange)}.loc-stage-copy:after{content:"";position:absolute;right:-85px;top:30px;width:220px;height:220px;border:1px solid color-mix(in srgb,var(--orange) 16%,transparent);border-radius:50%;box-shadow:0 0 0 35px color-mix(in srgb,var(--orange) 3%,transparent),0 0 0 70px color-mix(in srgb,var(--orange) 2%,transparent);pointer-events:none}.loc-dossier-kicker{display:flex;justify-content:space-between;align-items:center;margin-bottom:52px;padding-bottom:14px;border-bottom:1px solid #303632;color:#69716b;font:.5rem var(--f-m);letter-spacing:.13em;text-transform:uppercase}.loc-dossier-kicker strong{color:var(--orange);font-size:.78rem}.loc-stage-copy>p#loc-district-zone{font-size:.52rem}.loc-stage-copy h3{position:relative;z-index:1;margin:18px 0 32px;font-size:clamp(3.7rem,5.5vw,6.6rem);letter-spacing:-.045em}.loc-dossier-stats{display:grid;grid-template-columns:1fr 1fr;margin-bottom:32px;border:1px solid #303632}.loc-dossier-stats div{padding:15px;border-right:1px solid #303632}.loc-dossier-stats div:last-child{border:0}.loc-dossier-stats strong,.loc-dossier-stats span{display:block}.loc-dossier-stats strong{color:var(--orange);font:900 1.65rem var(--f-d)}.loc-dossier-stats span{margin-top:4px;color:#737b75;font:.45rem var(--f-m);letter-spacing:.08em;text-transform:uppercase}.loc-dossier-label{margin:0 0 13px!important;color:#6e766f!important;font:.47rem var(--f-m)!important;letter-spacing:.12em!important;text-transform:uppercase}.loc-localities{gap:6px}.loc-localities span,.loc-localities a{padding:8px 9px;background:#0d110f}.loc-district-stage.is-switching .loc-stage-map>.loc-real-map{animation:districtMapChange .46s ease both}.loc-district-stage.is-switching .loc-stage-copy h3,.loc-district-stage.is-switching .loc-localities{animation:dossierReveal .42s ease both}.loc-district-stage.is-switching .loc-localities{animation-delay:.05s}.loc-stage-copy>a{margin-top:28px}@keyframes districtMapChange{0%{opacity:.65;transform:perspective(1000px) rotateX(2deg) rotateY(-3deg) scale(.985)!important}100%{opacity:1;transform:perspective(1000px) rotateX(2deg) rotateY(-3deg) scale(1)!important}}@keyframes dossierReveal{0%{opacity:0;translate:14px 0}100%{opacity:1;translate:0}}@media(max-width:1050px){.loc-district-list{grid-template-columns:repeat(4,1fr)}.loc-district-list button:nth-child(6n){border-right:1px solid #252b27}.loc-district-list button:nth-child(4n){border-right:0}.loc-district-stage{grid-template-columns:1fr}.loc-stage-map{min-height:590px}.loc-stage-copy{border-left:0;border-top:1px solid #313731}.loc-stage-copy:before{top:-1px;left:44px;width:120px;height:3px}}@media(max-width:720px){.loc-explorer{padding:105px 0}.loc-console{margin-top:52px;overflow:hidden}.loc-district-list{display:flex;padding:10px;overflow-x:auto;scroll-snap-type:x mandatory}.loc-district-list button{flex:0 0 205px;min-height:62px;scroll-snap-align:center;border:1px solid #29302b!important}.loc-district-stage{min-height:0}.loc-stage-top{left:16px;right:16px}.loc-stage-map{min-height:430px;padding:70px 4px 38px}.loc-stage-map>.loc-real-map{width:106%;filter:drop-shadow(10px 18px 12px rgba(0,0,0,.55));transform:none!important}.loc-map-frame{inset:56px 12px 16px}.loc-map-hint{bottom:14px}.loc-stage-copy{padding:58px 24px 46px}.loc-stage-copy:after{opacity:.45}.loc-dossier-kicker{margin-bottom:36px}.loc-stage-copy h3{font-size:clamp(3.4rem,16vw,5.1rem)}.loc-dossier-stats{margin-bottom:26px}.loc-section-head{gap:25px}}@media(prefers-reduced-motion:reduce){.loc-district-stage.is-switching .loc-stage-map>.loc-real-map,.loc-district-stage.is-switching .loc-stage-copy h3,.loc-district-stage.is-switching .loc-localities{animation:none!important}}
