.map-home{--aside-l:min(380px, 30vw);--aside-r:96px;--frame-y:38px;--q:calc(1 - var(--p));background:var(--color-topo);height:100dvh;color:var(--color-charcoal);overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}.map-stage{background:var(--color-ink);clip-path:inset(calc(var(--frame-y) * var(--q)) calc(var(--aside-r) * var(--q)) calc(var(--frame-y) * var(--q)) calc(var(--aside-l) * var(--q)));touch-action:none;position:absolute;inset:0}.map-canvas{cursor:grab;width:100%;height:100%;display:block}.map-canvas:active{cursor:grabbing}.map-home:not(.is-entered) .map-canvas{cursor:s-resize}.map-gridlines{inset:calc(var(--frame-y) * var(--q)) calc(var(--aside-r) * var(--q)) calc(var(--frame-y) * var(--q)) calc(var(--aside-l) * var(--q));opacity:calc(var(--q) * .35);position:absolute}.map-gridlines span,.map-gridlines i{background:var(--color-charcoal);position:absolute}.map-gridlines span{width:1px;top:-20px;bottom:-20px}.map-gridlines i{height:1px;left:-20px;right:-20px}.map-aside-left{width:var(--aside-l);color:var(--color-charcoal);opacity:calc(1 - var(--p) * 1.6);translate:calc(var(--p) * -60px) 0;pointer-events:auto;flex-direction:column;padding:40px 32px 40px 40px;display:flex;position:absolute;top:0;bottom:0;left:0}.map-aside-left h1{color:var(--color-orman)}.map-home.is-entered .map-aside-left,.map-home.is-entered .map-vertical{visibility:hidden}.map-vertical{color:var(--color-charcoal);opacity:calc(1 - var(--p) * 2);text-align:center;font-weight:400;line-height:1.6;position:absolute;top:50%;translate:0 -50%}.map-vertical--l{left:calc(var(--aside-l) - 34px)}.map-vertical--r{right:30px}.map-logo{top:calc(var(--frame-y) * var(--q) + 16px);left:calc(var(--aside-l) * var(--q) + 20px);z-index:5;position:absolute}.map-hud-top{top:calc(var(--frame-y) * var(--q) * .5 - 8px + var(--p) * 30px);left:calc(var(--aside-l) * var(--q));right:calc(var(--aside-r) * var(--q));color:color-mix(in srgb, var(--color-charcoal) calc(var(--q) * 100%), var(--color-mint));z-index:5;pointer-events:none;justify-content:center;align-items:center;gap:48px;display:flex;position:absolute}.map-compass{transition:none}.map-enter{left:calc(var(--aside-l) * var(--q));right:calc(var(--aside-r) * var(--q));color:var(--color-mint);text-align:center;opacity:calc(1 - var(--p) * 2.5);z-index:5;text-shadow:0 0 24px #06291e99;position:absolute;top:50%;translate:0 -50%}.map-enter__arrow{animation:1.6s ease-in-out infinite arrow-nudge}.map-home.is-entered .map-enter{visibility:hidden}.map-controls{right:calc(var(--aside-r) * var(--q) + 16px);z-index:6;color:var(--color-mint);flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:absolute;top:50%;translate:0 -50%}.map-tour-btn{min-width:0;opacity:var(--p);pointer-events:none}.map-home.is-entered .map-tour-btn{pointer-events:auto}.map-zoom{width:32px;height:32px;color:var(--color-mint);background:#06291ebf;border:1px solid #f4e9da40;place-items:center;display:grid}.map-zoom+.map-zoom{border-top:0}.map-zoom:hover{background:var(--color-mint);color:var(--color-ink)}.map-latest{right:calc(var(--aside-r) * var(--q) + 16px);bottom:calc(var(--frame-y) * var(--q) + 16px);width:250px;color:var(--color-mint);z-index:6;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:#06291ee0;padding:12px 14px 16px;transition:background .2s;position:absolute}.map-hud-bottom{bottom:calc(var(--frame-y) * var(--q) * .5 - 6px + var(--p) * 22px);left:calc(var(--aside-l) * var(--q) + var(--p) * 20px);right:calc(var(--aside-r) * var(--q) + 290px * var(--p));color:color-mix(in srgb, var(--color-charcoal) calc(var(--q) * 100%), var(--color-mint));z-index:5;pointer-events:none;justify-content:space-between;gap:24px;display:flex;position:absolute}.map-scale{align-items:center;gap:8px;display:inline-flex}.map-scale i{border:1px solid;border-top:0;width:80px;height:6px;display:block}.map-tour{width:min(440px,100vw - 32px);color:var(--color-mint);z-index:7;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:#06291eeb;padding:14px 16px 16px;position:absolute;bottom:64px;left:50%;translate:-50%}.map-tour:not([hidden]){animation:reveal-y .5s var(--ease-trail) both}.map-tour__btn{border:1px solid #f4e9da66;place-items:center;width:32px;height:32px;display:grid}.map-home.is-touring .map-latest{opacity:0;pointer-events:none}body:has(.map-home:not(.is-entered)) .trail-menu{opacity:0;pointer-events:none;translate:0 -8px}.trail-menu{transition:opacity .4s, translate .4s var(--ease-trail)}.map-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-label,.map-hotspot,.map-poi{will-change:transform;transition:opacity .35s;position:absolute;top:0;left:0}.map-label.is-hidden,.map-hotspot.is-hidden,.map-poi.is-hidden{opacity:0;pointer-events:none!important}.map-label{color:var(--color-mint);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 6px #06291ee6,0 0 2px #06291ee6;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex;translate:-4px -50%}.map-label b{background:var(--color-mint);outline:2px solid var(--color-ink);width:6px;height:6px}.map-label--sehir span{font-family:var(--font-display);letter-spacing:.04em;font-size:22px}.map-label--deniz{color:#f4e9da8c;letter-spacing:1.2em;font-size:12px;translate:-50% -50%}.map-label--zirve i,.map-label--yayla i,.map-label--ada i{color:var(--color-mint)}.map-hotspot{pointer-events:auto;display:block;translate:-50% -50%}.map-hotspot>i{background:var(--color-charcoal);width:38px;height:38px;color:var(--color-mint);border:2px solid var(--color-mint);clip-path:polygon(16% 2%,81% 0,100% 14%,100% 79%,87% 96%,16% 100%,0 84%,0 16%);transition:background .2s, color .2s, scale .3s var(--ease-pop);place-items:center;display:grid}.map-hotspot:hover>i,.map-hotspot:focus-visible>i{background:var(--color-mint);color:var(--color-ink);scale:1.12}.map-hotspot__tip{background:var(--color-mint);min-width:180px;color:var(--color-ink);font-family:var(--font-display);text-transform:uppercase;opacity:0;pointer-events:none;padding:8px 10px;font-size:20px;line-height:.95;transition:opacity .2s;position:absolute;top:50%;left:46px;translate:0 -50%}.map-hotspot__tip small{font-family:var(--font-mono);letter-spacing:.05em;margin-bottom:4px;font-size:10px;display:block}.map-hotspot:hover .map-hotspot__tip,.map-hotspot:focus-visible .map-hotspot__tip{opacity:1}.map-poi{color:var(--color-mint);text-transform:uppercase;text-shadow:0 0 6px #06291ee6;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex;translate:-50% -50%}.map-poi>i{border:1.5px solid var(--color-mint);background:#06291eb3;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.map-poi span{opacity:0;transition:opacity .2s}.map-poi:hover span{opacity:1}.map-page{pointer-events:auto;color:var(--color-mint);text-align:left;align-items:center;gap:10px;transition:opacity .35s;display:flex;position:absolute;top:0;left:0;translate:-24px -50%}.map-page.is-hidden{opacity:0;pointer-events:none}.map-page>i{background:var(--color-mint);width:48px;height:48px;color:var(--color-ink);clip-path:polygon(0 34%,10% 13%,31% 0,48% 14%,58% 7%,74% 3%,94% 13%,100% 35%,98% 65%,88% 89%,72% 100%,49% 82%,43% 91%,23% 98%,5% 80%,0 57%);transition:scale .35s var(--ease-pop);place-items:center;display:grid}.map-page>i:after{content:"";position:absolute}.map-page:hover>i,.map-page:focus-visible>i,.map-page.is-active>i{scale:1.15}.map-page span{text-shadow:0 0 8px #06291ef2;flex-direction:column;display:flex}.map-page b{font-family:var(--font-display);text-transform:uppercase;font-size:24px;font-weight:400;line-height:.9}.map-page small{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.map-page:before{content:"";border:1.5px solid var(--color-mint);opacity:0;pointer-events:none;border-radius:999px;width:64px;height:64px;animation:2.4s ease-out infinite page-ping;position:absolute;top:50%;left:24px;translate:-50% -50%}@keyframes page-ping{0%{opacity:.8;scale:.6}to{opacity:0;scale:1.6}}.map-panel{width:min(460px,100vw - 32px);max-height:calc(100dvh - 140px);color:var(--color-mint);z-index:8;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);scrollbar-width:thin;scrollbar-color:var(--color-sage) transparent;background:#06291ef0;position:absolute;top:50%;right:24px;overflow:auto;translate:0 -50%}.map-panel:not([hidden]){animation:panel-stone-in .9s var(--ease-trail) both}.map-panel.is-closing{animation:panel-stone-out .5s var(--ease-trail) both}@keyframes panel-stone-in{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)}45%{clip-path:polygon(38% 30%,62% 26%,74% 40%,72% 64%,60% 74%,36% 72%,26% 58%,28% 38%)}to{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,100% 100%,0 100%,0 100%,0 0)}}@keyframes panel-stone-out{to{opacity:0;clip-path:polygon(40% 35%,60% 32%,68% 45%,66% 62%,56% 70%,40% 68%,32% 56%,34% 40%)}}.map-panel__body{padding:28px 28px 32px}.map-panel__body>*{animation:reveal-y .7s var(--ease-trail) both}.map-panel__body>:nth-child(2){animation-delay:80ms}.map-panel__body>:nth-child(3){animation-delay:.16s}.map-panel__body>:nth-child(4){animation-delay:.24s}.map-panel__body>:nth-child(n+5){animation-delay:.32s}.map-panel__close{float:right;background:var(--color-ink);z-index:1;border:1px solid #f4e9da59;place-items:center;width:40px;height:40px;margin:12px 12px 0 0;display:grid;position:sticky;top:0}.map-home.has-panel .map-latest,.map-home.has-panel .map-controls{opacity:0;pointer-events:none}@media (width<=799.98px){.map-panel{width:auto;max-height:62dvh;inset:auto 12px 12px;translate:0}.map-home{--aside-l:0px;--aside-r:0px;--frame-y:0px}.map-aside-left,.map-vertical,.map-gridlines{display:none}.map-hud-top{gap:20px;top:64px}.map-hud-bottom{display:none}.map-latest{width:auto;bottom:16px;left:16px;right:16px}.map-home.is-touring .map-latest{display:none}.map-tour{bottom:16px}.map-controls{top:auto;bottom:150px;translate:0}}.map-tour,.map-latest,.map-panel{color:var(--color-ink);--btn-contrast:var(--color-topo);outline:1px solid #12674c59;background:var(--color-topo)!important}.map-latest:hover{background:var(--color-mint)!important}.map-tour .text-sage,.map-panel .text-sage,.map-latest .text-sage,.map-tour__title,.map-panel h2,.map-latest .font-display{color:var(--color-orman)}.map-latest>span:first-child{border-color:#06291e33}.map-tour__btn{border-color:#06291e59!important}.map-tour__btn:hover{background:var(--color-orman)!important;color:var(--color-mint)!important}.map-tour__bar{background:#06291e26!important}.map-tour__bar i{background:var(--color-orman)!important}.map-panel__close{color:var(--color-ink);background:var(--color-topo)!important;border-color:#06291e59!important}.map-panel__close:hover{background:var(--color-orman)!important;color:var(--color-mint)!important}.map-panel .hairline{border-color:#06291e33}.map-panel a.bg-mint,.map-panel a[class*=hover\:bg-mint]:hover{background:var(--color-orman);color:var(--color-mint)}.preloader__list[data-astro-cid-xtleqxzo] li[data-astro-cid-xtleqxzo]{opacity:0;transition:opacity .4s, transform .4s var(--ease-trail);transform:translateY(6px)}.preloader__list[data-astro-cid-xtleqxzo] li[data-astro-cid-xtleqxzo].is-on{opacity:1;transform:none}.preloader__trail[data-astro-cid-xtleqxzo]{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0));transition:stroke-dashoffset .6s var(--ease-trail)}.preloader__casing[data-astro-cid-xtleqxzo]{opacity:.12}.preloader__logo[data-astro-cid-xtleqxzo]{animation:2.4s ease-in-out infinite logo-breathe}@keyframes logo-breathe{50%{transform:translate(-50%)rotate(-3deg)scale(1.04)}}.preloader__dot[data-astro-cid-xtleqxzo]{opacity:0;transition:opacity .3s, scale .6s var(--ease-pop);scale:.6}.preloader__dot[data-astro-cid-xtleqxzo].is-on{opacity:1;scale:1}.preloader[data-astro-cid-xtleqxzo].is-done{animation:preloader-out .9s var(--ease-trail) forwards;pointer-events:none}@keyframes preloader-out{0%{clip-path:polygon(0% 50%,0% 0%,100% 0%,100% 50%,100% 50%,100% 100%,50% 100%,50% 100%,50% 100%,0% 100%,0% 100%)}40%,50%{clip-path:polygon(43.5% 45.2%,46.7% 40.9%,51.4% 39.9%,55.7% 44.3%,56.8% 48%,56.7% 51.4%,57.4% 54.9%,55.2% 60%,50% 61.9%,47.3% 59.2%,44.3% 54.8%)}to{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%)}}
