body{overflow:hidden;background:#000;color:#eee;color-scheme:dark}body::before,.starfield{display:none!important}
.explorer{position:fixed;inset:0;height:100dvh;overflow:clip;background:linear-gradient(#000 0%,#000 66.346%,#1d0f40 100%);font-family:'Cover Inter',sans-serif;color:#eee}
#explorer-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
.galaxy-brand{position:absolute;left:20px;top:20px;font:24px/34px 'Cover Cormorant',serif;background:linear-gradient(#fff,#777);background-clip:text;color:transparent}
.flight-navigation{position:absolute;left:50px;top:88px;width:190px;z-index:5}
#navigation-map{display:block;width:174px;height:108px;border-radius:29px;border:1px solid #ffffff0d;background:#05040baa}
#navigation-toggle{display:flex;align-items:center;gap:12px;background:none;border:0;color:#ddd;padding:10px 0;font:16px/24px 'Cover Inter',sans-serif}
#navigation-toggle img{width:20px;height:20px;transition:transform .25s}#navigation-toggle[aria-expanded=true] img{transform:rotate(180deg)}
#destination-menu{position:absolute;top:151px;left:-12px;width:244px;padding:18px 12px 14px;background:linear-gradient(145deg,#20182bed,#0d0b16f5);border:1px solid #ffffff20;border-radius:18px;backdrop-filter:blur(22px);box-shadow:0 20px 60px #0007}
#destination-menu[hidden]{display:none}#destination-menu>p{font-size:9px;letter-spacing:1.6px;color:#aaa0b6;margin:0 10px 12px}
#destination-menu button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 10px;color:#eae6f0;background:none;border:0;border-radius:8px;font:15px 'Cover Inter',sans-serif;transition:background .2s}
#destination-menu button:hover,#destination-menu button:focus-visible{background:#ffffff0b}#destination-menu i{width:9px;height:9px;border-radius:50%;background:var(--planet);box-shadow:0 0 12px color-mix(in srgb,var(--planet),transparent 65%)}#destination-menu small{margin-left:auto;color:#81768c;font-size:10px}#destination-menu button span{min-width:100px}
#destination-menu>a{display:inline-block;font-size:11px;padding:15px 10px 0;color:#b6a9c4}
/* Figma navigation: unboxed text, 24px rows and 4px gaps. */
.flight-navigation{width:216px}
#navigation-toggle{gap:8px;padding:10px 0 0;color:#f4eefb}
#navigation-toggle[aria-expanded=true] img{transform:none}
#destination-menu{position:relative;top:auto;left:auto;width:216px;margin-top:16px;padding:0;background:none;border:0;border-radius:0;backdrop-filter:none;box-shadow:none;max-height:calc(100dvh - 300px);overflow:auto;scrollbar-width:thin}
#destination-menu{display:block}
.destination-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.destination-group+.destination-group{margin-top:16px}
.destination-group>p{margin:0;font:12px/24px 'Cover Inter',sans-serif;color:#aca0ba}
#destination-menu button{width:auto;max-width:100%;gap:8px;padding:0;border-radius:0;font:16px/24px 'Cover Inter',sans-serif;color:#535862;white-space:nowrap;background:none}
#destination-menu button:hover,#destination-menu button:focus-visible{background:none;color:#f4eefb}
#destination-menu button span{min-width:0}
.destination-name{display:inline-grid;text-align:left}.destination-name::after{content:attr(data-label);visibility:hidden;grid-area:1/1}.destination-name{position:relative}
.typed-name{grid-area:1/1}
.destination-arrow{position:relative;width:20px;height:20px;flex:0 0 20px}
.destination-arrow img{position:absolute;inset:0;width:20px;height:20px;transition:opacity .15s}
.destination-arrow .hover-arrow{opacity:0}#destination-menu button:is(:hover,:focus-visible) .hover-arrow{opacity:1}#destination-menu button:is(:hover,:focus-visible) .default-arrow{opacity:0}
#destination-menu #navigation-note{margin:10px 0 0;font:11px/18px 'Cover Inter',sans-serif;color:#aca0ba;letter-spacing:0}#navigation-note:empty{display:none}
.explorer button:focus-visible,.explorer a:focus-visible{outline:1px solid #d1b8f6;outline-offset:4px}
#planet-labels{position:absolute;inset:0;pointer-events:none}.planet-label{position:absolute;white-space:nowrap;font:11px/1.5 'Cover Inter',sans-serif;color:#cabdda;letter-spacing:.06em;transform:translate(-50%,0);opacity:0;transition:opacity .3s}.planet-label.near{opacity:.8}.planet-label.hello{opacity:1;font-size:18px;letter-spacing:0;padding:7px 15px;border-radius:18px 18px 18px 3px;background:linear-gradient(#29272ce8,#14121be8);border:1px solid #ffffff12;color:#fff}
#planet-preview{position:absolute;z-index:4;right:50px;bottom:120px;width:300px;padding:24px;background:linear-gradient(130deg,#282033e8,#100d19ed);border:1px solid #d4b7f12b;border-radius:20px;backdrop-filter:blur(24px);box-shadow:0 18px 60px #0005;animation:preview-in .3s ease both}
#planet-preview[hidden]{display:none}#preview-category{font-size:9px;letter-spacing:1.5px;color:#b3a0c5;margin:0 0 9px}#preview-title{font:32px/1.1 'Cover Cormorant',serif;margin:0 0 12px;letter-spacing:0}#preview-description{font-size:12px;line-height:1.7;color:#b9b0c4;margin:0 0 20px}#enter-planet{display:flex;justify-content:space-between;width:100%;padding:11px 14px;border:1px solid #d3bce43d;border-radius:24px;background:#ffffff06;color:#eee;font-size:12px}#planet-preview small{display:block;text-align:center;font-size:9px;color:#8c7d9a;margin-top:10px}
#flight-status{position:absolute;bottom:104px;left:50%;transform:translateX(-50%);font-size:11px;color:#b7a7cb;text-align:center;pointer-events:none;margin:0;max-width:70vw}
.flight-instructions{position:absolute;bottom:41px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;font:12px/1.3 'Cover Inter',sans-serif;color:#ffffff80}.flight-instructions>img{width:42px;height:42px;opacity:.7}.flight-instructions>img.space-key{width:37px;height:13px}
.explorer .chat-launcher{position:absolute;right:50px;bottom:50px;width:190px;height:50px;padding:0 18px;gap:8px}.guide-icon{width:20px;height:20px;flex:none;overflow:visible}.guide-head{opacity:.7}.guide-star{transform-box:fill-box;transform-origin:center;opacity:.7}.guide-border rect{stroke:url(#guide-light)}
@keyframes guide-twinkle{0%,100%{transform:scale(1);opacity:.7}24%{transform:scale(1.18);opacity:1}40%{transform:scale(1.05);opacity:.65}58%{transform:scale(1.13);opacity:.95}78%{transform:scale(1);opacity:.7}}
@media(hover:hover) and (pointer:fine){.chat-launcher:hover .guide-star{animation:guide-twinkle 1.8s ease-in-out infinite}.chat-launcher:hover .guide-star-small{animation-delay:.22s}}
.chat-launcher:focus-visible .guide-star{animation:guide-twinkle 1.8s ease-in-out infinite}.chat-launcher:focus-visible .guide-star-small{animation-delay:.22s}
@media(prefers-reduced-motion:reduce){.chat-launcher:hover .guide-star,.chat-launcher:focus-visible .guide-star{animation:none;opacity:1}}
.touch-flight{display:none}.project-detail>img{object-fit:contain!important}.project-detail h2{font-family:'Cover Cormorant',serif}.project-detail .about-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.project-detail .about-links a{font-size:14px;color:#dac4ff}
@keyframes preview-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.galaxy-brand{left:20px;top:16px;font-size:23px}.flight-navigation{left:20px;top:68px}#navigation-map{width:135px;height:84px}#navigation-toggle{font-size:13px}#destination-menu{top:125px}.flight-instructions{display:none}.explorer .chat-launcher{right:20px;bottom:28px;font-size:12px;height:42px;padding:0 14px}.touch-flight{display:block;position:absolute;z-index:5;left:16px;bottom:max(16px,env(safe-area-inset-bottom));width:104px;height:104px;border:1px solid #d8c5f12e;border-radius:50%;background:radial-gradient(circle,#bca1dc12 0 31%,#120d1ea6 32% 62%,#ffffff08 63% 64%,#0c0914a8 65%);box-shadow:inset 0 1px #ffffff16,0 10px 30px #0006;backdrop-filter:blur(8px)}.touch-flight::before,.touch-flight::after{content:'';position:absolute;left:50%;top:50%;background:#d3c2e91a;transform:translate(-50%,-50%);pointer-events:none}.touch-flight::before{width:1px;height:76px}.touch-flight::after{width:76px;height:1px}.touch-center{position:absolute;left:50%;top:50%;width:24px;height:24px;border:1px solid #e2d6f23b;border-radius:50%;background:radial-gradient(circle at 36% 30%,#d9c9ee2b,#7b5c9614);box-shadow:0 0 14px #ac87d31c;transform:translate(-50%,-50%)}.touch-flight button{position:absolute;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#d8cce5;font:15px/1 'Cover Inter',sans-serif;touch-action:none}.touch-flight button:active{background:#d3b8f120;color:#fff}.touch-flight button[data-direction=ArrowUp]{left:36px;top:3px}.touch-flight button[data-direction=ArrowLeft]{left:3px;top:36px}.touch-flight button[data-direction=ArrowDown]{left:36px;bottom:3px}.touch-flight button[data-direction=ArrowRight]{right:3px;top:36px}#planet-preview{right:20px;bottom:130px;width:min(290px,calc(100vw - 40px));padding:20px}#flight-status{bottom:126px;font-size:10px;width:90vw}.galaxy-cover{min-height:100svh}}
@media(pointer:coarse) and (min-width:701px){.touch-flight{display:flex;position:absolute;bottom:35px;left:40px;gap:8px}.touch-flight button{padding:12px;border:1px solid #ffffff30;background:#ffffff10;color:#eee;border-radius:8px}.flight-instructions{display:none}}
@media(prefers-reduced-motion:reduce){#planet-preview{animation:none}.planet-label,#navigation-toggle img{transition:none}}
@media(max-width:700px){#destination-menu{top:auto;max-height:calc(100dvh - 300px)}}
/* Figma 1319:3815: clipped artwork collage with a silver heading. */
#planet-preview{width:404px;height:450px;left:auto;right:50px;bottom:116px;padding:0;overflow:hidden;border:0;border-radius:18px;background:#17101f;backdrop-filter:none;box-shadow:none}
.preview-copy{position:absolute;top:7.22%;left:30px;right:27px;z-index:2}
#preview-title{font:400 24px/34px 'Cover Cormorant',serif;background:linear-gradient(180deg,#fff 8.75%,#d6d6d6b3 82.891%,#3c3b3b);background-clip:text;color:transparent;margin:0 0 8px}
#preview-description{font:400 12px/15.5px 'Cover Inter',sans-serif;color:#6a6a6a;margin:0;max-width:347px}
.preview-artwork{position:absolute;inset:0;pointer-events:none;display:none}#planet-preview[data-project=pominis] .preview-artwork{display:block}
.artwork-back{position:absolute;left:120.14px;top:198.35px;width:302.394px;height:158.016px;background:#fff;border-radius:5px;overflow:hidden;transform:rotate(-4deg)}
.artwork-crop{position:absolute;left:-12.15px;top:-21.75px;width:333.215px;height:187.261px}
.artwork-base{width:100%;height:100%;object-fit:contain}
.artwork-front{position:absolute;left:-22.952px;top:276.542px;width:349.632px;height:196.487px;object-fit:contain;transform:rotate(8.06deg)}
#preview-project-image{position:absolute;left:25px;top:183px;width:365px;height:225px;object-fit:contain;transform:rotate(-4deg);border-radius:5px}
#preview-project-image[hidden]{display:none}
#enter-planet{position:absolute;right:30px;bottom:7.11%;z-index:3;width:45px;height:45px;padding:0;border:0;border-radius:0;background:transparent;display:block;transition:transform .18s}
#enter-planet img{width:45px;height:45px}#enter-planet:hover{transform:translate(2px,-2px)}
#planet-preview[data-project=about]{height:230px}
#planet-preview.preview-pending{height:230px}#enter-planet[hidden]{display:none}
.preview-pending::after{content:'CASE STUDY · COMING SOON';position:absolute;bottom:30px;left:30px;font:10px 'Cover Inter',sans-serif;letter-spacing:1px;color:#aca0ba}
@media(max-width:700px){
  .flight-navigation{left:16px;top:64px;width:204px;padding:8px 10px 12px;border-radius:16px;background:linear-gradient(110deg,#05030bcf 0%,#07040aa3 72%,transparent 100%);text-shadow:0 1px 8px #000}
  #navigation-map{width:128px;height:80px;border-color:#ffffff1a;background:#030207cc;box-shadow:inset 0 0 22px #5e39721a,0 8px 24px #0004}
  #navigation-toggle{min-height:40px;padding:5px 0 0;font-size:14px;line-height:22px;color:#f5effb}
  #destination-menu{width:204px;max-height:calc(100dvh - 270px);margin-top:10px;padding-right:4px}
  .destination-group{gap:5px}.destination-group+.destination-group{margin-top:13px}
  .destination-group>p{font-size:11px;line-height:20px;color:#c5b8d2;letter-spacing:.04em}
  #destination-menu button{min-height:30px;font-size:14px;line-height:20px;color:#aaa1b3}
  #destination-menu button:is(:hover,:focus-visible){color:#fff}
  .destination-arrow{width:18px;height:18px;flex-basis:18px}.destination-arrow img{width:18px;height:18px}

  #planet-preview{width:calc(100vw - 32px);max-width:390px;height:312px;left:auto;right:16px;bottom:132px;border:1px solid #d9c2ed1c;border-radius:16px;background:linear-gradient(155deg,#1c1425f5,#100c18f8);box-shadow:0 18px 55px #0009}
  .preview-copy{top:22px;left:22px;right:68px}
  #preview-title{font-size:22px;line-height:29px;margin-bottom:5px}
  #preview-description{font-size:11px;line-height:15px;color:#9c92a4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .artwork-back{left:28%;top:128px;width:78%;height:130px}
  .artwork-front{left:-9%;top:190px;width:82%;height:auto}
  #preview-project-image{left:18px;top:113px;width:calc(100% - 36px);height:158px}
  #enter-planet{right:20px;bottom:20px;width:42px;height:42px}#enter-planet img{width:42px;height:42px}
  #planet-preview[data-project=about],#planet-preview.preview-pending{height:188px}
  .preview-pending::after{left:22px;bottom:22px;font-size:9px}
}
@media(max-width:380px){
  .flight-navigation{left:12px;top:58px;transform:scale(.94);transform-origin:top left}
  #planet-preview{right:12px;width:calc(100vw - 24px);height:286px;bottom:126px}
  .artwork-back{top:116px}.artwork-front{top:174px}#preview-project-image{top:106px;height:142px}
  .explorer .chat-launcher{right:12px;bottom:max(18px,env(safe-area-inset-bottom))}
  .touch-flight{left:12px;bottom:max(12px,env(safe-area-inset-bottom));transform:scale(.9);transform-origin:bottom left}
}
@media(max-width:700px) and (max-height:620px){
  .flight-navigation{top:52px;transform:scale(.88);transform-origin:top left}
  #planet-preview{height:250px;bottom:116px}.preview-copy{top:17px}.artwork-back{top:96px}.artwork-front{top:146px}#preview-project-image{top:90px;height:120px}
  #planet-preview[data-project=about],#planet-preview.preview-pending{height:158px}
}
@media(max-height:650px) and (min-width:701px){#planet-preview{height:360px;bottom:116px}.artwork-back{top:160px}.artwork-front{top:235px}}
.read-as-pages{position:absolute;z-index:5;right:50px;top:24px;padding:6px 0;font:400 11px/18px 'Cover Inter',sans-serif;letter-spacing:.35px;color:#88818e;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.read-as-pages:hover{color:#cbc3d3;border-bottom-color:#9589a255}
.read-as-pages:focus-visible{outline:1px solid #d1b8f6;outline-offset:5px}
@media(max-width:700px){.read-as-pages{right:20px;top:19px;font-size:10px}}