@import url('./portfolio-cosmic-full-v1.css');
/* Three distinct reversible arrivals: foreground descent, perspective dock,
   and an off-centre lens aperture. No shared crossfade between full screens. */
.cosmic-full-v4 .journey-stage #hero{clip-path:url(#journey-opening-cut)}
.cosmic-full-v4 .journey-stage #data-force{clip-path:none;transform:perspective(1500px) translate3d(0,var(--results-exit-y,0%),0) rotateX(var(--results-tilt,0deg)) scale(var(--results-exit-scale,1));transform-origin:50% 0;will-change:transform}
.cosmic-full-v4 .journey-stage #career-universe{clip-path:none;transform:scale(var(--career-exit-scale,1));transform-origin:68% 53%;filter:brightness(var(--career-exit-light,1));will-change:transform}
.cosmic-full-v4 .journey-stage #content-workflow{z-index:5;mask-image:var(--workflow-mask,linear-gradient(transparent,transparent));-webkit-mask-image:var(--workflow-mask,linear-gradient(transparent,transparent));}
.cosmic-full-v4 .journey-character-layer{visibility:visible;z-index:10}
.cosmic-full-v4 .journey-copy-layer{position:absolute;inset:0;z-index:11;pointer-events:none;container-type:size}
.cosmic-full-v4 .journey-copy-layer .intro{opacity:var(--intro-opacity,1);translate:0 var(--intro-y,0px)}
.cosmic-full-v4 .journey-stage>.hero-footer{z-index:12}
.cosmic-full-v4 .journey-character-layer video.ready{opacity:1;transition:none}
.cosmic-full-v4 #results-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:none}
.cosmic-full-v4 #planet-canvas{position:absolute;inset:0;transition:none}
.cosmic-full-v4 .scene-mode-buttons{display:flex;gap:3px;padding:3px;border:1px solid #ffffff38;border-radius:999px;background:#05081299;backdrop-filter:blur(12px)}
.cosmic-full-v4 .scene-mode-buttons button{border:0;border-radius:999px;color:#d1d7e2;background:transparent;font:500 11px "Helvetica Neue","PingFang SC",sans-serif;padding:8px 12px;cursor:pointer}
.cosmic-full-v4 .scene-mode-buttons button[aria-pressed=true]{background:#ffffff25;color:#fff}
.cosmic-full-v4 .scene-mode-buttons button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.cosmic-full-v4 .planet-controls{gap:7px}
.cosmic-full-v4 .workflow-space-controls{position:absolute;z-index:6;right:4.3%;top:72px;opacity:var(--journey-workflow-chrome,0)}
.cosmic-full-v4 #content-workflow .workflow-canvas{transform:translate3d(0,var(--workflow-bg-y,0%),0) scale(var(--workflow-bg-scale,1));transform-origin:35% 55%}
.cosmic-full-v4 #content-workflow .workflow-panel{translate:0 var(--workflow-panel-y,0px);clip-path:inset(var(--workflow-panel-cut,0%) 0 0 0 round 24px)}
.cosmic-full-v4 #content-workflow .workflow-panel>*{translate:0 calc(var(--workflow-panel-y,0px) * .15)}
.cosmic-full-v4 .planet-only :is(.results-local,.results-heading,.results-metrics){opacity:0!important}
@media(max-width:750px){.cosmic-full-v4 .planet-controls{right:24px;top:70px;gap:5px}.cosmic-full-v4 .planet-controls>#planet-view{display:none}.cosmic-full-v4 .scene-mode-buttons button{padding:7px 9px;font-size:10px}.cosmic-full-v4 .workflow-space-controls{top:66px;right:20px}}
@media(prefers-reduced-motion:reduce){.cosmic-full-v4 .journey-stage #data-force{transform:none}.cosmic-full-v4 .journey-stage #career-universe{transform:none;filter:none}}

/* Approved horizontal / vertical spatial hand-offs, no preview UI or particle pass. */
.cosmic-full-v4 .journey-track{height:calc(var(--journey-height)*9.72)}
.cosmic-full-v4 .journey-stage #career-universe{transform:none;filter:none}
.cosmic-full-v4 .journey-stage #content-workflow{z-index:2;mask-image:none;-webkit-mask-image:none}
.cosmic-full-v4 .results-background{transform:translate3d(0,var(--results-y,0%),0) scale(var(--results-scale,1))}
.cosmic-scroll-warp{position:absolute;inset:0;z-index:7;width:100%;height:100%;visibility:hidden;pointer-events:none}
.cosmic-full-v4 .journey-stage #career-planet-canvas{z-index:-1}
.cosmic-full-v4 .journey-stage .career-universe-sky{z-index:-2}
.cosmic-full-v4 :is(.space-controls,.career-space-controls,.scene-mode-buttons){padding:0;border:0;background:transparent;backdrop-filter:none}
.cosmic-full-v4 :is(.space-controls,.career-space-controls,.scene-mode-buttons) .universe-toggle{position:relative;isolation:isolate;width:auto;height:auto;margin:0;display:inline-flex;align-items:center;gap:7px;border:1px solid #d8e4ff90;border-radius:99px;background:#080d1bc9;color:#fff;font:600 13px/1.3 "Heiti SC","STHeiti","PingFang SC",sans-serif;letter-spacing:.12em;padding:10px 17px;cursor:pointer;white-space:nowrap;box-shadow:0 0 19px #9fbaff25}
.cosmic-full-v4 .universe-toggle::after{content:"";position:absolute;inset:-5px;border:1px solid #dbe7ffc9;border-radius:inherit;pointer-events:none;opacity:0;animation:universe-invitation 2.6s ease-out infinite;will-change:opacity,transform}
.cosmic-full-v4 .universe-toggle span{font-size:14px;line-height:1;color:#eff4ff;animation:universe-spark 2.6s ease-in-out infinite;will-change:opacity,transform}
.cosmic-full-v4 .career-space-controls #career-space-switch.universe-toggle{font-size:13px;line-height:1.3;padding:10px 17px}
.cosmic-full-v4 .universe-toggle[aria-pressed=true]{border-color:#e7eeffa8;background:#19233bd9}
.cosmic-full-v4 .universe-toggle:disabled{cursor:wait;opacity:.65}.cosmic-full-v4 .universe-toggle:focus-visible{outline:2px solid #fff;outline-offset:5px}
@keyframes universe-invitation{0%{opacity:0;transform:scale(.98)}8%{opacity:.95;transform:scale(1.01)}30%{opacity:0;transform:scale(1.18)}31%{opacity:0;transform:scale(.98)}39%{opacity:.8;transform:scale(1.01)}65%,100%{opacity:0;transform:scale(1.2)}}
@keyframes universe-spark{0%,30%,65%,100%{opacity:.65;transform:scale(1)}8%,39%{opacity:1;transform:scale(1.22)}}
.cosmic-full-v4 .workflow-destinations{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cosmic-full-v4 .workflow-route{min-width:0;width:100%;padding:14px 10px;font-size:clamp(12px,1.02cqw,17px);text-align:center;letter-spacing:.02em}
.cosmic-full-v4 .workflow-panel .workflow-route-secondary{background:#0b1228a8;color:#f5f7ff;border:1px solid color-mix(in srgb,var(--workflow-accent),transparent 42%);box-shadow:inset 0 0 14px #b8ccff09}
.cosmic-full-v4 .workflow-route:hover{filter:brightness(1.15)}
@media(max-width:600px){.cosmic-full-v4 :is(.space-controls,.career-space-controls,.scene-mode-buttons) .universe-toggle,.cosmic-full-v4 .career-space-controls #career-space-switch.universe-toggle{font-size:12px;padding:9px 13px}.cosmic-full-v4 .workflow-destinations{gap:9px}.cosmic-full-v4 .workflow-route{font-size:12px;padding:12px 8px}}
@media(prefers-reduced-motion:reduce){.cosmic-full-v4 .universe-toggle::after{animation:none;opacity:0}.cosmic-full-v4 .universe-toggle span{animation:none;opacity:1;transform:none}}