/* Depth resolves into a quiet, readable plane. Fixed controls remain anchored. */
#header{view-transition-name:world-nav}
#assistant-launch{view-transition-name:world-guide}
.world-compass{view-transition-name:world-compass}
::view-transition{pointer-events:none}
::view-transition-group(root){isolation:isolate}
::view-transition-old(root){animation:world-plane-out .32s cubic-bezier(.35,0,.5,1) both;transform-origin:50% 45%}
::view-transition-new(root){animation:world-plane-in .52s cubic-bezier(.16,.8,.2,1) both;transform-origin:50% 45%;mix-blend-mode:normal}
::view-transition-group(world-nav),::view-transition-group(world-guide),::view-transition-group(world-compass){animation:none}
::view-transition-old(world-nav),::view-transition-old(world-guide),::view-transition-old(world-compass){animation:none;opacity:0}
::view-transition-new(world-nav),::view-transition-new(world-guide),::view-transition-new(world-compass){animation:none;mix-blend-mode:normal}
::view-transition-group(world-avatar){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.8,.2,1);z-index:10}
::view-transition-old(world-avatar),::view-transition-new(world-avatar){height:100%;object-fit:contain;mix-blend-mode:normal}
html[data-world-travel=outward]::view-transition-old(root){animation-name:world-plane-return-out}
html[data-world-travel=outward]::view-transition-new(root){animation-name:world-plane-return-in}
@keyframes world-plane-out{to{opacity:0;transform:perspective(1400px) translate3d(0,-15px,100px) rotateX(-2deg)}}
@keyframes world-plane-in{from{opacity:0;transform:perspective(1400px) translate3d(0,30px,-130px) rotateX(5deg)}to{opacity:1;transform:none}}
@keyframes world-plane-return-out{to{opacity:0;transform:perspective(1400px) translate3d(0,22px,-100px) rotateX(3deg)}}
@keyframes world-plane-return-in{from{opacity:0;transform:perspective(1400px) translate3d(0,-12px,85px) rotateX(-2deg)}to{opacity:1;transform:none}}
.reveal-section{opacity:.5;transform:perspective(1500px) translate3d(0,32px,-22px) rotateX(2deg);transform-origin:50% 0;transition:opacity .7s ease,transform .85s cubic-bezier(.16,.8,.2,1)}
.reveal-section.in-view,.reveal-section:focus-within{opacity:1;transform:none}
/* Seven small coordinates show position without taking space from the story. */
.world-compass{display:none}
@media(min-width:1180px){
 .world-compass{position:fixed;z-index:25;left:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0;isolation:isolate}
 .world-compass:before,.world-compass:after{content:'';position:absolute;top:20px;bottom:20px;width:1px;left:21px;z-index:-1;background:var(--line);pointer-events:none}
 .world-compass:after{background:var(--blue);transform-origin:50% 0;transform:scaleY(var(--journey-progress,0));transition:transform .45s ease;opacity:.7}
 .world-compass a{width:44px;height:40px;display:grid;place-items:center;position:relative;color:var(--soft);direction:ltr;border-radius:50%;font-family:'Outfit',sans-serif}
 .world-compass i{height:5px;width:5px;border-radius:50%;background:var(--soft);box-shadow:0 0 0 5px var(--bg);transition:background .2s,transform .2s}
 .world-compass b{position:absolute;font-size:10px;font-weight:400;opacity:0;background:var(--bg);padding:3px;line-height:1.5;transition:opacity .2s}
 .world-compass span{position:absolute;left:43px;white-space:nowrap;padding:5px 12px;border:1px solid var(--line);border-radius:8px;background:var(--glass);color:var(--ink);font:13px var(--font);opacity:0;transform:translateX(-5px);pointer-events:none;transition:opacity .2s,transform .2s}
 .world-compass a[aria-current] b{opacity:1;color:var(--blue)}
 .world-compass a[aria-current] i{transform:scale(2);background:var(--blue)}
 .world-compass a:hover span,.world-compass a:focus-visible span{opacity:1;transform:none}
 .world-compass a:hover i{background:var(--blue)}
 body.chat-is-open .world-compass{opacity:.35;pointer-events:none}
}
@media(max-width:760px){
 .reveal-section{transform:perspective(1200px) translate3d(0,20px,-10px) rotateX(1deg);transition-duration:.6s}
 ::view-transition-old(root){animation-duration:.24s}
 ::view-transition-new(root),::view-transition-group(world-avatar){animation-duration:.38s}
}
.motion-paused .reveal-section{opacity:1;transform:none;transition:none}
.motion-paused .world-compass *,.motion-paused .world-compass:after{transition:none}
html:has(.motion-paused)::view-transition-old(root),html:has(.motion-paused)::view-transition-new(root){animation:none}
@media(prefers-reduced-motion:reduce){
 .reveal-section{opacity:1;transform:none;transition:none}
 .world-compass *,.world-compass:after{transition:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}

/* A single, prominent contact action beside Explore in either reading direction. */
.nav-connect{display:flex;direction:ltr;align-items:center;gap:12px;flex-shrink:0}
.nav-connect .map-toggle{direction:inherit}
html[dir=rtl] .nav-connect .map-toggle{direction:rtl}
.nav-talk{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 18px;border:1px solid #91adff70;border-radius:11px;background:linear-gradient(120deg,#3261cf,#6844d9);color:#fff;font:500 16px/1.4 'Outfit',sans-serif;white-space:nowrap;box-shadow:0 4px 22px #465fe52b;transition:transform .2s,box-shadow .2s,border-color .2s}
.nav-talk svg{width:17px;height:17px}.nav-talk:hover,.nav-talk[aria-current=page]{border-color:#b7d8ff;box-shadow:0 5px 25px #526ef64d}.nav-talk:hover{transform:translateY(-2px)}
@media(max-width:1180px){.nav-connect{gap:6px}.nav-talk{padding-inline:14px;gap:8px;font-size:15px}}
@media(max-width:760px){.nav-shell{gap:6px}.nav-connect{gap:5px}.nav-talk{min-height:44px;padding:10px 12px;font-size:13px;border-radius:9px}.nav-talk svg{display:none}.theme-switch button[aria-pressed=true]{display:none}.nav-tools{gap:3px}.nav-shell .brand-window{width:104px}.nav-shell .brand-icon-ar{width:35px;height:30px}.nav-shell .brand-word-ar{font-size:29px}.nav-shell .brand-ar{gap:5px}.nav-shell .brand-dot-ar{width:5px;height:5px;margin-bottom:6px}}
@media(max-width:359px){.nav-shell{height:122px;align-items:flex-start;padding-top:14px;position:relative}.nav-shell>.brand{height:44px}.nav-connect{position:absolute;left:0;right:0;bottom:8px;justify-content:center;gap:12px}.nav-connect .map-toggle span{display:inline}.nav-talk{padding-inline:20px;font-size:14px}.nav-tools{height:44px;gap:6px}#main-nav{top:130px}#main>section:first-child{padding-top:174px}html{scroll-padding-top:145px}section[id]{scroll-margin-top:135px}}
@media(prefers-reduced-motion:reduce){.nav-talk{transition:none}.nav-talk:hover{transform:none}}
.motion-paused .nav-talk{transition:none}