.ambient-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
#intro,#destinations,#gilgit,#planner{isolation:isolate}
#intro,#destinations{position:relative;overflow:hidden}
#intro>.wrap,#destinations>.wrap{position:relative;z-index:1}
.intro-open{margin-top:34px;padding:11px 0;border-bottom:1px solid var(--ink);display:inline-flex;gap:45px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.02em;transition:gap .3s}.intro-open:hover{gap:55px}.intro-open span{font-size:20px}
.intro-note{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;margin-top:32px;padding:32px;background:#fffdf8;border:1px solid #1738311d;border-radius:18px;box-shadow:0 20px 55px #17383112;transform-origin:top left;animation:note-open .65s cubic-bezier(.16,1,.3,1) both}
@keyframes note-open{from{opacity:0;transform:perspective(900px) rotateX(-12deg) translateY(-16px)}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0)}}
.intro-note-images{position:relative;height:270px}.intro-note-images img{position:absolute;width:68%;height:85%;object-fit:cover;border:7px solid white;border-radius:7px;box-shadow:0 15px 32px #102c2b36;transform:rotate(-4deg);left:4%;top:7%}.intro-note-images img+img{left:37%;top:0;transform:rotate(6deg)}.intro-note h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(31px,3vw,47px);line-height:1.08;letter-spacing:-.04em;margin:20px 0 14px}.intro-note p{color:var(--muted);font-size:14px;max-width:400px}
#intro .ambient-canvas{opacity:.75}#destinations .ambient-canvas{opacity:.5}
#gilgit .ambient-canvas{z-index:1;mix-blend-mode:screen}#gilgit .wrap,#gilgit .banner-caption{z-index:3}
.gilgit-spot{position:absolute;z-index:4;width:34px;height:34px;border-radius:50%;background:#fffdf7df;color:#173831;font-size:22px;line-height:1;box-shadow:0 0 0 9px #fffdf73a,0 6px 24px #082a3659;transition:transform .3s,background .3s}.gilgit-spot:hover,.gilgit-spot.active{transform:scale(1.2);background:#f3d7a2}.gilgit-spot[data-spot=horizon]{left:73%;top:34%}.gilgit-spot[data-spot=city]{left:83%;top:63%}.gilgit-note{position:absolute;z-index:4;right:7%;bottom:105px;max-width:280px;padding:18px 20px;background:#fffdf7e8;color:#173831;border-radius:12px;backdrop-filter:blur(16px);box-shadow:0 16px 36px #06262b4d;font-size:13px;line-height:1.55;animation:note-open .45s ease-out both}.gilgit-note strong{display:block;font-size:17px;margin-bottom:5px}
#planner .ambient-canvas{z-index:2;opacity:.65}#planner>.wrap{z-index:3}
#click-canvas{position:fixed;inset:0;z-index:9998;width:100%;height:100%;pointer-events:none}
.route-atlas{height:190px;position:relative;overflow:hidden;border-radius:14px;border:1px solid #17383124;background:linear-gradient(120deg,#f9faf3c9,#dde8deaa);margin-top:20px;box-shadow:inset 0 2px 20px #456f4b0c}
.route-atlas{transform:perspective(1100px) rotateX(var(--atlas-rx,0deg)) rotateY(var(--atlas-ry,0deg));transition:transform .3s ease-out,box-shadow .3s}.route-atlas:hover{box-shadow:0 18px 35px #17383120,inset 0 2px 20px #456f4b0c}
#gilgit>img{transition:object-position .35s ease-out}
@media(min-width:1101px){.route-image{height:920px}}
#route-atlas-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.atlas-stops{position:absolute;inset:0;z-index:2}
.atlas-stop{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#fffef4;border:1px solid #31594a;box-shadow:0 0 0 5px #ffffff77,0 4px 12px #193e3833;display:grid;place-items:center;font-size:10px;font-weight:600;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.atlas-stop:hover,.atlas-stop.active{background:#183f38;color:#fff;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 7px #c2d7cb99,0 5px 16px #17383140}
.atlas-stop:after{content:attr(data-name);position:absolute;top:32px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;font-weight:600;letter-spacing:.03em;color:#25483d;background:#f8faf1df;padding:2px 5px;border-radius:3px}
.atlas-caption{position:absolute;left:14px;bottom:8px;margin:0;font-size:10px;color:#365c4e;z-index:1;background:#f8faf1d9;padding:4px 7px;border-radius:4px;max-width:82%}
.moment-frame{position:relative;overflow:hidden;border-radius:10px;isolation:isolate}.moment-frame img{display:block;transition:transform 1s cubic-bezier(.2,.75,.2,1)}.experience:hover .moment-frame img{transform:scale(1.04)}.moment-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.experience{cursor:crosshair}.experience:after{content:'Move to explore · Click to stir the scene';display:block;margin:14px 15px 0;color:#678178;font-size:10px;letter-spacing:.03em}
.story-swap{position:absolute;bottom:20px;left:20px;z-index:4;padding:10px 14px;border-radius:30px;background:#fffdf1e9;color:#1c4a3c;font-size:11px;font-weight:600;box-shadow:0 8px 22px #082f2a35;backdrop-filter:blur(8px);transition:transform .3s,background .3s}.story-swap:hover{transform:translateY(-4px);background:white}.story-swap span{font-size:15px;margin-left:9px}
.dest-image:before{content:'Explore the place →';position:absolute;bottom:20px;left:20px;z-index:2;font-size:11px;font-weight:600;color:white;letter-spacing:.03em;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s;text-shadow:0 2px 8px #001b1c}.dest-image:hover:before,.dest-image:focus-visible:before{opacity:1;transform:translateY(0)}.dest-image:hover:after{background:linear-gradient(180deg,#061c1d19,transparent 24%,#06262d99)}
.journal-card{position:relative}.journal-card:after{content:'';position:absolute;left:25px;bottom:17px;width:calc(100% - 50px);height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.16,1,.3,1)}.journal-card:hover:after,.journal-card:focus-visible:after{transform:scaleX(1)}
.modal:has(#detail-content>img){max-width:880px}.modal #detail-content>img{height:clamp(300px,45vh,460px)}.modal[open]{transform-origin:10% center;animation:journal-open .55s cubic-bezier(.16,1,.3,1) both}.modal[open]::backdrop{animation:backdrop-open .5s ease both}@keyframes journal-open{from{opacity:0;transform:perspective(1000px) rotateY(-8deg) translateY(35px) scale(.96)}to{opacity:1;transform:perspective(1000px) rotateY(0) translateY(0) scale(1)}}@keyframes backdrop-open{from{opacity:0}to{opacity:1}}
.plan-result{position:relative;overflow:hidden}.plan-result canvas{width:100%;height:125px;display:block;margin:15px 0;border-top:1px solid #fffdf745;border-bottom:1px solid #fffdf745}.plan-result li{line-height:1.8}.plan-result h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px}
.hero-portal{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;pointer-events:none;will-change:clip-path,opacity}.hero-destination.is-launching{z-index:9!important}.hero-destination.is-launching .floating-print{animation-play-state:paused;transform:translateY(-16px) scale(1.07)!important;box-shadow:0 25px 65px #001624bb}
@media(max-width:760px){.route-atlas{height:180px}.atlas-stop:after{font-size:8px}.experience:after{font-size:9px}.story-swap{left:14px;bottom:14px}.dest-image:before{opacity:1;transform:none;bottom:16px;left:16px}.hero-portal{object-position:58% 50%}.intro-note{grid-template-columns:1fr;padding:22px}.intro-note-images{height:220px}.gilgit-spot[data-spot=horizon]{left:78%;top:30%}.gilgit-spot[data-spot=city]{left:86%;top:62%}.gilgit-note{right:5%;bottom:55px;max-width:220px}}
@media(prefers-reduced-motion:reduce){.ambient-canvas,.moment-canvas,#click-canvas,.route-atlas canvas{display:none!important}.modal[open],.modal[open]::backdrop{animation:none!important}.hero-portal{display:none!important}}