:root{color-scheme:dark;--ink:#e8edff;--muted:#8995b1;--cyan:#74ecff;--side:min(42vw,52svh,620px);--half:calc(var(--side)/2)}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#03050e;color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.scene:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}#constellation,.nebula,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#constellation{z-index:0}.nebula{z-index:-1;background:radial-gradient(ellipse at 20% 40%,#14356e40,transparent 45%),radial-gradient(ellipse at 78% 70%,#4b186c38,transparent 43%),radial-gradient(ellipse at 57% 25%,#0635432b,transparent 40%)}.grain{z-index:4;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}header,main,footer{position:relative;z-index:1}header{height:90px;margin:0 4%;display:flex;align-items:center;border-bottom:1px solid #b9d9ff18;gap:28px}.monogram{font-size:40px;letter-spacing:-5px;font-weight:700;text-decoration:none;line-height:1}.monogram span{color:var(--cyan)}.header-caption{font-size:9px;letter-spacing:3px;color:#aebad3}#motion{margin-left:auto;border:1px solid #b9d9ff25;border-radius:30px;background:#0c14226b;padding:10px 15px;display:flex;align-items:center;gap:10px;font-size:11px}.pause-icon{color:var(--cyan);font-size:14px}main{min-height:calc(100svh - 151px)}.intro{position:absolute;top:30px;left:4.5%;pointer-events:none;z-index:2}.eyebrow{font-size:8px;letter-spacing:2.2px;color:#afc4e0;display:flex;gap:9px;align-items:center}.eyebrow>span{width:4px;height:4px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}h1{font-size:clamp(22px,2.8vw,42px);font-weight:400;letter-spacing:-1.7px;line-height:1.08;margin:16px 0}h1 span{color:#77cbdc}.scene{position:relative;height:70svh;min-height:460px;display:grid;place-items:center;perspective:1400px;touch-action:none;cursor:grab;outline-offset:-10px;isolation:isolate}.scene.dragging{cursor:grabbing}.cube{width:var(--side);height:var(--side);transform-style:preserve-3d;will-change:transform;position:relative;user-select:none;-webkit-user-select:none;transform:rotateX(-20deg) rotateY(-32deg)}.face{position:absolute;width:100%;height:100%;padding:8%;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #b7d5f56e;box-shadow:inset 0 0 50px #86c4ff0b,0 0 1px #c5edff;overflow:hidden;background:#0c1529}.face:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#d0ecff10,transparent 44%,#0005),repeating-linear-gradient(0deg,transparent,transparent 35px,#b5dfff05 36px),repeating-linear-gradient(90deg,transparent,transparent 35px,#b5dfff05 36px)}.face:after{content:"";position:absolute;inset:4%;pointer-events:none;border:1px solid #c6def015;clip-path:polygon(0 0,14% 0,14% 1px,1px 1px,1px 14%,0 14%,0 0,100% 0,100% 14%,calc(100% - 1px) 14%,calc(100% - 1px) 1px,86% 1px,86% 0,100% 0,100% 100%,86% 100%,86% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 86%,100% 86%,100% 100%,0 100%,0 86%,1px 86%,1px calc(100% - 1px),14% calc(100% - 1px),14% 100%,0 100%)}.face-front{transform:translateZ(var(--half))}.face-right{transform:rotateY(90deg) translateZ(var(--half))}.face-back{transform:rotateY(180deg) translateZ(var(--half))}.face-left{transform:rotateY(-90deg) translateZ(var(--half))}.face-top{transform:rotateX(90deg) translateZ(var(--half))}.face-bottom{transform:rotateX(-90deg) translateZ(var(--half))}.face-index{position:absolute;top:8%;left:8%;font-size:clamp(6px,.65vw,9px);letter-spacing:2px;opacity:.53}.logo-link{height:36%;width:82%;display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none;transition:filter .2s,scale .2s;cursor:pointer}.logo-link:hover{filter:drop-shadow(0 0 12px #b5ecff66);scale:1.04}.logo-link img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.xp .logo-link img{width:100%}.cowookie{background:#eceae1;color:#142843}.cowookie .logo-link img{width:100%}.cowookie .face-index,.cowookie .face-domain{opacity:.7}.suite{background:#073328}.suite .logo-link img{height:100%;border-radius:20%}.stratetia{background:#10182f}.stratetia .logo-link img{height:85%}.immobilier{background:#25201a;color:#e8c9a0}.pending-logo{cursor:default}.pending-logo svg{height:100%}.personal{background:#061c14;color:#bffedb}.portrait-placeholder{font-size:calc(var(--side)*.23);font-weight:600;letter-spacing:-.08em}.portrait-placeholder>span{color:#52ff99}.portrait-link img{border-radius:12px;width:100%;height:100%;object-fit:cover;object-position:center 35%}.personal .portrait-link:has(img){height:49%;width:54%}.face-title{text-align:center;margin-top:6%;position:relative}.face-title h2{font-weight:500;font-size:calc(var(--side)*.065);letter-spacing:-.03em;margin:0}.face-title p{font-size:calc(var(--side)*.032);letter-spacing:.02em;margin:10px 0 0;opacity:.63}.face-domain{position:absolute;bottom:7%;font-size:calc(var(--side)*.021);letter-spacing:2px;opacity:.4}.orbit{position:absolute;border:1px solid #8cd2ff18;width:min(72vw,830px);height:min(72vw,830px);border-radius:50%;pointer-events:none;transform:rotateX(72deg) rotateY(-13deg);box-shadow:0 0 30px #70caff05}.orbit-two{transform:rotateX(77deg) rotateY(28deg);width:min(78vw,940px);height:min(78vw,940px);border-color:#d1a0ff13}.cube-shadow{position:absolute;bottom:10%;width:35%;height:5%;background:#64a4ff25;filter:blur(45px);border-radius:50%;pointer-events:none}.exploration{display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;gap:20px;padding:12px 0 25px}#instructions{display:flex;align-items:center;gap:14px;font-size:12px;color:#c6d4e9;line-height:1.5;margin:0}#instructions small{display:block;color:#7c8ba7;font-size:9px;margin-top:5px}.gesture{font-size:28px;color:#7be0ff;font-weight:300}.facets{display:flex;gap:3px}.facets button{padding:9px 10px;background:#111b2a77;border:1px solid #e1edff17;border-radius:7px;color:#7890ad;font-size:9px;min-width:49px;transition:background .2s,border-color .2s}.facets button span{display:block;font-size:9px;margin-top:5px;color:#aabbd3;white-space:nowrap}.facets button:hover,.facets button[aria-current=true]{border-color:#70deff8f;background:#1c3b5155;color:#83ddff}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4%;padding:20px 0;border-top:1px solid #b9d9ff18;color:#697992;font-size:8px;letter-spacing:1.5px}footer i{font-style:normal;margin-left:12px;color:#49576f}footer a{text-decoration:none;letter-spacing:.4px}.live{display:flex;align-items:center;gap:8px}.live b{width:4px;height:4px;border-radius:50%;background:#7fe8ce;box-shadow:0 0 10px #7fe8ce}@media(min-width:1600px){.intro{top:5svh}.scene{perspective:1800px}}@media(max-width:750px){:root{--side:min(55vw,35svh)}header{height:73px}.header-caption{font-size:7px;letter-spacing:1.5px}.monogram{font-size:33px}#motion{padding:8px 11px;font-size:10px}.intro{top:22px;left:6%}h1{font-size:28px;letter-spacing:-1px;margin-top:13px}.eyebrow{font-size:6px;letter-spacing:1.1px}.scene{height:69svh;min-height:430px;perspective:950px;padding-top:48px}.face-index{font-size:6px;letter-spacing:1px}.face-title p{margin-top:7px}.face-domain{letter-spacing:1px}.exploration{flex-direction:column;gap:21px;padding-bottom:25px;margin:0 5%}#instructions{font-size:11px}#instructions small{font-size:8px;max-width:260px}.facets{width:100%;justify-content:center;gap:5px}.facets button{flex:1;max-width:69px;padding:10px 4px;min-width:0}.facets button span{font-size:8px}.orbit{width:95vw;height:95vw}.orbit-two{width:110vw;height:110vw}footer{flex-wrap:wrap;font-size:7px;letter-spacing:1px;padding:17px 0}.live{font-size:6px}footer a{margin-left:auto}.gesture{font-size:24px}}@media(max-height:650px) and (min-width:751px){.scene{height:68svh;min-height:320px}.intro{top:15px}h1{font-size:26px}.exploration{padding-bottom:15px}}@media(prefers-reduced-motion:reduce){.logo-link{transition:none}.cube{will-change:auto}}

.personal .portrait-link:has(img){position:absolute;inset:0;width:100%;height:100%;border-radius:0;scale:1}.personal .portrait-link img{border-radius:0;object-position:center 36%}.personal .portrait-link:after{content:"";position:absolute;inset:0;background:linear-gradient(#0004,transparent 35%,#0001 55%,#010a08f5 100%);pointer-events:none}.personal .face-index{z-index:2;pointer-events:none;color:#b2f5d3;opacity:.8}.personal .face-title{position:absolute;bottom:12%;pointer-events:none;z-index:2}.personal .face-title p{color:#b2f5d3}.personal .face-domain{z-index:2;pointer-events:none;color:#b2f5d3;opacity:.6}
@media(max-width:750px){.scene{overflow:clip}}

.orbit-shell{position:absolute;inset:0;overflow:clip;display:grid;place-items:center;pointer-events:none}