:root{--ink:#0f0b07;--ink-2:#17110b;--bone:#eee8da;--bone-dim:#c7c0b0;--bone-faint:#6b675d;--rule:#eee8da1f;--rule-strong:#eee8da59;--sulfur:#ff6a5c;--accent-ink:#0a0a0a;--display:"Cabinet Grotesk", "Inter Tight", system-ui, sans-serif;--body:"Satoshi", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:var(--ink);color:var(--bone);font-family:var(--body);font-weight:400;overflow:hidden}::selection{background:var(--sulfur);color:var(--ink)}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;--fill-opacity:.5;border-radius:var(--border-radius);background:var(--card-bg,#120f17);isolation:isolate;border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";z-index:-1;border-radius:inherit;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;opacity:calc(var(--fill-opacity) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);z-index:1;pointer-events:none;opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button-shell{z-index:10;width:max-content;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;position:absolute;left:50%}.action-button-shell.border-glow-card{box-shadow:none;border-color:#0000}.action-button-shell .border-glow-inner{overflow:visible}.action-button{background:var(--sulfur,#ff6a5c);border:1px solid color-mix(in srgb, var(--sulfur,#ff6a5c) 72%, black 28%);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;border-radius:999px;outline:none;justify-content:center;align-items:center;min-width:164px;height:52px;padding:0 1.35rem;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .42s,border-color .42s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff2e,0 10px 18px #0000002e}.action-button:focus-visible{outline:none}.action-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 12px 20px #00000038}.action-button:active{transform:scale(.965);box-shadow:inset 0 1px #ffffff24,0 6px 12px #00000029}.action-button-label{-webkit-user-select:none;user-select:none;color:var(--accent-ink,var(--ink,#0a0a0a));font-family:var(--mono,ui-monospace, monospace);letter-spacing:.13em;text-align:center;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1;transition:color .42s;position:relative}.face-title{-webkit-user-select:none;user-select:none;font-family:var(--display,system-ui);letter-spacing:-.03em;color:var(--bone,#eee8da);font-size:clamp(2rem,3vw,3rem);font-weight:800;position:absolute;top:50%;left:1.6em;transform:translate(20%,-50%)}.face-title.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(20%,-50%)}.face-title.inactive{pointer-events:none;opacity:0;transition:all .1s}.face-description{-webkit-user-select:none;user-select:none;font-family:var(--body,system-ui);color:var(--bone-dim,#c7c0b0);max-width:22ch;font-size:1rem;line-height:1.45;position:absolute;top:50%;right:2%;transform:translateY(-50%)}.face-description.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(-60%,-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(-40%,-50%)}.action-button-shell.active{opacity:1;pointer-events:auto;transition:all .5s cubic-bezier(.2,.8,.2,1);bottom:6.25em;transform:translate(-50%)scale(1)}.action-button-shell.inactive{opacity:0;pointer-events:none;transition:all .2s;bottom:-80px;transform:translate(-50%)scale(0)}@media (width<=820px){.action-button{min-width:148px;height:48px;padding:0 1.1rem}.action-button-label{letter-spacing:.12em;font-size:.66rem}.action-button-shell.active{bottom:10.5rem}.action-button-shell.inactive{bottom:-72px}}.face-title,.face-description{display:none}.light-rays-container{pointer-events:none;z-index:3;width:100%;height:100%;position:relative;overflow:hidden}.light-rays-container canvas{display:block;width:100%!important;height:100%!important}.pc-card-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-glow-color:#7dbeffab;--behind-glow-size:25%;--inner-gradient:none;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:30px;perspective:500px;touch-action:none;width:100%;position:relative;transform:translateZ(.1px)}.pc-behind{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--behind-glow-color) 0%, transparent var(--behind-glow-size));filter:blur(56px)saturate(1.12);opacity:calc(.78 * var(--card-opacity));transition:opacity .2s;position:absolute;inset:0}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card-shell{z-index:1;transform-style:preserve-3d;position:relative}.pc-card{border-radius:var(--card-radius);width:100%;height:min(42vh,380px);min-height:320px;box-shadow:#000000b3 calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 18px) - 6px) 24px -8px;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;background:linear-gradient(#181a26fa 0%,#0c0d14f5 100%);transition:transform 1s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.pc-inside{display:grid}.pc-card:hover,.pc-card.active{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card>.pc-inside,.pc-inside>.pc-shine,.pc-inside>.pc-glare,.pc-inside>.pc-content{border-radius:var(--card-radius);grid-area:1/-1;display:grid}.pc-inside{background-image:var(--inner-gradient);transform:translate3d(calc((var(--pointer-from-left) - .5) * -6px), calc((var(--pointer-from-top) - .5) * -6px), .2px);background-color:#141620f5;transition:transform .18s ease-out;position:absolute;inset:0}.pc-inside:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff1f;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0f}.pc-shine{pointer-events:none;filter:brightness(.6)contrast(1.1)saturate(.22)opacity(.24);mix-blend-mode:screen;transition:filter .8s;animation:18s linear infinite pc-holo-bg}.pc-shine,.pc-shine:after{--angle:115deg;z-index:3;background-image:linear-gradient(var(--angle), #fff0 12%, #ffffff0f 28%, #ffffff38 36%, #ffffff12 44%, #fff0 58%), linear-gradient(180deg, #ffffff1f 0%, #ffffff08 28%, #0000 100%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff29 0%, #ffffff0a 26%, #0000002e 100%);background-position:calc(var(--background-x) * 1.6) calc(var(--background-y) * 1.1), center, center;background-blend-mode:screen, soft-light, normal;background-repeat:repeat;background-size:240% 240%,100% 100%,170% 170%;overflow:hidden;transform:translateZ(1px)}.pc-shine:before,.pc-shine:after{content:"";opacity:0;grid-area:1/1;transition:opacity .8s}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.74)contrast(1.12)saturate(.28)opacity(.34);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:.24}.pc-shine:before{background-image:linear-gradient(140deg, #ffffff38 0%, #ffffff14 34%, #fff0 100%), radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffff47 0%, #ffffff0a 72%), var(--grain);background-size:155% 155%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y), center, calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:screen;filter:brightness(.9)contrast(1.05)saturate(.16);mix-blend-mode:screen}.pc-shine:after{background-position:calc(var(--background-x) * .9) calc(var(--background-y) * .8), calc(var(--background-x) * .5) calc(var(--background-y) * .55), center;filter:brightness(.82)contrast(1.05);mix-blend-mode:screen;background-size:150% 180%,210% 210%,100% 100%}.pc-glare{z-index:4;pointer-events:none;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff1a 0%, #343a5429 32%, #0a0c126b 100%);filter:brightness(.9)contrast(1.08);mix-blend-mode:screen;overflow:hidden;transform:translateZ(1.1px)}.pc-avatar-content{z-index:2;mix-blend-mode:luminosity;pointer-events:none;overflow:visible;transform:translateZ(2px)}.pc-sheet-content{z-index:6;mix-blend-mode:normal;pointer-events:auto;transform:translate3d(calc((var(--pointer-from-left) - .5) * -1.15px), calc((var(--pointer-from-top) - .5) * -1.15px), 10px);backface-visibility:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:transform .18s ease-out;display:block;position:relative}.pc-sheet-content>*{pointer-events:auto}.pc-card-sheet{height:auto;min-height:0}.pc-card-sheet>.pc-inside{min-height:100%;transform:translate3d(calc((var(--pointer-from-left) - .5) * -2px), calc((var(--pointer-from-top) - .5) * -2px), .2px);position:relative;inset:auto}.pc-project-surface{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);mix-blend-mode:normal;min-height:9rem;transform:translate3d(calc((var(--pointer-from-left) - .5) * 14px), calc((var(--pointer-from-top) - .5) * 14px), 16px);background:linear-gradient(#ffffff05,#ffffff14),#ffffff0a;border:1px solid #ffffff1a;border-radius:22px;align-items:flex-end;padding:1rem 1.05rem;transition:transform .18s ease-out,background .32s,border-color .32s,box-shadow .32s;display:flex;position:absolute;inset:auto 1.15rem 1.15rem;box-shadow:inset 0 1px #ffffff14,0 12px 28px #0003}.pc-project-summary{letter-spacing:0;text-transform:none;color:#ffffffd6;max-width:28ch;margin:0;font-size:.92rem;line-height:1.5}.pc-card:hover .pc-project-surface,.pc-card.active .pc-project-surface{box-shadow:inset 0 1px #ffffff1f,0 16px 36px #0000003d}.pc-avatar-content .avatar{object-fit:contain;width:min(74%,280px);height:min(74%,280px);transform:translateX(calc(-50% + (var(--pointer-from-left) - .5) * 10px)) translateY(calc(-50% + (var(--pointer-from-top) - .5) * 10px)) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .015));will-change:transform;transition:transform .12s ease-out;position:absolute;top:52%;left:50%}.pc-user-info{--ui-inset:18px;--ui-radius-bias:6px;right:var(--ui-inset);bottom:var(--ui-inset);left:var(--ui-inset);z-index:5;border-radius:calc(max(0px, var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias)));-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);pointer-events:auto;background:#ffffff14;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:absolute}.pc-user-details{align-items:center;gap:12px;display:flex}.pc-mini-avatar{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.pc-mini-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pc-user-text{flex-direction:column;gap:4px;display:flex}.pc-handle{color:#ffffffeb;font-size:13px;line-height:1}.pc-status{color:#ffffffa6;font-size:12px;line-height:1}.pc-contact-btn{letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:700;transition:transform .2s,border-color .2s}.pc-contact-btn:hover{border-color:#ffffff59;transform:translateY(-1px)}.pc-content:not(.pc-avatar-content):not(.pc-sheet-content){z-index:5;text-align:left;mix-blend-mode:normal;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px), calc(var(--pointer-from-top) * -6px + 3px), .1px)}.pc-details{flex-direction:column;gap:.45rem;display:flex;position:absolute;top:1.15rem;left:1.15rem;right:1.15rem}.pc-details h3{letter-spacing:-.04em;color:#fffffff5;max-width:11ch;margin:0;font-size:clamp(1.75rem,4vw,2.2rem);font-weight:800;line-height:.95}.pc-details p{letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e;max-width:24ch;margin:0;font-size:.72rem;line-height:1.35}@keyframes pc-holo-bg{0%{background-position:0 var(--background-y), 0 0, center}to{background-position:0 var(--background-y), 90% 90%, center}}@media (width<=820px){.pc-card{height:min(36vh,320px);min-height:260px}.pc-details{top:1rem;left:1rem;right:1rem}.pc-details h3{font-size:clamp(1.45rem,6vw,1.85rem)}.pc-details p{font-size:.64rem}.pc-project-surface{min-height:8rem;padding:.9rem;bottom:1rem;left:1rem;right:1rem}.pc-project-summary{font-size:.84rem}.pc-avatar-content .avatar{width:min(70%,220px);height:min(70%,220px)}.pc-user-info{--ui-inset:14px;padding:10px 12px}.pc-mini-avatar{width:30px;height:30px}.pc-handle{font-size:12px}.pc-status{font-size:10px}.pc-contact-btn{padding:8px 11px;font-size:10px}}.app-shell{--desktop-corner-inset:clamp(1.5rem, 2.4vw, 2.75rem);--desktop-bracket-inset:18px;background:var(--ink);width:100vw;height:100dvh;min-height:100dvh;color:var(--bone);position:relative;overflow:hidden}.app-shell:before{content:"";background:radial-gradient(1400px 900px at 50% 110%, color-mix(in srgb, var(--sulfur) 6%, transparent), transparent 60%), radial-gradient(900px 700px at 50% -10%, #eee8da06, transparent 55%);pointer-events:none;z-index:0;position:absolute;inset:0}.app-shell:after{content:"";opacity:.5;mix-blend-mode:overlay;pointer-events:none;z-index:3;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.93  0 0 0 0 0.91  0 0 0 0 0.85  0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.stage{z-index:2;pointer-events:auto;position:absolute;inset:0}.stage>div{pointer-events:auto}.stage canvas{pointer-events:auto;touch-action:none;width:100%!important;height:100%!important}.light-rays-layer{z-index:1;pointer-events:none;opacity:1;height:min(62vh,560px);transition:opacity .18s;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000000fc 0%,#000000fa 24%,#000000d1 58%,#0000 100%);mask-image:linear-gradient(#000000fc 0%,#000000fa 24%,#000000d1 58%,#0000 100%)}.light-rays-layer.hidden{opacity:0}.hero-light-rays{opacity:1;mix-blend-mode:screen;filter:saturate(1.22)brightness(1.16)}.vignette{pointer-events:none;z-index:2;background:radial-gradient(#0000 35%,#0a0a0a8c 75%,#0a0a0ae6 100%);position:absolute;inset:0}.hud{padding:var(--desktop-corner-inset);z-index:4;pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:absolute;inset:0}.hud>*{pointer-events:auto}.bracket{border:1px solid var(--rule-strong);z-index:4;pointer-events:none;width:22px;height:22px;position:absolute}.bracket.tl{top:var(--desktop-bracket-inset);left:var(--desktop-bracket-inset);border-bottom:0;border-right:0}.bracket.tr{top:var(--desktop-bracket-inset);right:var(--desktop-bracket-inset);border-bottom:0;border-left:0}.bracket.bl{bottom:var(--desktop-bracket-inset);left:var(--desktop-bracket-inset);border-top:0;border-right:0}.bracket.br{bottom:var(--desktop-bracket-inset);right:var(--desktop-bracket-inset);border-top:0;border-left:0}.logomark{font-family:var(--mono);letter-spacing:.04em;color:var(--bone-dim);grid-area:1/1;align-items:center;gap:.75rem;font-size:.78rem;animation:.9s .2s both fade-in;display:flex}.logomark-sigil{font-family:var(--display);letter-spacing:-.04em;color:var(--bone);align-items:baseline;gap:2px;font-size:1.05rem;font-weight:800;display:inline-flex}.logomark-sigil .slash{color:var(--sulfur);transition:color .42s}.logomark-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--bone-faint);flex-direction:column;font-size:.68rem;line-height:1.15;display:flex}.role-badge{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim);grid-area:1/2;place-self:start end;align-items:center;gap:.58rem;margin-top:.14rem;font-size:.72rem;animation:.9s .22s both fade-in;display:inline-flex}.role-badge-title{color:var(--bone)}.role-badge-dot{background:var(--sulfur);width:5px;height:5px;box-shadow:0 0 12px color-mix(in srgb, var(--sulfur) 72%, transparent);border-radius:50%;flex:none;transition:background .42s,box-shadow .42s}.role-badge-company{color:var(--bone-dim)}.headline{text-align:center;pointer-events:none;z-index:4;width:min(1700px,95vw);animation:1.2s cubic-bezier(.2,.8,.2,1) .4s both headline-fade-up;position:absolute;top:clamp(1rem,2vh,4rem);left:50%;transform:translate(-50%)}.headline h1{font-family:var(--display);letter-spacing:-.045em;color:var(--bone);text-shadow:0 1px 40px #0a0a0acc;margin:0;font-size:clamp(2rem,4.2vw,4.4rem);font-weight:800;line-height:.98}.headline h1 em{color:var(--bone);font-style:italic;font-weight:500;position:relative}.headline h1 em:after{content:"";background:var(--sulfur);opacity:.9;border-radius:2px;height:.08em;transition:background .42s;position:absolute;bottom:.06em;left:.05em;right:.05em}.identity{max-width:30ch;font-family:var(--body);flex-direction:column;grid-area:3/1;align-self:end;gap:.6rem;animation:1s .7s both fade-up;display:flex}.identity .row{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-faint);align-items:baseline;gap:.75rem;font-size:.72rem;display:flex}.identity .row b{color:var(--bone);letter-spacing:.08em;font-weight:500}.identity .row .accent{color:var(--sulfur);font-weight:500;transition:color .42s}.identity-dot,.drag-dot{background:var(--sulfur);width:5px;height:5px;box-shadow:0 0 12px color-mix(in srgb, var(--sulfur) 72%, transparent);border-radius:50%;flex:none;transition:background .42s,box-shadow .42s}.status{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-faint);text-align:right;flex-direction:column;grid-area:3/2;place-self:end;align-items:flex-end;gap:.5rem;max-width:42ch;font-size:.72rem;animation:1s .9s both fade-up;display:flex}.status-button{appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.status-button:disabled{cursor:default}.status .label{color:var(--bone-faint);align-items:center;gap:.5rem;display:flex}.status .label .bar{background:color-mix(in srgb, var(--sulfur) 58%, var(--bone) 42%);width:24px;height:1px;transition:background .42s}.status .title{font-family:var(--display);letter-spacing:-.02em;color:var(--bone);text-transform:none;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:700;line-height:1.1;transition:opacity .3s,transform .3s}.status .title.moving{opacity:.35;transform:translate(4px)}.status .description{font-family:var(--body);text-transform:none;letter-spacing:0;color:var(--bone-dim);max-width:38ch;font-size:.88rem;line-height:1.45}.drag-hint{width:max-content;font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--bone-faint);pointer-events:none;z-index:4;justify-content:center;align-items:center;gap:.8rem;font-size:.68rem;animation:1.2s 1.4s both drag-hint-fade-in;display:flex;position:absolute;bottom:clamp(.95rem,2.15vh,2rem);left:50%;transform:translate(-50%)}.mobile-idle-hint{display:none}.project-panel-backdrop{z-index:44;opacity:0;pointer-events:none;background:#05060a00;border:0;transition:opacity .26s,background .26s;position:absolute;inset:0}.project-panel-backdrop.open{opacity:1;pointer-events:auto}.project-panel{box-sizing:border-box;z-index:45;isolation:isolate;opacity:0;pointer-events:none;width:min(456px,100vw - 2rem);max-height:calc(100vh - clamp(8.5rem,15vh,10rem));padding-left:.85rem;transition:opacity .24s,transform .42s cubic-bezier(.2,.8,.2,1),border-color .42s,box-shadow .42s;position:absolute;top:clamp(7rem,12vh,8.5rem);right:clamp(1rem,2vw,2rem);overflow:visible;transform:translate(calc(100% + 2rem))}.project-panel.open{opacity:1;pointer-events:auto;transform:translate(0)}.project-sheet-card{z-index:1;height:auto;max-height:inherit;perspective:860px;touch-action:pan-y;position:relative}.project-sheet-card .pc-card-shell,.project-sheet-card .pc-card,.project-sheet-card .pc-sheet-content{height:auto;max-height:inherit;touch-action:pan-y;min-height:0}.project-sheet-card .pc-card{border-radius:28px;min-height:0}.project-sheet-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:calc(100vh - clamp(8.5rem,15vh,10rem) - 1rem);padding:1.3rem 1.4rem 1.35rem;display:block;position:relative;overflow-y:auto}.project-sheet-scroll>*{z-index:1;position:relative}.project-sheet-scroll>*+*{margin-top:1rem}.project-sheet-header{align-items:flex-start;gap:1rem;padding-right:3.35rem;display:flex}.project-panel-close{z-index:140;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:2.75rem;height:2.75rem;color:var(--bone-dim);cursor:pointer;pointer-events:auto;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .22s,transform .22s,border-color .22s,background .22s;display:inline-flex;position:absolute;top:.85rem;right:.85rem}.project-panel-close:hover,.project-panel-close:focus-visible{color:var(--sulfur);border-color:color-mix(in srgb, var(--sulfur) 48%, #ffffff24);background:#ffffff14;outline:none;transform:translateY(-1px)}.project-panel-close:before{content:"";position:absolute;inset:-.35rem}.project-panel-close-icon{pointer-events:none;display:block}.project-panel-copy{flex-direction:column;gap:.55rem;min-width:0;display:flex}.project-panel-kicker{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ui,var(--sulfur));font-size:.66rem}.project-panel-copy h2{font-family:var(--display);letter-spacing:-.03em;color:var(--bone);margin:0;font-size:clamp(1.7rem,2.8vw,2.25rem);line-height:.96}.project-panel-copy p{font-family:var(--body);color:var(--bone-dim);margin:0;font-size:.94rem;line-height:1.55}.project-panel-impact{border:1px solid color-mix(in srgb, var(--sulfur) 18%, #ffffff14);background:linear-gradient(180deg, color-mix(in srgb, var(--sulfur) 10%, transparent), transparent 100%), #ffffff06;font-family:var(--display);letter-spacing:-.015em;color:var(--bone);border-radius:20px;margin:.55rem 0 0;padding:.95rem 1rem 1rem;font-size:1.05rem;line-height:1.3}.project-panel-section{flex-direction:column;gap:.7rem;display:flex}.project-panel-section-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ui,var(--sulfur));font-size:.62rem}.project-panel-list{font-family:var(--body);color:var(--bone-dim);flex-direction:column;gap:.65rem;margin:0;padding:0 0 0 1.15rem;font-size:.93rem;line-height:1.5;display:flex}.project-panel-list li::marker{color:var(--accent-ui,var(--sulfur))}.project-panel-facts{flex-direction:column;gap:.7rem;margin:0;display:flex}.project-panel-actions{flex-wrap:nowrap;align-items:stretch;gap:.75rem;display:flex}.project-panel-actions .project-panel-link{white-space:nowrap;flex:auto;width:auto;min-width:0}.project-panel-actions .project-panel-link.secondary{flex:none;min-height:44px;padding-inline:1.05rem .95rem;font-size:.68rem}.project-fact{border-top:1px solid #ffffff12;grid-template-columns:minmax(0,110px) minmax(0,1fr);align-items:start;gap:.85rem;padding:.85rem 0 .9rem;display:grid}.project-fact:first-child{border-top:0;padding-top:0}.project-fact dt{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--bone-dim) 74%, var(--bone) 26%);margin:0;font-size:.63rem}.project-fact dd{font-family:var(--display);color:var(--bone);margin:0;font-size:1rem;font-weight:600;line-height:1.2}.inline-accent{color:var(--accent-ui,var(--sulfur));font-weight:600}.project-panel-link{background:var(--sulfur);width:100%;min-height:48px;color:var(--accent-ink);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;box-shadow:0 0 30px color-mix(in srgb, var(--sulfur) 35%, transparent);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1rem;font-size:.72rem;text-decoration:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .42s,color .42s;display:inline-flex}.project-panel-link:hover{box-shadow:0 0 42px color-mix(in srgb, var(--sulfur) 55%, transparent);transform:translateY(-1px)}.project-panel-link.secondary{color:var(--bone);box-shadow:none;background:#ffffff0b;border-color:#ffffff1f}.project-panel-link.secondary:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--sulfur) 26%, #ffffff1f)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes headline-fade-up{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes headline-fade-up-mobile{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes drag-hint-fade-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@media (width<=820px){.stage{inset:0}.light-rays-layer{display:none}.hud{padding:calc(max(.875rem, env(safe-area-inset-top)) + .35rem) 1.5rem 1rem}.logomark{align-items:flex-start;gap:.55rem;font-size:.72rem}.logomark-meta{letter-spacing:.12em;font-size:.58rem}.role-badge{letter-spacing:.14em;gap:.5rem;margin-top:.16rem;font-size:.68rem}.headline{text-align:left;width:min(17.5rem,100vw - 3rem);animation-name:headline-fade-up-mobile;top:4.05rem;left:1.5rem;transform:none}.headline h1{text-wrap:balance;max-width:10ch;font-size:clamp(2.1rem,8.8vw,2.85rem);line-height:.96}.project-panel{width:auto;height:min(76dvh,720px);max-height:min(76dvh,720px);padding-left:.45rem;inset:auto .75rem .75rem}.project-panel-backdrop.open{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05060a9e}.project-sheet-card .pc-card{border-radius:24px;height:100%}.project-sheet-card,.project-sheet-card .pc-card-shell,.project-sheet-card .pc-card,.project-sheet-card .pc-inside{height:100%;max-height:none}.project-panel-copy h2{font-size:clamp(1.45rem,6.2vw,1.8rem)}.project-sheet-scroll{height:100%;max-height:none;padding:1.35rem 1.15rem 1.05rem}.project-sheet-header{gap:.7rem;min-height:2.9rem;padding-top:.2rem;padding-right:3.65rem}.project-panel-close{width:2.35rem;height:2.35rem;top:.72rem;right:.72rem}.project-panel-kicker{letter-spacing:.22em;font-size:.66rem;line-height:1.35}.project-panel-impact{font-size:.98rem}.project-fact{grid-template-columns:minmax(0,88px) minmax(0,1fr);gap:.7rem}.identity{display:none}.status{left:1rem;right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));text-align:left;border:1px solid color-mix(in srgb, var(--sulfur) 16%, #ffffff17);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e1016db;border-radius:24px;grid-area:auto;place-self:auto;align-items:flex-start;gap:.55rem;max-width:none;padding:.95rem 1rem 1rem;position:absolute;box-shadow:0 18px 44px #00000052}.status .label{display:none}.status .title{max-width:13.5ch;font-size:clamp(1.3rem,6.4vw,1.7rem)}.status .description{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:.92rem;line-height:1.4;display:-webkit-box;overflow:hidden}.drag-hint{display:none}.mobile-idle-hint{left:50%;bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 8.9rem);border:1px solid color-mix(in srgb, var(--sulfur) 18%, #ffffff14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:max-content;max-width:calc(100vw - 2rem);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bone-dim);pointer-events:none;z-index:5;opacity:0;visibility:hidden;background:#0e1016bd;border-radius:999px;align-items:center;gap:.65rem;padding:.78rem .95rem;font-size:.62rem;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;transform:translate(-50%,6px)}.mobile-idle-hint.visible{opacity:1;visibility:visible;transform:translate(-50%)}.bracket.bl,.bracket.br{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}