.modern-navbar{inset:0 0 auto;padding:14px 18px 0;pointer-events:none;position:fixed;z-index:1000}.navbar-container{display:flex;justify-content:center;margin:0 auto;width:min(100%,var(--content-width))}.navbar-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#ffffff0a,#fff0),var(--surface-overlay);border:1px solid var(--surface-border);border-radius:15px;box-shadow:var(--shadow-card);gap:6px;padding:3px 6px;pointer-events:auto}.navbar-nav,.navbar-pill{align-items:center;display:inline-flex}.navbar-nav{gap:3px}.nav-link,.theme-toggle{align-items:center;border:1px solid #0000;border-radius:10px;color:var(--text-muted);display:inline-flex;font-family:var(--font-body);font-size:.8rem;font-weight:700;gap:4px;justify-content:center;letter-spacing:.015em;min-height:34px;padding:0 16px;text-transform:none;transition:transform var(--timing-base) var(--ease-standard),border-color var(--timing-base) var(--ease-standard),background var(--timing-base) var(--ease-standard),color var(--timing-base) var(--ease-standard),box-shadow var(--timing-base) var(--ease-standard)}.nav-link.active{background:#3b82f61f;border-color:#5ea8ff29;box-shadow:inset 0 1px 0 #ffffff0a;color:var(--text-primary)}.theme-toggle{background:#0000;border-color:#0000;border-radius:999px;color:var(--text-primary);height:32px;min-height:32px;min-width:32px;padding:0;width:32px}.theme-toggle__icon{align-items:center;display:inline-flex;height:15px;justify-content:center;width:15px}@media (hover:hover) and (pointer:fine){.nav-link:hover,.theme-toggle:hover{transform:translateY(-1px)}.nav-link:hover{background:#3b82f614;border-color:#3b82f61a;color:var(--text-primary)}.theme-toggle:hover{background:#3b82f614;border-color:#3b82f61f}}@media (max-width:900px){.modern-navbar{padding:12px 14px 0}.navbar-container{width:100%}.navbar-pill{justify-content:space-between;width:100%}.nav-link,.navbar-nav{flex:1 1;min-width:0}.nav-link{padding-inline:8px}}@media (max-width:640px){.modern-navbar{padding:10px 12px 0}.nav-link,.theme-toggle{font-size:.74rem;min-height:32px}.theme-toggle{height:30px;min-height:30px;min-width:30px;width:30px}}.home-page.page-section{--home-accent-bar:linear-gradient(180deg,#0000,#ff7b5775,#ff7b5747,#0000);--home-neutral-bar:#94a3b866;--figure-width:34.5rem;--figure-anchor-shift:0.15rem;--figure-right:0.75rem;--figure-bottom:-0.32rem;--figure-shadow-width:12.9rem;--figure-overlap:0.95rem;--figure-visual-shift:6%;--quote-card-min-height:6rem;height:100vh;min-height:100vh;overflow:hidden;padding:76px 20px 14px}.home-page .page-container{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;max-width:1400px}.home-page .grid-6x6-layout{--home-grid-gap:1rem;--home-track-size:calc(16.66667% - var(--home-grid-gap)*5/6);grid-gap:var(--home-grid-gap);aspect-ratio:1;display:grid;gap:var(--home-grid-gap);grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);height:85vh;max-width:1100px;position:relative;width:100%}.home-page .bubble{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,hsla(0,0%,100%,.035),#fff0),var(--surface-1);border:1px solid var(--surface-border);border-radius:18px;box-shadow:var(--shadow-card);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-body);overflow:hidden;padding:1rem 1.2rem 1.2rem;position:relative}.home-page .bubble blockquote,.home-page .bubble h2,.home-page .bubble h3,.home-page .bubble h4,.home-page .bubble p{margin-top:.15rem;text-align:left}.home-page .bubble h3{color:var(--text-primary);font-family:var(--font-display);font-size:1.45rem;font-weight:600;line-height:1;margin:0 0 .5rem}.home-page .who-am-i-box{grid-column:1/5;grid-row:1/3;padding:.95rem 1.45rem 1.05rem}.home-page .spotlight-project-icon{stroke-width:2.1;color:currentColor;flex-shrink:0;height:1.08em;width:1.08em}.home-page .showcase-content{align-items:flex-start;display:flex;flex-direction:row;gap:1.15rem;width:100%}.home-page .showcase-copy-column{align-items:flex-start;display:flex;flex:1.18 1;flex-direction:column;gap:.5rem;min-width:0;padding-right:.45rem}.home-page .showcase-project-name{align-items:center;color:var(--accent-blue);display:inline-flex;font-family:var(--font-display);font-size:1.28rem;font-weight:600;gap:.5rem;line-height:1}.home-page .who-am-i-box .about-bullets{list-style-type:disc;margin:.1rem 0 0 1.1rem;padding:0;width:100%}.home-page .who-am-i-box .about-bullets li{color:var(--text-secondary);font-size:.9rem;line-height:1.38;margin-bottom:.3rem;text-align:left}.home-page .edu-highlight{color:#87bcff;font-weight:700;text-shadow:0 0 10px #5ea8ff2e}.home-page .showcase-divider{align-self:stretch;background:linear-gradient(180deg,#0000,#5ea8ff85,#3b82f64d,#0000);flex-shrink:0;height:100%;min-height:110px;width:2px}.home-page .sports-logos{align-items:flex-start;display:flex;flex-direction:column;gap:.55rem;width:100%}.home-page .showcase-stack-column{flex:0.9 1;justify-content:center}.home-page .spotlight-stack-label{color:var(--accent-blue);font-family:var(--font-label);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.home-page .showcase-tech-grid{grid-gap:.82rem .95rem;display:grid;gap:.82rem .95rem;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:start;width:100%}.home-page .showcase-tech-chip{gap:.42rem;min-width:0;width:100%}.home-page .showcase-tech-chip .tech-icon-chip__surface{background:linear-gradient(180deg,hsla(0,0%,100%,.055),#fff0),#0f172a3d;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0a,0 6px 14px #02061714;height:42px;width:42px}.home-page .showcase-tech-chip .tech-icon-chip__glyph{height:22px;width:22px}.home-page .showcase-tech-chip .tech-icon-chip__label{color:var(--text-secondary);font-size:.54rem;letter-spacing:.065em;line-height:1.18;max-width:76px}.home-page .reading-figure-box{align-items:flex-end;bottom:calc(100% - var(--figure-overlap) + var(--figure-bottom));display:flex;justify-content:center;left:calc(50% + var(--figure-anchor-shift));max-width:calc(100% - 1.2rem);overflow:visible;pointer-events:none;position:absolute;transform:translateX(-50%);width:min(var(--figure-width),calc(100% - 1.2rem));z-index:3}.home-page .reading-figure-box:after{background:#02061752;border-radius:var(--radius-pill);bottom:calc(var(--figure-overlap)*-1 + .02rem);content:"";filter:blur(18px);height:22px;left:50%;opacity:.56;position:absolute;transform:translateX(-50%);width:var(--figure-shadow-width)}.home-page .reading-figure-illustration{filter:drop-shadow(0 20px 34px rgba(2,6,23,.34));height:auto;margin:0;max-width:100%;position:relative;transform:translateX(var(--figure-visual-shift));transform-origin:center bottom;width:100%;z-index:1}.home-page .student-role-box{align-items:center;background:linear-gradient(180deg,#3b82f629,#3b82f600),var(--surface-2);grid-column:1/3;grid-row:3/4;justify-content:center;padding:1rem 1.25rem;text-align:center}.home-page .quote-bottom-box blockquote,.home-page .student-role-box blockquote{border-left:5px solid var(--home-neutral-bar);color:var(--text-primary);font-family:var(--font-display);font-size:1.32rem;font-style:normal;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;padding-left:1rem}.home-page .student-role-box blockquote{text-align:left}.home-page .center-reference-box{align-items:center;grid-column:3/5;grid-row:3/5;justify-content:center;padding:1.3rem;text-align:center}.home-page .profile-avatar{align-items:center;display:flex;gap:.7rem;justify-content:center;margin-bottom:1rem}.home-page .profile-social-link{align-items:center;border:1px solid #0000;border-bottom:none!important;border-radius:14px;box-shadow:none;color:var(--text-primary);display:inline-flex;height:46px;justify-content:center;line-height:0;text-decoration:none!important;transition:transform var(--timing-base) var(--ease-standard),color var(--timing-base) var(--ease-standard),border-color var(--timing-base) var(--ease-standard),background var(--timing-base) var(--ease-standard);width:46px}.home-page .profile-social-link:focus-visible,.home-page .profile-social-link:hover{background:#3b82f614;border-color:#3b82f638;color:var(--accent-blue)}.home-page .profile-social-link:hover{transform:translateY(-1px)}.home-page .profile-social-icon{align-items:center;color:inherit!important;display:flex;font-size:36px!important;height:36px;justify-content:center;text-decoration:none!important;width:36px}.home-page .profile-name{color:var(--accent-blue);font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1}.home-page .profile-location{align-items:center;color:var(--text-primary);display:flex;font-size:1.02rem;font-weight:500;gap:.4rem;justify-content:center;margin-top:.42rem}.home-page .home-about-header{grid-gap:0;align-self:start;display:grid;gap:0;grid-column:5/7;grid-row:1/2;justify-items:end;justify-self:end;max-width:100%;padding:1.1rem .35rem 0 0;text-align:right;z-index:4}.home-page .home-about-header .section-eyebrow{justify-content:flex-end}.home-page .quote-bottom-box{align-items:center;background:linear-gradient(180deg,#ffffff08,#fff0),var(--surface-2);border-left-color:#0000;display:flex;grid-column:5/7;grid-row:4/5;justify-content:center;min-height:var(--quote-card-min-height);overflow:visible;padding:.95rem 1.15rem;position:relative;z-index:1}.home-page .quote-bottom-box blockquote{margin:0 auto;max-width:28ch;text-align:center;width:100%}.home-page .technologies-vertical-box{grid-column:1/3;grid-row:4/7;padding:.95rem 1.55rem 1.2rem}.home-page .technologies-vertical-box h3{padding-bottom:.95rem}.home-page .education-bottom-box h3{align-items:center;display:flex;gap:.8rem;justify-content:space-between;width:100%}.home-page .tech-grid{grid-gap:1rem 1.15rem;align-items:start;display:grid;gap:1rem 1.15rem;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;margin:0 auto;width:min(100%,348px)}.home-page .tech-grid .tech-icon-chip{gap:.54rem;min-width:0;width:100%}.home-page .tech-grid .tech-icon-chip__surface{background:linear-gradient(180deg,hsla(0,0%,100%,.055),#fff0),#0f172a3d;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0a,0 10px 18px #0206171a;height:56px;width:56px}.home-page .tech-grid .tech-icon-chip__glyph{height:30px;width:30px}.home-page .tech-grid .tech-icon-chip__label{color:var(--text-secondary);font-size:.66rem;letter-spacing:.075em;line-height:1.24;max-width:92px}.home-page .tech-grid .tech-icon-chip__text{font-size:.98rem}.home-page .showcase-tech-chip .tech-icon-chip__text{font-size:.64rem}.home-page .education-bottom-box{grid-column:3/7;grid-row:5/7;padding:.82rem 1.65rem}.home-page .education-content{display:flex;flex-direction:row;gap:clamp(.5rem,1.5vw,1.2rem);height:100%;padding-inline:.12rem;width:100%}.home-page .education-column{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;padding-inline:clamp(.16rem,.7vw,.42rem)}.home-page .education-divider{align-self:center;background:var(--home-accent-bar);flex-shrink:0;height:80%;margin:0 clamp(.5rem,1.5vw,1rem);width:2px}.home-page .education-item{text-align:left;width:100%}.home-page .education-item h4{align-items:flex-start;color:var(--text-primary);display:flex;flex-direction:column;font-size:.94rem;font-weight:600;line-height:1.28;margin-bottom:.35rem;text-align:left}.home-page .education-school{display:block}.home-page .education-item .year{color:var(--text-muted);display:block;font-size:.8rem;font-weight:400;margin-top:.1rem}.home-page .education-item ul{list-style-type:disc;margin:.2em 0 .45em 1.05em;padding:0;width:100%}.home-page .education-item li{color:var(--text-secondary);font-size:.82rem;line-height:1.42;margin-bottom:.26rem;text-align:left}.home-page .blocki-icon{display:block;filter:drop-shadow(0 0 8px rgba(255,95,5,.14));height:1.1em;margin-bottom:0;margin-left:auto;vertical-align:top;width:auto}.home-page .who-am-i-box.showcase-glow{background:linear-gradient(135deg,#fffffffa,#e0f2fef0 18%,#93c5fdf5 46%,#60a5fafa 64%,#bfdbfee6 82%,#ffffffb8);border:1.25px solid #0000;box-shadow:0 0 0 1px #ffffff0d,0 0 10px #60a5fa14,0 0 18px #60a5fa0d;isolation:isolate;overflow:visible;transition:box-shadow var(--timing-theme) var(--ease-theme)}.home-page .who-am-i-box.showcase-glow:before{background:linear-gradient(180deg,hsla(0,0%,100%,.035),#fff0),#0a0e16bd;border-radius:16.75px;content:"";inset:1.25px;pointer-events:none;position:absolute;transition:background var(--timing-theme) var(--ease-theme);z-index:1}.home-page .who-am-i-box.showcase-glow:after{border:1px solid #93c5fd6b;border-radius:inherit;content:"";filter:blur(6px);inset:-3px;opacity:.44;pointer-events:none;position:absolute;transition:border-color var(--timing-theme) var(--ease-theme),opacity var(--timing-theme) var(--ease-theme);z-index:0}.home-page .who-am-i-box.showcase-glow>*{position:relative;z-index:2}body.light-mode .home-page .who-am-i-box.showcase-glow{background:linear-gradient(135deg,#fffffffa,#eff6fffa 18%,#93c5fdeb 50%,#60a5faf0 68%,#dbeafedb 84%,#ffffffc2);box-shadow:0 0 0 1px #60a5fa0f,0 0 10px #60a5fa0f,0 0 16px #60a5fa0a}body.light-mode .home-page .who-am-i-box.showcase-glow:before{background:linear-gradient(180deg,#ffffff80,#fff0),#e5e7ebdb}body.light-mode .home-page .who-am-i-box.showcase-glow:after{border-color:#60a5fa47;opacity:.36}body.light-mode .home-page .center-reference-box,body.light-mode .home-page .education-bottom-box,body.light-mode .home-page .technologies-vertical-box,body.light-mode .home-page .who-am-i-box{background:linear-gradient(180deg,#ffffff80,#fff0),#e5e7ebdb}body:not(.light-mode) .home-page .reading-figure-illustration{mix-blend-mode:screen}body.light-mode .home-page .reading-figure-box:after{opacity:.18}body.light-mode .home-page .reading-figure-illustration{filter:drop-shadow(0 16px 26px rgba(15,23,42,.16));opacity:.94}body.light-mode .home-page .quote-bottom-box,body.light-mode .home-page .student-role-box{background:linear-gradient(180deg,#3b82f633,#1d4ed800),#3b82f6eb}body.light-mode .home-page .quote-bottom-box blockquote,body.light-mode .home-page .student-role-box blockquote{color:#fff}@media (max-width:1359px){.home-page.page-section{--figure-width:30rem;--figure-anchor-shift:0.1rem;--figure-right:0.55rem;--figure-bottom:-0.24rem;--figure-shadow-width:11.2rem;--figure-overlap:0.78rem;--figure-visual-shift:5%;--quote-card-min-height:5.7rem}.home-page .grid-6x6-layout{--home-grid-gap:0.9rem}.home-page .bubble{padding:.95rem 1rem 1rem}.home-page .who-am-i-box{padding:.82rem 1.2rem .92rem}.home-page .bubble h3{font-size:1.34rem}.home-page .showcase-project-name{font-size:1.16rem}.home-page .who-am-i-box .about-bullets li{font-size:.84rem;line-height:1.33;margin-bottom:.22rem}.home-page .showcase-tech-chip .tech-icon-chip__surface{height:40px;width:40px}.home-page .showcase-tech-chip .tech-icon-chip__glyph{height:20px;width:20px}.home-page .showcase-tech-chip .tech-icon-chip__label{font-size:.52rem}.home-page .quote-bottom-box blockquote,.home-page .student-role-box blockquote{font-size:1.2rem}.home-page .technologies-vertical-box{padding:.9rem 1.3rem 1.05rem}.home-page .education-bottom-box{padding:.76rem 1.35rem}.home-page .education-item li{font-size:.8rem;line-height:1.38}}@media (max-width:1099px){.home-page.page-section{--figure-width:23.5rem;--figure-anchor-shift:0.05rem;--figure-right:0.35rem;--figure-bottom:-0.18rem;--figure-shadow-width:9rem;--figure-overlap:0.62rem;--figure-visual-shift:4%;--quote-card-min-height:5.45rem}.home-page .grid-6x6-layout{--home-grid-gap:0.75rem}.home-page .bubble{padding:.86rem .92rem .92rem}.home-page .who-am-i-box{padding:.76rem 1rem .86rem}.home-page .bubble h3{font-size:1.24rem}.home-page .showcase-content{gap:.82rem}.home-page .showcase-project-name{font-size:1.06rem}.home-page .who-am-i-box .about-bullets{margin-left:.98rem}.home-page .who-am-i-box .about-bullets li{font-size:.79rem;line-height:1.28;margin-bottom:.18rem}.home-page .spotlight-stack-label{font-size:.66rem}.home-page .showcase-tech-grid{gap:.66rem .72rem}.home-page .showcase-tech-chip .tech-icon-chip__surface{border-radius:12px;height:36px;width:36px}.home-page .showcase-tech-chip .tech-icon-chip__glyph{height:18px;width:18px}.home-page .showcase-tech-chip .tech-icon-chip__label{font-size:.48rem;max-width:58px}.home-page .quote-bottom-box blockquote,.home-page .student-role-box blockquote{font-size:1.08rem}.home-page .home-about-header{padding:.85rem .2rem 0 0}.home-page .center-reference-box{padding:1rem}.home-page .profile-avatar{margin-bottom:.82rem}.home-page .profile-name{font-size:1.72rem}.home-page .profile-location{font-size:.94rem}.home-page .technologies-vertical-box{padding:.84rem 1.05rem .95rem}.home-page .tech-grid{gap:.82rem .9rem;width:min(100%,320px)}.home-page .tech-grid .tech-icon-chip__surface{height:50px;width:50px}.home-page .tech-grid .tech-icon-chip__glyph{height:26px;width:26px}.home-page .tech-grid .tech-icon-chip__label{font-size:.61rem}.home-page .education-bottom-box{padding:.72rem 1.18rem}.home-page .education-item h4{font-size:.88rem}.home-page .education-item .year{font-size:.76rem}.home-page .education-item li{font-size:.76rem;line-height:1.32;margin-bottom:.2rem}}@media (max-width:899px){.home-page .grid-6x6-layout{aspect-ratio:1;height:auto;max-width:min(100%,calc(100vw - 32px));min-height:0;min-width:0;width:min(100%,calc(100vw - 32px))}.home-page .bubble{min-height:0;min-width:0;overflow-wrap:break-word;word-break:break-word}}@media (max-width:767px){.home-page.page-section{--figure-width:0rem;--figure-anchor-shift:0rem;--figure-right:0rem;--figure-bottom:0rem;--figure-shadow-width:0rem;--figure-overlap:0rem;--figure-visual-shift:0%;--quote-card-min-height:auto}.home-page .grid-6x6-layout,.home-page.page-section{aspect-ratio:auto!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}.home-page.page-section{padding:92px 12px 16px}.home-page .grid-6x6-layout{align-items:stretch;display:flex;flex-direction:column;gap:1.1rem;max-width:100%;width:100%}.home-page .bubble,.home-page .center-reference-box,.home-page .education-bottom-box,.home-page .home-about-header,.home-page .quote-bottom-box,.home-page .student-role-box,.home-page .technologies-vertical-box,.home-page .who-am-i-box{border-radius:16px;margin:0 auto;max-width:500px;min-width:0;padding:1.1rem 1rem;width:85%}.home-page .center-reference-box{order:1}.home-page .student-role-box{order:2}.home-page .home-about-header{justify-items:start;margin:0 auto -.2rem;max-width:500px;order:3;padding:0 .2rem;text-align:left;width:85%}.home-page .home-about-header .section-eyebrow{justify-content:flex-start}.home-page .who-am-i-box{order:5}.home-page .technologies-vertical-box{order:6}.home-page .education-bottom-box{order:7}.home-page .quote-bottom-box{order:4}.home-page .reading-figure-box{display:none!important}.home-page .quote-bottom-box{overflow:hidden}.home-page .showcase-content{flex-direction:column;gap:.8rem}.home-page .who-am-i-box .about-bullets{margin-left:.8em;padding-left:.8em;width:100%}.home-page .who-am-i-box .about-bullets li{max-width:100%;white-space:normal}.home-page .profile-name{font-size:1.3rem}.home-page .profile-social-icon{font-size:28px!important;height:28px;width:28px}.home-page .profile-social-link{height:40px;width:40px}.home-page .student-role-box h2{font-size:1.1rem}.home-page .tech-grid{grid-template-columns:repeat(3,1fr);width:100%}.home-page .tech-grid .tech-icon-chip__label{font-size:.54rem;max-width:72px}.home-page .showcase-divider{background:linear-gradient(90deg,#0000,#5ea8ff85,#3b82f64d,#0000);height:1px;min-height:1px;width:100%}.home-page .showcase-tech-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .showcase-tech-chip .tech-icon-chip__label{max-width:48px}.home-page .education-content{flex-direction:column;gap:.8rem;padding-inline:0}.home-page .education-column{padding-inline:.1rem}.home-page .education-divider{background:linear-gradient(90deg,#0000,#ff7b5775,#ff7b5747,#0000);height:1px;margin:.25rem 0;width:100%}}.pn-page{overflow:visible}.pn-shell{grid-gap:40px;display:grid;gap:40px;margin:0 auto;padding-bottom:32px;width:min(100%,1180px)}.pn-header{grid-gap:14px;border-bottom:1px solid var(--surface-divider);display:grid;gap:14px;justify-items:start;margin-bottom:16px;padding:10px 0 40px;text-align:left}.section-eyebrow{display:block;justify-self:start;letter-spacing:.2em;margin-bottom:8px;text-align:left}.pn-header__title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.6rem);justify-self:start;letter-spacing:-.03em;line-height:.92;text-align:left}.pn-header__lead{color:var(--text-secondary);font-size:1rem;justify-self:start;line-height:1.65;max-width:58ch;text-align:left}.pn-hero{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px 0 30px;position:relative}.pn-hero__tag{align-items:center;color:var(--accent-blue);display:inline-flex;font-family:var(--font-label);font-size:.68rem;gap:10px;letter-spacing:.2em;margin-bottom:18px;text-transform:uppercase}.pn-hero__tag:before{animation:pnPulse 2.4s ease-in-out infinite;background:var(--accent-blue);border-radius:50%;box-shadow:0 0 16px #5ea8ff99;content:"";height:8px;width:8px}@keyframes pnPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.pn-hero__title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(3rem,7vw,5.4rem);letter-spacing:-.045em;line-height:.88;margin-bottom:18px}.pn-hero__role{grid-gap:4px;border-left:3px solid var(--accent-blue);display:grid;gap:4px;margin-bottom:22px;padding:12px 0 12px 18px}.pn-hero__role-label{color:var(--accent-blue);font-family:var(--font-label);font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.pn-hero__role-text{color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.45}.pn-hero__summary{color:var(--text-secondary);font-size:1.02rem;line-height:1.68;margin-bottom:24px;max-width:44ch}.pn-hero__stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.pn-stack-pill{align-items:center;background:var(--surface-1);border:1px solid var(--surface-border);border-radius:var(--radius-pill);color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:500;gap:7px;line-height:1;min-height:30px;padding:0 12px}.pn-stack-pill img{height:13px;object-fit:contain;width:13px}.pn-stack-pill--accent{background:#5ea8ff1a;border-color:#5ea8ff59;color:var(--text-primary)}body.light-mode .pn-stack-pill--accent{background:#2563eb14;border-color:#2563eb4d}.pn-hero__cta-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.pn-cta{align-items:center;border-bottom:none!important;border-radius:var(--radius-pill);display:inline-flex;font-family:var(--font-body);font-size:.88rem;font-weight:600;gap:8px;min-height:44px;padding:0 22px;text-decoration:none!important;transition:transform var(--timing-base) var(--ease-standard),box-shadow var(--timing-base) var(--ease-standard),background var(--timing-base) var(--ease-standard)}.pn-cta--primary{background:linear-gradient(180deg,var(--accent-blue),var(--accent-blue-strong));box-shadow:0 10px 28px #2563eb38;color:#fff}.pn-cta--primary:hover{box-shadow:0 14px 34px #2563eb4d;transform:translateY(-1px)}.pn-hero__visual{align-items:center;display:flex;justify-content:center;min-height:600px;position:relative}.pn-hero__visual:before{background:radial-gradient(ellipse 62% 55% at 55% 46%,#5ea8ff4d,#5ea8ff14 44%,#0000 68%);content:"";inset:-10% -5%;pointer-events:none;position:absolute;z-index:0}body.light-mode .pn-hero__visual:before{background:radial-gradient(ellipse 62% 55% at 55% 46%,#2563eb38,#2563eb0f 44%,#0000 68%)}.pn-hero__phone{animation:pnFloat 6s ease-in-out infinite;filter:drop-shadow(0 40px 60px rgba(2,6,23,.5)) drop-shadow(0 0 30px rgba(94,168,255,.12));height:auto;position:relative;width:min(100%,480px);z-index:1}body.light-mode .pn-hero__phone{filter:drop-shadow(0 30px 50px rgba(15,23,42,.25)) drop-shadow(0 0 20px rgba(37,99,235,.08))}@keyframes pnFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pn-hero__phone--light,body.light-mode .pn-hero__phone--dark{display:none}body.light-mode .pn-hero__phone--light{display:block}.pn-hero__badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-2);border:1px solid var(--surface-border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);color:var(--text-primary);display:inline-flex;font-family:var(--font-label);font-size:.64rem;gap:8px;letter-spacing:.15em;padding:9px 14px;position:absolute;text-transform:uppercase;z-index:2}.pn-hero__badge--top{right:-8px;top:6%}.pn-hero__badge--bottom{border-color:#5ea8ff4d;bottom:12%;color:var(--accent-blue);left:-12px}.pn-dot{border-radius:50%;height:7px;width:7px}.pn-dot--orange{background:var(--accent-orange);box-shadow:0 0 10px #ff7b5799}.pn-dot--blue{background:var(--accent-blue);box-shadow:0 0 10px #5ea8ff99}.pn-section__head{align-items:baseline;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.pn-section__head h2{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,2rem);letter-spacing:-.02em}.pn-section__hint{color:var(--text-muted);font-family:var(--font-label);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.pn-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.pn-card,.pn-card-motion>a{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface-1);border:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border)!important;border-radius:20px;box-shadow:var(--shadow-card);color:inherit;display:grid;grid-template-rows:auto 1fr;overflow:hidden;position:relative;text-decoration:none!important;transition:transform .28s var(--ease-standard),border-color .28s var(--ease-standard),box-shadow .28s var(--ease-standard)}.pn-card--wide{grid-column:1/-1}.pn-card:hover{border-color:var(--surface-border-strong);box-shadow:var(--shadow-soft);transform:translateY(-4px)}.pn-card:hover .pn-card__arrow{color:var(--accent-blue);transform:translate(4px,-4px)}.pn-card__thumb{aspect-ratio:16/7;background:#00000040;border-bottom:1px solid var(--surface-divider);overflow:hidden;position:relative}body.light-mode .pn-card__thumb{background:#0f172a0d}.pn-card__thumb img,.pn-card__thumb video{height:100%;object-fit:cover;object-position:center top;width:100%}.pn-card__thumb--wide{aspect-ratio:32/7}.pn-theme-image--light,body.light-mode .pn-theme-image--dark{display:none}body.light-mode .pn-theme-image--light{display:block}.pn-card__thumb--fallback{background:radial-gradient(circle at 30% 20%,#5ea8ff33,#0000 50%),linear-gradient(135deg,#0e131df5,#0a0e16f5);display:grid;place-items:center}body.light-mode .pn-card__thumb--fallback{background:radial-gradient(circle at 30% 20%,#2563eb1f,#0000 50%),linear-gradient(135deg,#ffffffeb,#f1f5f9eb)}.pn-card__fallback{grid-gap:18px;display:grid;gap:18px;place-items:center}.pn-card__fallback img{filter:drop-shadow(0 10px 24px rgba(2,6,23,.3));height:88px;object-fit:contain;width:88px}.pn-card__fallback-label{color:var(--text-muted);font-family:var(--font-label);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.pn-card__body{grid-gap:14px;align-content:start;display:grid;gap:14px;padding:24px 28px 28px}.pn-card__meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.pn-card__github-btn{align-items:center;background:#5ea8ff1a;border:1px solid #5ea8ff4d;border-radius:var(--radius-pill);color:var(--accent-blue);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;text-decoration:none;transition:background .2s var(--ease-standard),border-color .2s var(--ease-standard),transform .2s var(--ease-standard);width:32px}.pn-card__github-btn:hover{background:#5ea8ff33;border-color:#5ea8ff80;transform:translateY(-2px)}body.light-mode .pn-card__github-btn{background:#2563eb14;border-color:#2563eb4d;color:var(--accent-blue)}body.light-mode .pn-card__github-btn:hover{background:#2563eb26;border-color:#2563eb80}.pn-card__kicker{color:var(--text-muted);font-family:var(--font-label);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase}.pn-card__title-row{align-items:start;display:flex;gap:14px;justify-content:space-between}.pn-card__title{color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.02em;line-height:1}.pn-card__arrow{align-items:center;color:var(--text-muted);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;transition:transform .28s var(--ease-standard),color .28s var(--ease-standard);width:32px}.pn-card__outcome{color:var(--text-secondary);font-size:.92rem;line-height:1.55;max-width:50ch}.pn-card--wide .pn-card__outcome{max-width:100%}.pn-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pn-tag{background:#0000;border:1px solid var(--surface-border);border-radius:var(--radius-pill);color:var(--text-muted);font-size:.68rem;font-weight:500;letter-spacing:.02em;line-height:1;min-height:24px;padding:0 9px}.pn-badge,.pn-tag{align-items:center;display:inline-flex}.pn-badge{border-radius:var(--radius-pill);font-family:var(--font-label);font-size:.54rem;font-weight:600;gap:6px;letter-spacing:.15em;min-height:22px;padding:0 8px;text-transform:uppercase}.pn-badge--class{background:#ff5f051a;border:1px solid #ff5f053d;color:var(--accent-orange)}.pn-badge--repo{border:1px solid var(--surface-border);color:var(--text-muted)}.pn-footer{align-items:center;border-top:1px solid var(--surface-divider);color:var(--text-muted);display:flex;flex-wrap:wrap;font-family:var(--font-label);font-size:.68rem;gap:16px;justify-content:space-between;letter-spacing:.14em;margin-top:40px;padding-top:32px;text-transform:uppercase}@media (max-width:960px){.pn-hero{gap:20px;grid-template-columns:1fr}.pn-hero__visual{min-height:500px;order:-1}.pn-hero__phone{width:min(100%,380px)}}@media (max-width:720px){.pn-shell{gap:28px}.pn-hero__role{display:none}.pn-grid{gap:18px;grid-template-columns:1fr}.pn-header{padding-bottom:28px}.pn-hero__visual{min-height:420px}.pn-hero__phone{width:min(100%,320px)}.pn-hero__badge--top{font-size:.58rem;padding:7px 11px;right:-4px;top:2%}.pn-hero__badge--bottom{bottom:6%;font-size:.58rem;left:-4px;padding:7px 11px}.pn-card__thumb--wide{aspect-ratio:16/7}}.contact-page{overflow:clip}.contact-shell{grid-gap:16px;align-content:start;display:grid;gap:16px;min-height:var(--screen-shell-height)}.contact-header{grid-gap:12px;display:grid;gap:12px;justify-items:start;padding-inline:4px}.contact-header h1{font-size:clamp(2.8rem,4.8vw,4.9rem);max-width:10.5ch}.contact-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;padding-top:120px}.contact-card{grid-gap:16px;align-content:start;background:linear-gradient(180deg,hsla(0,0%,100%,.032),#fff0),var(--surface-1);border-color:var(--surface-border);border-radius:20px;box-shadow:var(--shadow-card);cursor:pointer;display:grid;gap:16px;justify-items:center;min-height:290px;min-width:0;padding:24px 22px 22px;position:relative;text-align:center;transition:transform var(--timing-base) var(--ease-standard),border-color var(--timing-base) var(--ease-standard),background var(--timing-base) var(--ease-standard),box-shadow var(--timing-base) var(--ease-standard);width:100%}.contact-card--figure{overflow:visible}.contact-figure-box{align-items:flex-end;bottom:calc(100% - .85rem);display:flex;justify-content:center;max-width:calc(100% + 3rem);overflow:visible;pointer-events:none;width:min(24rem,calc(100% + 3rem));z-index:3}.contact-figure-box,.contact-figure-box:after{left:50%;position:absolute;transform:translateX(-50%)}.contact-figure-box:after{background:#02061752;border-radius:var(--radius-pill);bottom:.08rem;content:"";filter:blur(16px);height:20px;opacity:.52;width:62%}.contact-figure-illustration{filter:drop-shadow(0 18px 28px rgba(2,6,23,.3));height:auto;margin:0;max-width:100%;position:relative;width:100%;z-index:1}.contact-card__notice{align-items:center;background:#3b82f61f;border:1px solid #60a5fa29;border-radius:var(--radius-pill);color:var(--accent-blue);display:inline-flex;font-family:var(--font-label);font-size:.58rem;letter-spacing:.12em;min-height:28px;opacity:0;padding:0 10px;pointer-events:none;position:absolute;right:16px;text-transform:uppercase;top:16px;transform:translateY(-4px);transition:opacity var(--timing-base) var(--ease-standard),transform var(--timing-base) var(--ease-standard)}.contact-card__notice--visible{opacity:1;transform:translateY(0)}.contact-card__icon{align-items:center;background:linear-gradient(180deg,#ffffff0d,#fff0),var(--surface-2);border:1px solid #60a5fa24;border-radius:15px;color:var(--accent-blue);display:inline-flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact-card__body{grid-gap:8px;display:grid;gap:8px;justify-items:center;min-width:0}.contact-card__label{color:var(--text-muted);font-family:var(--font-label);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}.contact-card__body h2{font-size:clamp(1.16rem,1.5vw,1.48rem);line-height:1.08;overflow-wrap:anywhere}.contact-card__body p{color:var(--text-secondary);font-size:.88rem;line-height:1.55;max-width:27ch}.contact-card__action{align-items:center;color:var(--accent-blue);display:inline-flex;font-family:var(--font-body);font-size:.92rem;font-weight:600;gap:7px;margin-top:auto}.contact-card:hover{background:linear-gradient(180deg,#ffffff0a,#fff0),var(--surface-hover);border-color:var(--surface-border-strong);box-shadow:var(--shadow-soft);transform:translateY(-4px)}.contact-card:hover .contact-card__action{color:var(--accent-blue-strong)}@media (max-width:1023px){.contact-page{overflow:visible}.contact-shell{min-height:auto}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:104px}}@media (max-width:640px){.contact-header h1{font-size:clamp(2.3rem,12vw,3.8rem)}.contact-grid{grid-template-columns:1fr;padding-top:0}.contact-card{min-height:auto;padding:20px 18px 18px}.contact-figure-box{display:none}.contact-card__notice{right:14px;top:14px}}body.light-mode .contact-figure-box:after{opacity:.18}body.light-mode .contact-figure-illustration{filter:drop-shadow(0 16px 26px rgba(15,23,42,.16));opacity:.95}.project-detail-page{padding-top:90px}.project-detail-page--blue{--detail-accent:var(--accent-blue);--detail-accent-soft:#3b82f624;--detail-accent-border:#3b82f647}.project-detail-page--orange{--detail-accent:var(--accent-orange);--detail-accent-soft:#f9731624;--detail-accent-border:#f9731647}.project-detail-page--neutral{--detail-accent:var(--text-primary);--detail-accent-soft:#94a3b824;--detail-accent-border:#94a3b83d}.project-detail-page__container{grid-gap:18px;display:grid;gap:18px;padding-bottom:24px}.project-detail-card,.project-detail-footer,.project-detail-hero,.project-detail-status,.project-workflow-card{background:linear-gradient(180deg,hsla(0,0%,100%,.035),#fff0),var(--surface-1)}.project-detail-hero{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1.04fr) minmax(300px,.96fr);overflow:hidden;padding:24px}.project-detail-footer__header,.project-detail-hero__copy,.project-detail-hero__stack,.project-detail-hero__title-block,.project-detail-section,.project-detail-section__heading,.project-detail-status,.project-related-card,.project-related-card__body,.project-workflow-card{display:grid}.project-detail-hero__copy{align-content:start;gap:16px}.project-detail-back{align-items:center;background:var(--surface-2);border:1px solid var(--surface-border);border-radius:var(--radius-pill);color:var(--text-primary);display:inline-flex;font-family:var(--font-label);font-size:.64rem;gap:8px;letter-spacing:.1em;min-height:36px;padding:0 12px;text-transform:uppercase;transition:transform var(--timing-base) var(--ease-standard),background var(--timing-base) var(--ease-standard),border-color var(--timing-base) var(--ease-standard);width:-webkit-fit-content;width:fit-content}.project-detail-hero__topline{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.project-detail-hero__headline{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.project-detail-hero__title-block{gap:8px}.project-detail-hero__title-block h1{font-size:clamp(2.5rem,4.2vw,4rem);max-width:11ch}.project-detail-card p,.project-detail-footer__header p,.project-detail-hero__lead,.project-detail-hero__title-block p,.project-detail-status p,.project-related-card p,.project-workflow-card p{color:var(--text-secondary)}.project-detail-hero__title-block p{font-size:.96rem;line-height:1.5}.project-detail-hero__lead{font-size:.92rem;line-height:1.55;max-width:58ch}.project-detail-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.project-detail-meta__item{grid-gap:5px;background:var(--surface-2);border:1px solid var(--surface-border);border-radius:var(--radius-md);display:grid;gap:5px;padding:12px 14px}.project-detail-meta__item span{color:var(--text-muted);font-family:var(--font-label);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.project-detail-meta__item strong{font-size:.9rem;font-weight:600}.project-detail-hero__stack{gap:10px}.project-detail-tech-row{display:flex;flex-wrap:wrap;gap:8px}.project-detail-hero__actions{display:flex;flex-wrap:wrap;gap:10px}.project-detail-media{background:radial-gradient(circle at top right,var(--detail-accent-soft),#0000 42%),var(--surface-2);border:1px solid var(--surface-border);border-radius:var(--radius-lg);min-height:320px;overflow:hidden;position:relative}.project-detail-media:after{background:radial-gradient(circle,var(--detail-accent-soft),#0000 72%);border-radius:999px;content:"";filter:blur(12px);height:110px;inset:auto 20px 16px auto;pointer-events:none;position:absolute;width:110px}.project-detail-media img,.project-detail-media video{height:100%;object-fit:cover;width:100%}.project-detail-media--compact{min-height:170px}.project-detail-media--monogram{align-content:center;gap:12px;padding:24px;place-items:center}.project-detail-media--monogram p{color:var(--text-muted);font-family:var(--font-label);font-size:.64rem;letter-spacing:.1em;text-align:center;text-transform:uppercase}.project-detail-section{gap:12px}.project-detail-section__heading{gap:6px;max-width:58ch}.project-detail-footer__header h2,.project-detail-section__heading h2{font-size:clamp(1.65rem,2.6vw,2.35rem)}.project-detail-status{border-color:var(--detail-accent-border);gap:8px;padding:16px 18px}.project-detail-grid,.project-related-grid,.project-workflow-grid{grid-gap:14px;display:grid;gap:14px}.project-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-detail-card{gap:8px;padding:18px}.project-detail-card--contribution{border-color:var(--detail-accent-border)}.project-detail-card h3,.project-workflow-card h3{font-size:1.08rem;line-height:1.08}.project-detail-card p,.project-workflow-card p{font-size:.88rem;line-height:1.5}.project-workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-workflow-card{gap:12px;padding:18px}.project-workflow-card__topline{grid-gap:8px;display:grid;gap:8px}.project-workflow-card__index{background:var(--detail-accent-soft);border-radius:var(--radius-pill);color:var(--detail-accent);display:inline-flex;font-family:var(--font-label);font-size:.62rem;letter-spacing:.12em;padding:6px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.project-workflow-card--text{align-content:start}.project-detail-footer{gap:16px;padding:22px}.project-detail-footer__header{align-items:end;gap:14px;grid-template-columns:minmax(0,1fr) auto}.project-detail-footer__header p{font-size:.88rem;margin-top:6px}.project-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-related-card{background:var(--surface-2);border:1px solid var(--surface-border);border-radius:var(--radius-md);gap:12px;padding:16px;transition:transform var(--timing-base) var(--ease-standard),border-color var(--timing-base) var(--ease-standard),background var(--timing-base) var(--ease-standard),box-shadow var(--timing-base) var(--ease-standard)}.project-related-card__topline{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-label);font-size:.62rem;gap:10px;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}.project-related-card__body{gap:6px}.project-related-card__body strong{font-size:1rem;font-weight:600}.project-related-card__body p{font-size:.82rem;line-height:1.45}.project-related-card__cta{align-items:center;color:var(--detail-accent);display:inline-flex;font-family:var(--font-label);font-size:.62rem;gap:6px;letter-spacing:.09em;text-transform:uppercase}@media (hover:hover) and (pointer:fine){.project-detail-back:hover,.project-related-card:hover{background:var(--surface-hover);border-color:var(--detail-accent-border);box-shadow:var(--shadow-soft);transform:translateY(-2px)}}@media (max-width:1120px){.project-detail-grid,.project-detail-hero,.project-related-grid,.project-workflow-grid{grid-template-columns:1fr}}@media (max-width:900px){.project-detail-page{padding-top:82px}.project-detail-footer__header,.project-detail-hero__headline,.project-detail-meta{grid-template-columns:1fr}}@media (max-width:640px){.project-detail-card,.project-detail-footer,.project-detail-hero,.project-detail-status,.project-workflow-card{padding:18px}.project-detail-hero{gap:18px}.project-detail-hero__title-block h1{font-size:clamp(2.35rem,12vw,3.4rem)}.project-detail-media{min-height:240px}.project-detail-media--compact{min-height:180px}.project-detail-back,.project-detail-footer .button-link,.project-detail-hero__actions .button-link{width:100%}}:root{--font-body:"Manrope","Segoe UI",sans-serif;--font-display:"Oswald","Inter",sans-serif;--font-label:"Sometype Mono","SFMono-Regular",monospace;--content-width:1220px;--content-width-wide:1320px;--radius-xs:10px;--radius-sm:14px;--radius-md:18px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--nav-offset:80px;--screen-shell-height:calc(100dvh - var(--nav-offset) - 18px);--timing-fast:180ms;--timing-base:240ms;--timing-slow:320ms;--timing-theme:1050ms;--ease-standard:cubic-bezier(0.22,1,0.36,1);--ease-theme:cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box}html{background-color:#05070b;scroll-behavior:smooth}body,html{min-height:100%}body{background:#0000;color:var(--text-primary);font-family:Manrope,Segoe UI,sans-serif;font-family:var(--font-body);line-height:1.45;margin:0;position:relative;transition:color 1.05s cubic-bezier(.4,0,.2,1);transition:color var(--timing-theme) var(--ease-theme)}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed;transition:opacity 1.05s cubic-bezier(.4,0,.2,1);transition:opacity var(--timing-theme) var(--ease-theme);z-index:0}body:before{background-color:#05070b;background-image:radial-gradient(circle at 14% 16%,#3b82f647,#0000 33%),radial-gradient(circle at 82% 14%,#0f172ab3,#0000 34%),radial-gradient(circle at 70% 100%,#ff5f052e,#0000 40%),linear-gradient(180deg,#070a0ff2,#0a0c12fa 45%,#06080cfa),radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.025) 1px,#0000 0);background-size:auto,auto,auto,auto,18px 18px;opacity:1}body:after{background-color:#eef2f7;background-image:radial-gradient(circle at 15% 15%,#3b82f629,#0000 31%),radial-gradient(circle at 84% 12%,#ff5f051c,#0000 30%),radial-gradient(circle at 50% 100%,#0f172a0f,#0000 34%),linear-gradient(180deg,#fcfdfffa,#f1f5f9fa 48%,#ebf0f7fa),radial-gradient(circle at 1px 1px,rgba(15,23,42,.035) 1px,#0000 0);background-size:auto,auto,auto,auto,20px 20px;opacity:0}body:not(.light-mode){--page-bg:#05070b;--page-background:radial-gradient(circle at 14% 16%,#3b82f647,#0000 33%),radial-gradient(circle at 82% 14%,#0f172ab3,#0000 34%),radial-gradient(circle at 70% 100%,#ff5f052e,#0000 40%),linear-gradient(180deg,#070a0ff2,#0a0c12fa 45%,#06080cfa),radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.025) 1px,#0000 0);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--surface-0:#090c12b8;--surface-1:#0a0e16bd;--surface-2:#0e131de0;--surface-3:#121824f5;--surface-border:#94a3b824;--surface-border-strong:#94a3b833;--surface-divider:#94a3b81f;--surface-hover:#121824fa;--surface-overlay:#06080c94;--accent-blue:#5ea8ff;--accent-blue-strong:#3b82f6;--accent-orange:#ff7b57;--accent-neutral:#e2e8f0;--shadow-soft:0 18px 56px #0206174d;--shadow-card:0 10px 30px #0206172e;--shadow-glow:0 0 0 1px #3b82f647,0 18px 40px #2563eb29;--button-text:#f8fafc;--page-noise-size:18px 18px;color-scheme:dark}body.light-mode{--page-bg:#eef2f7;--page-background:radial-gradient(circle at 15% 15%,#3b82f629,#0000 31%),radial-gradient(circle at 84% 12%,#ff5f051c,#0000 30%),radial-gradient(circle at 50% 100%,#0f172a0f,#0000 34%),linear-gradient(180deg,#fcfdfffa,#f1f5f9fa 48%,#ebf0f7fa),radial-gradient(circle at 1px 1px,rgba(15,23,42,.035) 1px,#0000 0);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--surface-0:#fff9;--surface-1:#ffffffad;--surface-2:#f8fafce6;--surface-3:#f1f5f9f5;--surface-border:#94a3b829;--surface-border-strong:#64748b38;--surface-divider:#94a3b829;--surface-hover:#ffffffe6;--surface-overlay:#ffffff8a;--accent-blue:#2563eb;--accent-blue-strong:#1d4ed8;--accent-orange:#f97316;--accent-neutral:#1e293b;--shadow-soft:0 18px 52px #0f172a1a;--shadow-card:0 10px 30px #94a3b829;--shadow-glow:0 0 0 1px #2563eb3d,0 18px 40px #2563eb1f;--button-text:#f8fafc;--page-noise-size:20px 20px;color-scheme:light}body.light-mode:before{opacity:0}body.light-mode:after{opacity:1}#root{min-height:100vh;position:relative;z-index:1}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{background:none;border:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Oswald,Inter,sans-serif;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:.96;margin:0}p,ul{margin:0}::selection{background:#3b82f638}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b83d;border-radius:999px;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#94a3b861}.page-section{min-height:100vh;padding:80px 20px 14px;padding:var(--nav-offset) 20px 14px;position:relative;z-index:0}.page-container{margin:0 auto;width:min(100%,1320px);width:min(100%,var(--content-width-wide))}.surface-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,hsla(0,0%,100%,.035),#fff0),var(--surface-1);border:1px solid var(--surface-border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}html.theme-transitioning *,html.theme-transitioning :after,html.theme-transitioning :before{transition-duration:1.05s!important;transition-duration:var(--timing-theme)!important;transition-property:background,background-color,border-color,box-shadow,color,fill,stroke,opacity,filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:var(--ease-theme)!important}.section-eyebrow{align-items:center;color:var(--text-muted);display:inline-flex;font-family:Sometype Mono,SFMono-Regular,monospace;font-family:var(--font-label);font-size:.68rem;gap:10px;letter-spacing:.16em;text-transform:uppercase}.section-eyebrow:before{background:currentColor;content:"";height:1px;opacity:.45;width:22px}.button-button,.button-link{align-items:center;border:1px solid #0000;border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;font-family:Sometype Mono,SFMono-Regular,monospace;font-family:var(--font-label);font-size:.68rem;gap:8px;justify-content:center;letter-spacing:.11em;min-height:40px;padding:0 14px;text-transform:uppercase;transition:transform .24s cubic-bezier(.22,1,.36,1),background .24s cubic-bezier(.22,1,.36,1),border-color .24s cubic-bezier(.22,1,.36,1),color .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1);transition:transform var(--timing-base) var(--ease-standard),background var(--timing-base) var(--ease-standard),border-color var(--timing-base) var(--ease-standard),color var(--timing-base) var(--ease-standard),box-shadow var(--timing-base) var(--ease-standard)}.button-button--primary,.button-link--primary{background:linear-gradient(180deg,var(--accent-blue),var(--accent-blue-strong));box-shadow:0 12px 28px #2563eb29;color:var(--button-text)}.button-button--secondary,.button-link--secondary{background:var(--surface-2);border-color:var(--surface-border-strong);color:var(--text-primary)}.tech-icon-chip{grid-gap:6px;display:grid;gap:6px;justify-items:center;min-width:56px;transition:transform .32s cubic-bezier(.16,1,.3,1),filter .32s cubic-bezier(.16,1,.3,1);transition:transform var(--timing-slow) cubic-bezier(.16,1,.3,1),filter var(--timing-slow) cubic-bezier(.16,1,.3,1)}.tech-icon-chip__surface{align-items:center;background:linear-gradient(180deg,#ffffff0d,#fff0),var(--surface-2);border:1px solid var(--surface-border);border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0a;display:inline-flex;height:48px;justify-content:center;transition:border-color .32s cubic-bezier(.16,1,.3,1),background .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1);transition:border-color var(--timing-slow) cubic-bezier(.16,1,.3,1),background var(--timing-slow) cubic-bezier(.16,1,.3,1),box-shadow var(--timing-slow) cubic-bezier(.16,1,.3,1);width:48px}.tech-icon-chip--sm{min-width:48px}.tech-icon-chip--sm .tech-icon-chip__surface{border-radius:14px;height:40px;width:40px}.tech-icon-chip--xs{gap:5px;min-width:42px}.tech-icon-chip--xs .tech-icon-chip__surface{border-radius:12px;height:34px;width:34px}.tech-icon-chip__glyph{align-items:center;color:var(--text-primary);display:inline-flex;height:26px;justify-content:center;width:26px}.tech-icon-chip--sm .tech-icon-chip__glyph{height:22px;width:22px}.tech-icon-chip--xs .tech-icon-chip__glyph{height:18px;width:18px}.tech-icon-chip img,.tech-icon-chip svg{display:block;height:100%;object-fit:contain;width:100%}.tech-icon-chip i{align-items:center;display:inline-flex;font-size:1.45rem;height:100%;justify-content:center;line-height:1;width:100%}.tech-icon-chip--sm i{font-size:1.3rem}.tech-icon-chip--xs i{font-size:1.1rem}.tech-icon-chip__text{align-items:center;display:inline-flex;font-family:Sometype Mono,SFMono-Regular,monospace;font-family:var(--font-label);font-size:.72rem;font-weight:700;height:100%;justify-content:center;letter-spacing:.1em;line-height:1;width:100%}.tech-icon-chip--xs .tech-icon-chip__text{font-size:.46rem}.tech-icon-chip--sm .tech-icon-chip__text{font-size:.78rem}.tech-icon-chip__label{text-wrap:balance;color:var(--text-muted);font-size:.56rem;letter-spacing:.06em;line-height:1.2;text-align:center;transition:color .32s cubic-bezier(.16,1,.3,1);transition:color var(--timing-slow) cubic-bezier(.16,1,.3,1);width:100%}.project-badge,.tech-icon-chip__label{font-family:Sometype Mono,SFMono-Regular,monospace;font-family:var(--font-label);text-transform:uppercase}.project-badge{align-items:center;background:var(--surface-2);border:1px solid var(--surface-border);border-radius:999px;border-radius:var(--radius-pill);color:var(--text-secondary);display:inline-flex;font-size:.62rem;gap:8px;justify-content:center;letter-spacing:.1em;min-height:30px;padding:0 10px;white-space:nowrap}.project-badge--new{background:#f973161f;border-color:#f973163d;color:var(--accent-orange)}.project-badge--blocki img{height:20px;width:14px}.project-badge--blocki{gap:0;justify-content:center;min-width:30px;padding:0;position:relative;width:30px}.project-badge--blocki:after{background:var(--surface-3);border:1px solid var(--surface-border-strong);border-radius:10px;bottom:calc(100% + 8px);box-shadow:var(--shadow-card);color:var(--text-primary);content:attr(data-tooltip);font-family:Sometype Mono,SFMono-Regular,monospace;font-family:var(--font-label);font-size:.54rem;left:50%;letter-spacing:.08em;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;text-transform:uppercase;transform:translate(-50%,4px);transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1);transition:opacity var(--timing-base) var(--ease-standard),transform var(--timing-base) var(--ease-standard);white-space:nowrap}.project-mark{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.055),#fff0),var(--surface-2);border:1px solid var(--surface-border-strong);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0f,0 8px 20px #0206171f;color:var(--text-primary);display:inline-flex;justify-content:center;overflow:hidden}.project-mark--md{height:44px;width:44px}.project-mark--lg{border-radius:20px;height:62px;width:62px}.project-mark__asset{height:74%;object-fit:contain;width:74%}.project-mark__system-svg{display:block;height:74%;width:74%}.project-mark--lg .project-mark__asset,.project-mark--lg .project-mark__system-svg{height:76%;width:76%}.project-mark__monogram{font-family:Oswald,Inter,sans-serif;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.08em}.project-mark--lg .project-mark__monogram{font-size:1.55rem}.project-mark--system{color:var(--text-primary)}.showcase-glow{border-color:#3b82f647!important;box-shadow:var(--shadow-glow);position:relative}.showcase-glow:before{border:1px solid #ffffff0d;border-radius:inherit;content:"";inset:1px;pointer-events:none;position:absolute}@media (hover:hover) and (pointer:fine){.project-badge--blocki:focus-visible:after,.project-badge--blocki:hover:after{opacity:1;transform:translate(-50%)}.button-button:hover,.button-link:hover,.tech-icon-chip:hover{transform:translateY(-2px) scale(1.025)}.button-button--primary:hover,.button-link--primary:hover{box-shadow:0 16px 34px #2563eb38}.button-button--secondary:hover,.button-link--secondary:hover,.tech-icon-chip:hover .tech-icon-chip__surface{background:var(--surface-hover);border-color:#3b82f642;box-shadow:0 12px 26px #02061724}.tech-icon-chip:hover .tech-icon-chip__label{color:var(--text-primary)}}@media (max-width:900px){:root{--nav-offset:76px}.page-section{padding-inline:16px}}@media (max-width:640px){:root{--nav-offset:70px}.page-section{padding-bottom:16px}.section-eyebrow{font-size:.62rem}.button-button,.button-link{font-size:.64rem;min-height:38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button-button,.button-link,.contact-card,.nav-link,.profile-social-link,.project-detail-back,.project-related-card,.projects-card,.projects-card__link,.tech-icon-chip,.theme-toggle{transition-duration:.01ms!important}.button-button:hover,.button-link:hover,.contact-card:hover,.nav-link:hover,.profile-social-link:hover,.project-detail-back:hover,.project-related-card:hover,.projects-card:hover,.projects-card__link:hover,.tech-icon-chip:hover,.theme-toggle:hover{transform:none!important}}
/*# sourceMappingURL=main.dbd831d7.css.map*/