/* Quanta Orbis — an entrance, a meaning, then the existing personal portfolio. */
html.qo-pending body > :not(#qo-intro){visibility:hidden}html.qo-pending body{background:#080f1d}html.qo-open,html.qo-open body{overflow:hidden}
.qo-intro{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#080f1d;color:#eee7db;isolation:isolate;touch-action:none;overscroll-behavior:none}
.qo-intro[open]{display:grid;place-items:center;grid-template-columns:minmax(0,1fr)}.qo-intro::backdrop{background:transparent}.qo-intro::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,#18354c55,transparent 70%)}
.qo-stage{position:relative;z-index:2;width:min(105vw,1280px,142svh);aspect-ratio:3/2;transform-origin:50% 38%;will-change:transform,opacity;transform-style:preserve-3d}
.qo-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;mask-image:radial-gradient(ellipse closest-side at 50% 48%,#000 65%,#000e 78%,transparent 100%)}
.qo-globe-canvas{position:absolute;left:33.13%;top:14.55%;width:29.6%;height:44.4%;pointer-events:none;border-radius:50%;opacity:0}
.qo-logo-enter{position:absolute;inset:0;z-index:1;border:0;border-radius:0;background:transparent;color:#ebd9b3;cursor:pointer}.qo-logo-enter:focus-visible{outline:1px solid #c8a569;outline-offset:-30px}.qo-logo-enter:focus-visible::after{content:'Discover Quanta Orbis ↗';position:absolute;left:50%;bottom:4%;transform:translateX(-50%);font:12px var(--sans,sans-serif);letter-spacing:.12em;white-space:nowrap}.qo-intro:not(.qo-keyboard) .qo-logo-enter:focus-visible{outline:none}.qo-intro:not(.qo-keyboard) .qo-logo-enter:focus-visible::after{display:none}
.qo-orb-handle{position:absolute;z-index:2;width:max(50px,6.2%);aspect-ratio:1;border-radius:50%;border:0;padding:0;left:77.4089%;top:18.3594%;transform:translate(-50%,-50%);background:transparent;cursor:grab;touch-action:none}.qo-orb-handle::after{content:'';position:absolute;inset:10%;border-radius:50%;border:1px solid #ebd3a5;opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s}.qo-orb-handle:hover::after,.qo-orb-handle:focus-visible::after{opacity:.7;transform:scale(1)}.qo-orb-handle:active{cursor:grabbing}.qo-travelling .qo-logo-enter,.qo-travelling .qo-orb-handle{pointer-events:none}
.qo-skip{position:absolute;z-index:5;top:-100px;left:24px;border:1px solid #bf9f69;background:#080f1d;color:#f4e8d2;padding:12px 20px;font-size:12px}.qo-skip:focus{top:24px}.qo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.qo-route{stroke:#ffdfa8;stroke-width:2;fill:none;opacity:0}.qo-star{opacity:0}
.qo-sound{position:absolute;z-index:5;right:28px;bottom:24px;padding:12px 14px;min-height:44px;border:1px solid #bda06b55;border-radius:30px;color:#e0c99e;background:#080f1de6;font:10px var(--sans,sans-serif);letter-spacing:.08em;cursor:pointer}.qo-sound[hidden]{display:none}
.qo-definition{color:#eee7db;background:radial-gradient(ellipse at 50% 25%,#102139 0,#080f1d 72%);font-family:var(--sans,Arial,sans-serif)}.qo-definition[hidden],.qo-stage[hidden]{display:none}
.qo-intro .qo-definition{position:absolute;inset:0;z-index:1;overflow-y:auto;overscroll-behavior:contain;opacity:0;pointer-events:none;touch-action:pan-y}.qo-intro[data-phase=definition] .qo-definition{opacity:1;pointer-events:auto}.qo-intro[data-phase=definition]{touch-action:pan-y}
.qo-definition-shell{width:min(1080px,calc(100% - 112px));min-height:100svh;margin:auto;padding:30px 0 34px;display:flex;flex-direction:column;box-sizing:border-box}.qo-definition-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px/1.5 var(--sans,sans-serif);letter-spacing:.22em;color:#cbb58f}.qo-definition-top a{font-size:10px;letter-spacing:.04em;min-height:44px;display:inline-flex;align-items:center;color:#c6ceda}.qo-definition-top a:hover{color:#ead1a6}
.qo-definition-content{width:min(700px,100%);margin:auto;text-align:center;padding:35px 0 15px}.qo-definition-kicker{font:9px/1.6 var(--sans,sans-serif);letter-spacing:.3em;color:#bca57f;margin:0 0 16px}.qo-definition h1,.qo-definition h2{font:400 clamp(58px,7vw,100px)/1.02 var(--serif,Georgia,serif);letter-spacing:-.045em;margin:0 0 12px;color:#f0ebe0;outline:none}.qo-definition-label{font:italic 19px/1.4 var(--serif,Georgia,serif);color:#b9c3d0;margin:0 0 30px}
.qo-word-definitions{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #c0a77b45;border-bottom:1px solid #c0a77b45;padding:21px 0;margin:0 auto 25px;max-width:630px}.qo-word-definitions p{margin:0;text-align:left;display:flex;gap:18px;align-items:baseline}.qo-word-definitions p+p{border-left:1px solid #c0a77b35;padding-left:26px}.qo-word-definitions strong{font:italic 25px/1.2 var(--serif,Georgia,serif);color:#dbc297}.qo-word-definitions span{font:11px/1.8 var(--sans,sans-serif);color:#bac5d3}
.qo-definition-summary{max-width:580px;margin:0 auto 15px;font:21px/1.55 var(--serif,Georgia,serif);color:#e2e4e7}.qo-definition-globe{display:block;width:126px;height:70px;margin:0 auto 2px}.qo-mini-world,.qo-mini-route,.qo-mini-individual{transition:filter .25s,opacity .25s}.qo-symbol-study[data-symbol=world] .qo-mini-world,.qo-symbol-study[data-symbol=paths] .qo-mini-route,.qo-symbol-study[data-symbol=individual] .qo-mini-individual{filter:drop-shadow(0 0 4px #c8a46a88)}
.qo-symbol-options{display:flex;align-items:center;justify-content:center;gap:9px}.qo-symbol-options button{border:0;border-bottom:1px solid transparent;color:#b5c0ce;background:transparent;padding:7px 12px;min-height:44px;font:11px/1.4 var(--sans,sans-serif);cursor:pointer}.qo-symbol-options button[aria-pressed=true]{color:#e2c797;border-color:#c7a775}.qo-symbol-options button:hover{color:#f0dfc2}.qo-symbol-options button:focus-visible,.qo-meet-person:focus-visible,.qo-definition-top a:focus-visible,.qo-sound:focus-visible{outline:2px solid #d7b985;outline-offset:4px}
.qo-symbol-description{max-width:500px;min-height:43px;margin:10px auto 24px;color:#aebdce;font:12px/1.75 var(--sans,sans-serif)}.qo-meet-person{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;padding:16px 23px;border:1px solid #bca17485;background:#17283d66;color:#ecdfc7;font:12px/1.5 var(--sans,sans-serif);transition:background .25s,border-color .25s}.qo-meet-person:hover{background:#233c56;border-color:#d4b680}.qo-meet-person>span:last-child{font-size:20px}.qo-person-signature{font:9px/1.8 var(--sans,sans-serif);letter-spacing:.19em;color:#cfbc99;margin:17px 0 0}.qo-person-signature span{display:block;font-size:10px;letter-spacing:.02em;color:#98aabd;margin-top:4px}
.qo-definition-page{margin:0;padding:0}.qo-definition-standalone{background:#080f1d}.qo-definition-standalone .zk-experience{display:none}.identity .qo-brand-logo{width:112px;height:78px;object-fit:contain;flex:none;mask-image:none}.zk-dock-mark.qo-dock-mark{width:29px;height:24px;overflow:hidden}.qo-dock-mark svg{width:100%;height:100%}.zk-map-core .qo-core-brand{width:110px;height:74px;object-fit:contain;mask-image:none}
@media(max-width:850px){.qo-stage{width:min(112vw,142svh)}.qo-definition-shell{width:calc(100% - 64px)}.qo-definition-content{padding-top:28px}.qo-definition h1,.qo-definition h2{font-size:76px}.qo-word-definitions{gap:20px}.qo-word-definitions p{display:block}.qo-word-definitions strong{display:block;margin-bottom:8px}}
@media(max-width:600px){.qo-stage{width:112vw}.qo-definition-shell{width:calc(100% - 40px);padding:15px 0 26px}.qo-definition-top{font-size:8px;letter-spacing:.14em}.qo-definition-top a{font-size:9px}.qo-definition-content{padding:24px 0 0}.qo-definition-kicker{font-size:8px;margin-bottom:12px}.qo-definition h1,.qo-definition h2{font-size:58px}.qo-definition-label{font-size:17px;margin-bottom:24px}.qo-word-definitions{gap:16px;padding:19px 0;margin-bottom:20px}.qo-word-definitions p+p{padding-left:16px}.qo-word-definitions span{font-size:10.5px;line-height:1.65}.qo-word-definitions strong{font-size:24px}.qo-definition-summary{font-size:18px;line-height:1.5}.qo-definition-globe{width:110px;height:61px}.qo-symbol-options{gap:0}.qo-symbol-options button{font-size:10.5px;padding:7px 10px}.qo-symbol-description{font-size:11px;min-height:57px;margin:8px 0 19px}.qo-meet-person{width:100%;font-size:11px;padding:14px 16px;gap:8px}.qo-person-signature{font-size:8px}.identity .qo-brand-logo{width:76px;height:58px}.qo-sound{right:14px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.qo-stage,.qo-intro,.qo-meet-person,.qo-mini-world,.qo-mini-route,.qo-mini-individual{transition:none!important;animation:none!important}}html.no-motion .qo-stage,html.no-motion .qo-intro{transition:none!important}

/* The final scroll carries the orb into the actual, transparent header emblem. */
.qo-meet-person{flex-direction:column;justify-content:center;gap:10px;min-height:66px;padding:8px 16px;border:0;background:transparent;color:#e7d6b7;font-size:12px}.qo-meet-person:hover{background:transparent;border:0;color:#fff1d8}.qo-meet-person>span:last-child{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#aab9ca}.qo-scroll-prompt{display:flex;align-items:center;gap:12px}.qo-scroll-prompt>span{display:inline-block;font-size:18px;color:#d7b985;animation:qo-scroll-breathe 2.5s ease-in-out infinite}.qo-person-signature{margin-top:8px}
.qo-intro.qo-arriving{background:transparent;touch-action:none}.qo-intro.qo-arriving::before{opacity:0}.qo-arriving .qo-definition{pointer-events:none!important;overflow:hidden;will-change:opacity,transform;transform-origin:50% 42%}.qo-arriving .qo-skip{pointer-events:none}.qo-arrival-flight{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.qo-arrival-flight[hidden]{display:none}.qo-arrival-route{fill:none;stroke:#c7a66e;stroke-width:.8}.qo-arrival-trail{fill:none;stroke:#e5c492;stroke-width:1.25;stroke-linecap:round}.qo-header-glint{position:fixed;left:var(--glint-x);top:var(--glint-y);width:28px;height:28px;transform:translate(-50%,-50%);z-index:95;pointer-events:none;animation:qo-glint 1.15s ease-out both}.qo-header-glint:before,.qo-header-glint:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#fff7d7 0,#eac38380 12%,#eac38300 65%)}.qo-header-glint:after{inset:7px;clip-path:polygon(50% 0,57% 42%,100% 50%,57% 58%,50% 100%,43% 58%,0 50%,43% 42%);background:#fff1cd}.identity .qo-brand-logo.qo-brand-arrived{animation:qo-logo-arrival 1.3s ease-out both}.qo-dock-mark img{display:block;width:100%;height:100%;object-fit:contain}
@keyframes qo-scroll-breathe{0%,100%{transform:translateY(-2px);opacity:.55}50%{transform:translateY(3px);opacity:1}}@keyframes qo-logo-arrival{0%{filter:brightness(1)}18%{filter:brightness(1.35) drop-shadow(0 0 8px #cfb27c66)}100%{filter:brightness(1)}}@keyframes qo-glint{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}
@media(max-width:600px){.qo-meet-person{font-size:11px;min-height:61px;padding:5px 10px;gap:8px}.qo-meet-person>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.qo-scroll-prompt>span,.qo-header-glint,.identity .qo-brand-logo.qo-brand-arrived{animation:none!important}.qo-header-glint{display:none}}html.no-motion .qo-scroll-prompt>span,html.no-motion .qo-header-glint,html.no-motion .qo-brand-arrived{animation:none!important}
/* Reserve the normal scrollbar gutter so the docking target does not shift on arrival. */
html{scrollbar-gutter:stable}

#cover-name:focus{outline:none}
.qo-intro{width:100vw}

/* Clear first-visit choices keep the cinematic identity optional and easy to enter. */
.qo-intro[data-phase=emblem] .qo-stage{width:min(105vw,1080px,110svh);margin-bottom:80px}
.qo-skip,.qo-skip:focus{top:max(22px,env(safe-area-inset-top));right:28px;left:auto;min-height:44px;padding:11px 17px;border:1px solid #bda06b66;background:#080f1dcc;color:#dcd4c6;font:11px/1.5 var(--sans,sans-serif);letter-spacing:.03em;cursor:pointer}
.qo-skip:hover{border-color:#d3b47f;color:#fff0d4}
.qo-entry-brand{position:absolute;z-index:4;top:max(28px,env(safe-area-inset-top));left:30px;color:#e8dfce;font:10px/1.6 var(--sans,sans-serif);letter-spacing:.18em;pointer-events:none}
.qo-entry-brand span{display:block;margin-top:3px;font-size:8px;letter-spacing:.16em;color:#a8b5c6}
.qo-entry-choices{position:absolute;z-index:4;left:50%;bottom:max(34px,env(safe-area-inset-bottom));width:min(580px,calc(100% - 48px));transform:translateX(-50%);text-align:center;transition:opacity .22s ease,visibility .22s ease}
.qo-entry-introduction{margin:0 0 18px;color:#d9c9ad;font:21px/1.4 var(--serif,Georgia,serif)}
.qo-entry-buttons{display:flex;justify-content:center;gap:14px}
.qo-entry-buttons button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:52px;padding:13px 23px;border:1px solid #ba9d6b99;font:12px/1.5 var(--sans,sans-serif);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.qo-entry-primary{color:#0c1422;background:#d0b783}.qo-entry-primary:hover{background:#e6cfa0;border-color:#ead3a6}
.qo-entry-secondary{color:#e8dcc5;background:#15243a88}.qo-entry-secondary:hover{background:#24384d;border-color:#d4b680}
.qo-entry-buttons button:focus-visible,.qo-skip:focus-visible{outline:2px solid #f0d39a;outline-offset:5px}
.qo-entry-buttons button span{font-size:19px;line-height:1}
.qo-entry-hint{margin:14px 0 0;color:#a7b6c9;font:11px/1.7 var(--sans,sans-serif)}
.qo-intro.qo-travelling .qo-entry-choices{opacity:0;visibility:hidden;pointer-events:none}
.qo-intro[data-phase=definition] .qo-entry-choices,.qo-intro[data-phase=arrival] .qo-entry-choices,.qo-intro[data-phase=definition] .qo-entry-brand,.qo-intro[data-phase=arrival] .qo-entry-brand{display:none}
.qo-intro[data-phase=definition] .qo-skip{top:10px;right:24px;min-height:38px;font-size:10px}
.qo-intro[data-phase=definition] .qo-definition-top{padding-top:28px}
.qo-sound{bottom:auto;top:86px;right:28px;font-size:11px;letter-spacing:.03em}
@media(max-width:600px){
 .qo-intro[data-phase=emblem] .qo-stage{width:112vw;margin-bottom:110px}
 .qo-entry-brand{top:max(25px,env(safe-area-inset-top));left:22px;font-size:9px;letter-spacing:.12em}
 .qo-entry-brand span{font-size:7px}
 .qo-skip,.qo-skip:focus{right:20px;top:max(20px,env(safe-area-inset-top));font-size:10px;padding:10px 13px}
 .qo-entry-choices{width:calc(100% - 44px);bottom:max(30px,env(safe-area-inset-bottom))}
 .qo-entry-introduction{font-size:20px;margin-bottom:16px}
 .qo-entry-buttons{flex-direction:column;gap:10px}
 .qo-entry-buttons button{width:100%;min-height:50px;justify-content:space-between;padding:12px 19px}
 .qo-entry-hint{max-width:310px;margin:12px auto 0;font-size:10.5px;line-height:1.6}
 .qo-sound{right:20px;top:78px;font-size:10px;min-height:40px}
 .qo-intro[data-phase=definition] .qo-skip{right:20px;top:8px}
 .qo-intro[data-phase=definition] .qo-definition-top{padding-top:30px}
}
@media(max-height:650px) and (min-width:601px){
 .qo-intro[data-phase=emblem] .qo-stage{width:min(80vw,100svh);margin-bottom:85px}
 .qo-entry-choices{bottom:20px}.qo-entry-introduction{font-size:18px;margin-bottom:10px}.qo-entry-hint{margin-top:8px}
 .qo-entry-buttons button{min-height:46px;padding:10px 20px}
}
@media(max-height:700px) and (max-width:600px){
 .qo-intro[data-phase=emblem] .qo-stage{width:min(105vw,66svh);margin-bottom:125px}
 .qo-entry-choices{bottom:20px}.qo-entry-introduction{font-size:18px;margin-bottom:10px}.qo-entry-hint{font-size:10px}
 .qo-entry-buttons button{min-height:46px;padding:10px 18px}
}
@media(prefers-reduced-motion:reduce){.qo-entry-choices,.qo-entry-buttons button{transition:none}}
.qo-entry-choices,.qo-entry-buttons button{box-sizing:border-box}
.qo-intro.qo-arriving .qo-skip{pointer-events:auto}