.hub-veil{z-index:200;background:color-mix(in srgb, var(--color-bg) 92%, var(--color-accent-100));will-change:transform;justify-content:center;align-items:center;transition:transform 1.15s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0;transform:translateY(0)}.hub-veil.is-done{transform:translateY(-101%)}.hub-veil-inner{flex-direction:column;align-items:stretch;gap:14px;width:min(320px,62vw);display:flex}.hub-veil-row{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);justify-content:space-between;font-size:11px;display:flex}.hub-veil-pct{font-variant-numeric:tabular-nums}.hub-veil-track{background:var(--color-divider);width:100%;height:1px;position:relative}.hub-veil-bar{background:var(--color-accent);width:0%;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.hub-bgfx{z-index:0;pointer-events:none;position:fixed;inset:0}.hub-bgfx-top{background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--color-accent-200) 65%, transparent) 0%, transparent 62%);transform-origin:50% 0;position:absolute;inset:-10%}.hub-bgfx-bottom{background:radial-gradient(100% 70% at 50% 100%, color-mix(in srgb, var(--color-accent-100) 55%, transparent) 0%, transparent 60%);transform-origin:50% 100%;position:absolute;inset:-10%}.hub-bgfx-glow{background:radial-gradient(60% 45% at 50% 38%, color-mix(in srgb, var(--color-accent-300) 22%, transparent) 0%, transparent 70%);position:absolute;inset:-10%}@media (prefers-reduced-motion:no-preference){.hub-bgfx-top{animation:10s ease-in-out infinite bloom-breathe}.hub-bgfx-bottom{animation:36s ease-in-out infinite bloom-drift-b}.hub-bgfx-glow{animation:27s ease-in-out infinite bloom-drift-a}}@keyframes bloom-breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes bloom-drift-a{0%{transform:translate(-3%,-2%)scale(1)}33%{transform:translate(2.5%,3%)scale(1.09)}66%{transform:translate(-2%,2.5%)scale(.96)}to{transform:translate(-3%,-2%)scale(1)}}@keyframes bloom-drift-b{0%{transform:translate(2%,1.5%)scale(1.04)}50%{transform:translate(-3%,-3%)scale(.95)}to{transform:translate(2%,1.5%)scale(1.04)}}.hub-bgfx-spotlight{background:radial-gradient(38vw circle at var(--spot-x,50%) var(--spot-y,30%), color-mix(in srgb, var(--color-accent) 26%, transparent) 0%, color-mix(in srgb, var(--color-accent-300) 14%, transparent) 45%, transparent 72%);opacity:var(--spot-opacity,0);transition:opacity .5s;position:absolute;inset:0}.hub-bgfx-grain{opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.14'/></svg>");position:absolute;inset:0}#br-canvas{z-index:0;pointer-events:none;width:100%;height:100%;animation:1.6s ease-out both br-canvas-in;display:block;position:absolute;inset:0}@keyframes br-canvas-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){#br-canvas{opacity:1;animation:none}}.constellation{z-index:0;pointer-events:none;width:100%;height:100%;animation:1.6s ease-out .5s both br-canvas-in;display:block;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.constellation{opacity:1;animation:none}}.hub-bgfx-col{border-left:1px solid color-mix(in srgb, var(--color-text) 9%, transparent);border-right:1px solid color-mix(in srgb, var(--color-text) 9%, transparent);width:min(788px,100% - 8px);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hub-bgfx-mark{pointer-events:none;border-left:1px solid color-mix(in srgb, var(--color-accent-700) 45%, transparent);border-top:1px solid color-mix(in srgb, var(--color-accent-700) 45%, transparent);width:13px;height:13px;position:absolute}.hub-bgfx-mark.tl{top:clamp(14px,3vh,28px);left:calc(50% + -1*min(394px,50% - 4px))}.hub-bgfx-mark.tr{top:clamp(14px,3vh,28px);right:calc(50% + -1*min(394px,50% - 4px));transform:rotate(90deg)}.hub-bgfx-mark.bl{bottom:clamp(14px,3vh,28px);left:calc(50% + -1*min(394px,50% - 4px));transform:rotate(-90deg)}.hub-bgfx-mark.br{bottom:clamp(14px,3vh,28px);right:calc(50% + -1*min(394px,50% - 4px));transform:rotate(180deg)}.hub-viewport{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative}.hub-main{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(10px,2vh,22px);min-height:0;padding:clamp(14px,3vh,32px) 24px;display:flex}@media (max-height:640px){.hub-main{gap:clamp(6px,1.4vh,14px);padding:12px 20px}.hub-portrait{width:clamp(96px,16vh,150px)}.hub-name{font-size:clamp(30px,8vh,56px)}.hub-bio{max-width:44ch;font-size:14px;line-height:1.45}.hub-stats{gap:10px;font-size:10px}}@media (max-height:460px){.hub-portrait{width:clamp(74px,20vh,104px)}.hub-name{font-size:clamp(24px,9vh,40px)}.hub-bio{max-width:60ch;font-size:12.5px}.br-tile{gap:5px;padding:8px 6px}.br-tile svg{width:16px;height:16px}.hub-hint{display:none}}.hub-reveal{transition:opacity .95s cubic-bezier(.22,.61,.36,1),transform 1.05s cubic-bezier(.22,.61,.36,1),filter .9s cubic-bezier(.22,.61,.36,1)}.hub-reveal.hub-reveal-hidden{opacity:0;filter:blur(3px);transform:translateY(26px)}.hub-reveal.hub-reveal-shown{opacity:1;filter:none;transform:none}.hub-portrait{aspect-ratio:1;flex:none;width:clamp(160px,22vh,240px);transition:transform .4s cubic-bezier(.22,.61,.36,1);position:relative}.hub-portrait:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 30%, transparent) 0%, transparent 72%);opacity:0;border-radius:50%;transition:opacity .5s;position:absolute;inset:-14px}.hub-portrait:hover{transform:translateY(-2px)}.hub-portrait:hover:before{opacity:1}.hub-portrait-plate{box-shadow:var(--shadow-md);border:2px solid color-mix(in srgb, var(--color-accent) 55%, transparent);outline:1px solid var(--color-divider);outline-offset:4px;will-change:transform;transform-style:preserve-3d;border-radius:50%;position:absolute;inset:0;overflow:hidden}.hub-portrait-plate img{object-fit:cover;width:100%;height:100%}.hub-portrait-placeholder{width:100%;height:100%;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 45%, transparent);background:var(--color-surface);justify-content:center;align-items:center;font-size:11px;display:flex}.hub-portrait-status{background:var(--color-accent-700);border:3px solid var(--color-bg);width:15%;min-width:14px;height:15%;min-height:14px;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent-700) 60%, transparent);border-radius:50%;animation:2.2s ease-out infinite br-pulse;position:absolute;bottom:3%;right:3%}.hub-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-700);margin:0;font-size:clamp(10px,1.4vh,12px)}.hub-cursor{background:var(--color-accent);vertical-align:-1px;width:7px;height:11px;margin-left:7px;animation:1.15s step-end infinite br-blink;display:inline-block}.hub-name{font-family:var(--font-heading);letter-spacing:-.03em;margin:0;font-size:clamp(42px,9.5vh,96px);font-weight:400;line-height:.94}.hub-bio{max-width:34ch;color:color-mix(in srgb, var(--color-text) 88%, transparent);margin:0 auto;font-size:clamp(15px,2.1vh,19px);line-height:1.55}.hub-stats{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 62%, transparent);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,1.6vw,20px);font-size:11px;display:flex}.hub-stat{align-items:center;gap:7px;display:inline-flex}.hub-stat svg{width:13px;height:13px;color:var(--color-accent-700)}.hub-stat-dot{color:color-mix(in srgb, var(--color-text) 35%, transparent)}.hub-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.4vh,14px);width:min(760px,100vw - 48px);margin-top:clamp(4px,1.4vh,12px);display:grid}.br-tile{border:1px solid var(--color-divider);border-radius:var(--radius-md);cursor:pointer;min-width:0;min-height:70px;color:var(--color-text);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;background:0 0;flex-direction:column;align-items:center;gap:9px;padding:clamp(11px,1.7vh,17px) 6px;font-size:10.5px;transition:background .35s cubic-bezier(.22,.61,.36,1),border-color .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1);display:flex;position:relative}.br-tile:hover{background:color-mix(in srgb, var(--color-accent) 14%, transparent);border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), 0 12px 26px color-mix(in srgb, var(--color-accent) 26%, transparent), 0 0 52px color-mix(in srgb, var(--color-accent) 36%, transparent);transform:translateY(-4px)}.br-tile svg{color:var(--color-accent-700);width:19px;height:19px;transition:transform .28s cubic-bezier(.22,.61,.36,1)}.br-tile:focus-visible{outline-offset:4px}@media (max-width:760px){.hub-tiles{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--color-accent-700) transparent;grid-template-columns:none;grid-auto-columns:116px;grid-auto-flow:column;padding:4px 2px 10px;overflow-x:auto}.br-tile{scroll-snap-align:start}.hub-hint-wide{display:none}}@media (max-width:520px){.br-tile{letter-spacing:.07em;flex-direction:row;justify-content:center;gap:7px;min-height:58px;padding:9px 6px;font-size:9px}.br-tile svg{flex:none;width:16px;height:16px}}.hub-hint{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 55%, transparent);margin:0;font-size:10px}.hub-hint-narrow{display:none}@media (max-width:760px){.hub-hint-narrow{display:inline}}.hub-overlay{z-index:150;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:clamp(16px,4vh,40px) 20px;transition:opacity .38s;display:flex;position:fixed;inset:0}.hub-overlay.is-open{opacity:1;pointer-events:auto}.hub-scrim{background:color-mix(in srgb, var(--color-neutral-900) 22%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);position:absolute;inset:0}.hub-panel{background:color-mix(in srgb, var(--color-bg) 96%, var(--color-accent-100));border:1px solid var(--color-divider);border-radius:var(--radius-lg);width:min(660px,100%);max-height:min(78svh,720px);box-shadow:var(--shadow-lg);text-align:center;scrollbar-width:none;padding:clamp(30px,5vh,48px) clamp(22px,5vw,46px) clamp(30px,5vh,44px);transition:transform .55s cubic-bezier(.22,.61,.36,1);position:relative;overflow-y:auto;transform:translateY(20px)scale(.98)}.hub-panel::-webkit-scrollbar{display:none}.hub-overlay.is-open .hub-panel{transform:translateY(0)scale(1)}.hub-close{border:1px solid var(--color-divider);cursor:pointer;width:36px;height:36px;color:var(--color-accent-700);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .25s,border-color .25s,transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s;display:flex;position:absolute;top:14px;right:14px}.hub-close:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-color:var(--color-accent);box-shadow:0 0 28px color-mix(in srgb, var(--color-accent) 32%, transparent);transform:rotate(90deg)}@keyframes br-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent-700) 55%, transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb, var(--color-accent-700) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent-700) 0%, transparent)}}.panel-header{flex-direction:column;align-items:center;gap:11px;margin-bottom:10px;display:flex}.panel-header svg{width:19px;height:19px;color:var(--color-accent-700)}.panel-header h2{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:clamp(30px,4.6vw,42px);font-weight:400}.panel-subtitle{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 62%, transparent);margin:0;font-size:10.5px}.panel-loading{color:color-mix(in srgb, var(--color-text) 62%, transparent);flex-direction:column;align-items:center;gap:12px;padding:44px 0;display:flex}.panel-spinner{border:1px solid var(--color-divider);border-top-color:var(--color-accent);border-radius:50%;width:15px;height:15px;animation:.9s linear infinite br-spin}.panel-loading-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:10.5px}.panel-empty{font-family:var(--font-mono);color:color-mix(in srgb, var(--color-text) 70%, transparent);margin:0;padding:36px 0;font-size:12px}.br-proj{border-top:1px solid var(--color-divider);color:var(--color-text);border-radius:var(--radius-md);padding:22px 14px;transition:background .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s;display:block}.br-proj:hover{background:color-mix(in srgb, var(--color-accent) 6%, transparent);color:var(--color-text);box-shadow:0 0 40px color-mix(in srgb, var(--color-accent) 14%, transparent);transform:translateY(-2px)}.br-proj-title{justify-content:center;align-items:center;margin-bottom:7px;display:flex}.br-proj-name{font-family:var(--font-heading);letter-spacing:-.015em;font-size:clamp(20px,2.6vw,25px);font-weight:600;line-height:1.2;position:relative}.br-arrow{color:var(--color-accent-700);opacity:0;margin-left:9px;transition:opacity .4s,transform .4s;display:inline-flex;position:absolute;top:50%;left:100%;transform:translate(-5px,-50%)}.br-proj:hover .br-arrow{opacity:1;transform:translateY(-50%)}.br-proj-desc{color:color-mix(in srgb, var(--color-text) 70%, transparent);max-width:50ch;margin:0 auto 11px;font-size:15.5px;line-height:1.58;display:block}.br-proj-meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 70%, transparent);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:14px;font-size:10.5px;display:flex}.br-proj-meta-item{align-items:center;gap:6px;display:inline-flex}.br-proj-meta-item.is-live{color:var(--color-accent-700)}.br-live-dot{background:#2f9e5a;border-radius:50%;flex:none;width:6px;height:6px}@media (prefers-reduced-motion:no-preference){.br-live-dot{animation:2s ease-out infinite live-pulse}}@keyframes live-pulse{0%{box-shadow:0 0 #2f9e5a80}70%{box-shadow:0 0 0 6px #2f9e5a00}to{box-shadow:0 0 #2f9e5a00}}.br-proj-wrap{position:relative}.br-proj-code{z-index:1;border-radius:var(--radius-md);border:1px solid var(--color-divider);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 62%, transparent);opacity:0;align-items:center;gap:5px;padding:4px 9px;font-size:9.5px;transition:opacity .3s,color .2s,border-color .2s;display:inline-flex;position:absolute;top:20px;right:12px}.br-proj-wrap:hover .br-proj-code,.br-proj-code:focus-visible{opacity:1}.br-proj-code:hover{color:var(--color-accent-700);border-color:var(--color-accent)}.panel-footer-link{border-top:1px solid var(--color-divider);padding-top:22px}.panel-footer-link a{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:10.5px;display:inline-flex}.activity-current-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-700);margin:0 0 4px;font-size:10.5px}.activity-contrib-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-700);border-top:1px solid var(--color-divider);margin:0 0 20px;padding-top:26px;font-size:10.5px}.contrib-scroll{justify-content:flex-start;padding-bottom:6px;display:flex;overflow-x:auto}.contrib-grid{grid-template-rows:repeat(7,9px);grid-auto-columns:9px;grid-auto-flow:column;gap:3px;width:max-content;margin:0 auto;display:grid}.contrib-cell{border-radius:1px}.contrib-total{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 68%, transparent);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:10.5px;display:flex}.stack-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));justify-items:center;gap:28px 14px;display:grid}.stack-item{flex-direction:column;align-items:center;gap:9px;display:flex}.stack-icon{object-fit:contain;width:24px;height:24px;transition:transform .28s cubic-bezier(.22,.61,.36,1);display:block}.stack-item:hover .stack-icon{transform:scale(1.16)}.stack-item span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.path-item{border-top:1px solid var(--color-divider);padding:24px 0}.path-period{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 62%, transparent);font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:11px}.path-title{font-family:var(--font-heading);letter-spacing:-.01em;margin:0 0 8px;font-size:21px;font-weight:600}.path-desc{color:color-mix(in srgb, var(--color-text) 70%, transparent);max-width:48ch;margin:0 auto;font-size:15.5px;line-height:1.6}.certification-link{margin:12px 0 0}.certification-link a{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:5px;font-size:10.5px;display:inline-flex}.background-panel .panel-header{margin-bottom:28px}.background-cv{border:1px solid var(--color-divider);padding:22px 18px 24px}.background-cv h3{margin-bottom:4px;font-size:25px;font-weight:400}.background-cv p{color:color-mix(in srgb, var(--color-text) 68%, transparent);margin-bottom:18px;font-size:14px}.background-section{text-align:left;margin-top:34px}.background-section h3{font:500 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-700);align-items:center;gap:9px;margin-bottom:18px;display:flex}.background-section h3 svg{flex:none}.background-section .path-item{padding:20px 0}.background-section .path-desc{margin-left:0}.background-section .panel-empty{padding:18px 0}.cv-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cv-actions .btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;gap:9px;font-size:11.5px}.contact-email{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text);border-bottom:1px solid var(--color-divider);word-break:break-word;max-width:100%;margin-bottom:28px;padding-bottom:10px;font-size:clamp(21px,4.4vw,34px);font-weight:400;line-height:1.2;transition:color .25s,border-color .25s,transform .25s cubic-bezier(.22,.61,.36,1);display:inline-block}.contact-email:hover{color:var(--color-accent-700);border-color:var(--color-accent);transform:translateY(-1px)}.contact-links .btn{transition:background .2s,border-color .2s,transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .3s}.contact-links .btn:hover{border-color:var(--color-accent);box-shadow:0 0 30px color-mix(in srgb, var(--color-accent) 32%, transparent);transform:translateY(-3px)}.contact-links{justify-content:center;gap:12px;display:flex}.contact-links .btn{width:44px;height:44px;color:var(--color-accent-700);border-radius:50%;padding:0}@media (pointer:coarse){.hub-close{width:44px;height:44px}.br-proj-code,.panel-footer-link a{padding-block:12px;display:inline-block}.contact-links .btn{width:48px;height:48px}.contact-email{padding-block:6px}}@media (max-width:430px){.hub-stats{letter-spacing:.05em;gap:4px 10px;font-size:9.5px}.hub-stat{gap:5px}.hub-stat svg{width:11px;height:11px}.hub-stat-dot{display:none}.hub-bio{max-width:30ch}.hub-main{gap:clamp(8px,1.6vh,16px)}.hub-portrait{width:clamp(126px,34vw,168px)}}.panel-pane{display:none}.panel-pane.is-active{display:block}