:root{--bg:oklch(22% .02 260);--surface:oklch(30% .022 260);--fg:oklch(97% .006 260);--muted:oklch(68% .012 260);--border:oklch(38% .018 260/.55);--accent:oklch(68% .16 255);--card-w:260px;--card-h:156px;--profile-min-h:372px;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--radius:16px;--scrollbar-size:10px;--scrollbar-track:oklch(20% .02 260);--scrollbar-thumb:oklch(38% .03 260);--scrollbar-thumb-hover:oklch(68% .16 255)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);background-clip:padding-box;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:hidden}.bg-scene{pointer-events:none;z-index:0;--mx:0;--my:0;position:fixed;inset:0;overflow:hidden}.bg-glow{filter:blur(90px);opacity:.45;border-radius:50%;position:absolute}.bg-glow-1{width:420px;height:420px;transform:translate(calc(var(--mx) * 16px), calc(var(--my) * 12px));background:oklch(58% .14 255/.35);animation:14s ease-in-out infinite breathe;top:10%;left:10%}.bg-glow-2{width:360px;height:360px;transform:translate(calc(var(--mx) * -12px), calc(var(--my) * -10px));background:oklch(52% .1 280/.28);animation:18s ease-in-out 2s infinite breathe;bottom:8%;right:6%}.bg-grid{transform:translate(calc(var(--mx) * 5px), calc(var(--my) * 5px));background-image:linear-gradient(oklch(42% .02 260/.2) 1px,#0000 1px),linear-gradient(90deg,oklch(42% .02 260/.2) 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 10%,#0000 70%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 10%,#0000 70%)}@keyframes breathe{0%,to{opacity:.38}50%{opacity:.55}}.page{z-index:1;flex-direction:column;justify-content:center;max-width:1200px;min-height:100dvh;margin:0 auto;padding:clamp(20px,4vw,40px);display:flex;position:relative}.hub{grid-template-columns:var(--card-w) 1fr var(--card-w);grid-template-rows:calc((var(--profile-min-h) - 14px) / 2) calc((var(--profile-min-h) - 14px) / 2);justify-content:center;align-items:center;gap:14px 28px;width:100%;max-width:1180px;margin:0 auto;display:grid}.hub-cards-left{flex-direction:column;grid-area:1/1/span 2;justify-content:center;align-items:flex-end;gap:14px;display:flex}.hub-cards-right{flex-direction:column;grid-area:1/3/span 2;justify-content:center;align-items:flex-start;gap:14px;display:flex}.hub-profile{min-height:var(--profile-min-h);flex-direction:column;grid-area:1/2/span 2;gap:12px;display:flex}.profile-photo{width:100%;min-height:var(--profile-min-h);border-radius:var(--radius);border:1px solid var(--border);background:oklch(28% .02 260);flex:1;position:relative;overflow:hidden;box-shadow:0 20px 48px oklch(12% .02 260/.4)}.profile-photo-img{object-fit:cover;object-position:center 20%;width:100%;height:100%;position:absolute;inset:0}.profile-photo:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,oklch(14% .02 260/.85) 100%);position:absolute;inset:0}.profile-on-photo{z-index:2;text-align:center;padding:24px 20px;position:absolute;bottom:0;left:0;right:0}.profile-name{font-family:var(--font-display);letter-spacing:-.04em;text-shadow:0 2px 20px oklch(8% .02 260/.9);font-size:clamp(26px,4vw,38px);font-weight:700;line-height:1.05}.profile-meta{text-align:center;flex-shrink:0}.profile-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.profile-link-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:132px;min-height:44px;padding:0 18px 0 12px;font-family:inherit;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.profile-link-btn img{object-fit:contain;pointer-events:none;flex-shrink:0;width:22px;height:22px;display:block}.profile-link-label{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600;transition:color .2s}.profile-link-btn:hover,.profile-link-btn:focus-visible{background:oklch(34% .024 260);border-color:oklch(68% .16 255/.55);transform:translateY(-1px)}.profile-link-btn:hover .profile-link-label,.profile-link-btn:focus-visible .profile-link-label{color:var(--fg)}.project-card{width:var(--card-w);height:var(--card-h);border-radius:var(--radius);cursor:pointer;color:var(--fg);-webkit-tap-highlight-color:transparent;appearance:none;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;position:relative}.card-box{border-radius:inherit;border:1px solid var(--border);transition:transform .25s,border-color .25s,box-shadow .25s;position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 36px oklch(12% .02 260/.35)}.card-img-layer{position:absolute;inset:0}.card-img-layer img{object-fit:cover;width:100%;height:100%;display:block}.card-shade{z-index:1;background:linear-gradient(oklch(26% .02 260/.2) 0%,oklch(22% .02 260/.35) 50%,oklch(14% .02 260/.9) 100%);transition:opacity .4s;position:absolute;inset:0}.card-doors{z-index:3;transform-style:preserve-3d;perspective:800px;position:absolute;inset:0}.card-door{background-image:var(--card-img);background-color:oklch(26% .022 265);background-repeat:no-repeat;background-size:200% 100%;width:50%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;overflow:hidden}.card-door:before{content:"";background:linear-gradient(155deg,oklch(30% .03 260/.75),oklch(22% .02 265/.9));transition:opacity .4s;position:absolute;inset:0}.card-door-left{transform-origin:0;border-radius:var(--radius) 0 0 var(--radius);background-position:0%;left:0}.card-door-right{transform-origin:100%;border-radius:0 var(--radius) var(--radius) 0;background-position:100%;right:0}.card-title{z-index:4;font-family:var(--font-display);letter-spacing:-.03em;text-align:left;pointer-events:none;font-size:20px;font-weight:700;transition:opacity .3s;position:absolute;bottom:12px;left:14px;right:14px}.card-logo{z-index:5;object-fit:contain;object-position:left bottom;pointer-events:none;filter:drop-shadow(0 2px 8px oklch(8% .02 260/.85));width:auto;max-width:calc(100% - 28px);height:36px;position:absolute;bottom:12px;left:14px}.project-card:hover .card-box,.project-card:focus-visible .card-box,.project-card.is-revealed .card-box{border-color:oklch(68% .16 255/.45);transform:translateY(-5px)}.project-card:hover .card-door-left,.project-card:focus-visible .card-door-left,.project-card.is-revealed .card-door-left{transform:rotateY(-78deg)}.project-card:hover .card-door-right,.project-card:focus-visible .card-door-right,.project-card.is-revealed .card-door-right{transform:rotateY(78deg)}.project-card:hover .card-door:before,.project-card:focus-visible .card-door:before,.project-card.is-revealed .card-door:before{opacity:.2}.project-card:hover .card-shade,.project-card:focus-visible .card-shade,.project-card.is-revealed .card-shade{opacity:.5}@media (hover:none){.project-card{touch-action:manipulation}}.mobile-only{display:none}.toast{border:1px solid var(--border);opacity:0;z-index:200;pointer-events:none;color:var(--fg);background:oklch(30% .02 260);border-radius:8px;padding:10px 18px;font-size:13px;transition:transform .3s,opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(60px);box-shadow:0 8px 24px oklch(12% .02 260/.25)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=900px){:root{--card-w:min(78vw, 280px);--card-h:calc(var(--card-w) * .6)}.page{padding:max(16px, env(safe-area-inset-top)) 0 max(24px, env(safe-area-inset-bottom));justify-content:flex-start}.hub{flex-direction:column;gap:0;max-width:100%;display:flex}.hub-cards-left,.hub-cards-right{display:none}.hub-profile{width:100%;min-height:0;margin-bottom:20px;padding:0 20px}.profile-photo{aspect-ratio:4/5;height:auto;min-height:260px;max-height:min(52vh,400px)}.mobile-only{padding:0 20px;display:block}.cards-stack{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;padding:4px 0 16px;display:grid}.cards-stack .project-card{width:100%;max-width:none}.hub-profile .profile-meta{margin-top:4px;padding:0}.hub-profile .profile-links{gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}.card-door-left,.card-door-right{transform:none!important}.card-doors{opacity:0}.project-card.is-revealed .card-doors{opacity:1}}