:root{--bg:#0b0b0b;--fg:#f7f7f7;--muted:#c9c9c9;--card:rgba(255,255,255,0.08);--border:rgba(255,255,255,0.14);--maxw:1100px;--r-lg:24px;--r-xl:36px;--s1:0.5rem;--s2:1rem;--s3:1.5rem;--s4:2rem;--s5:3rem;--accent:#e5e7eb;--accent2:#9ca3af;--railGlass1:rgba(255,255,255,0.06);--railGlass2:rgba(255,255,255,0.03);--g1-1:#8ab6ff;--g1-2:#4fd7c8;--g1-3:#b07cff;--g1-4:#5fa0ff;--g1-5:#3ed4a3;--g1-6:#ff8ae2;--g1-7:#ffc866;--g2-1:#3e7ef7;--g2-2:#21bfae;--g2-3:#7b3ff2;--g2-4:#2c6cf2;--g2-5:#1fb981;--g2-6:#f54cc7;--g2-7:#ffa31a;--bg1-opacity:0.32;--bg2-opacity:0.22}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}body,html{position:relative;overflow-x:hidden}html{min-height:100%;filter:brightness(.95);animation:fadeInBrightness 1.2s ease-in-out forwards}html:after,html:before{content:"";position:fixed;inset:-20vmax;z-index:-1;background-size:600% 600%;background-repeat:no-repeat;mix-blend-mode:screen;will-change:background-position,filter,opacity;filter:blur(120px) saturate(.9) brightness(.5);pointer-events:none}html:before{background-image:linear-gradient(45deg,var(--g1-1),var(--g1-2),var(--g1-3),var(--g1-4),var(--g1-5),var(--g1-6),var(--g1-7));opacity:var(--bg1-opacity);animation:gradientShift1 16s ease-in-out infinite}html:after{background-image:linear-gradient(-45deg,var(--g2-1),var(--g2-2),var(--g2-3),var(--g2-4),var(--g2-5),var(--g2-6),var(--g2-7));opacity:var(--bg2-opacity);animation:gradientShift2 24s ease-in-out infinite reverse}@keyframes gradientShift1{0%,to{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}}@keyframes gradientShift2{0%,to{background-position:100% 50%}25%{background-position:50% 100%}50%{background-position:0 50%}75%{background-position:50% 0}}@keyframes fadeInBrightness{0%{filter:brightness(.7)}to{filter:brightness(.95)}}#revamp-root{display:grid;grid-template-columns:300px 1fr;grid-gap:var(--s4);gap:var(--s4);min-height:100vh}@media (max-width:980px){#revamp-root{grid-template-columns:1fr}}@media (min-width:981px){#revamp-root{grid-template-columns:360px 1fr}}.theme-mono{--accent:#e5e7eb;--accent2:#9ca3af;--railGlass1:rgba(255,255,255,0.06);--railGlass2:rgba(255,255,255,0.03)}.rail{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:var(--s4);background:rgba(0,0,0,.4);overflow:hidden;contain:paint;isolation:isolate;z-index:0}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.rail:before{content:"";position:absolute;inset:0;padding:1px;background:conic-gradient(from var(--ring-angle),var(--accent),var(--accent2),var(--accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.28;animation:ring-spin 10s linear infinite}@keyframes ring-spin{to{--ring-angle:360deg}}.rail:after{content:"";position:absolute;left:6px;top:16px;width:4px;height:calc((100% - 32px) * (var(--scroll, 0) / 100));border-radius:999px;background:linear-gradient(180deg,#fff,#9ca3af);box-shadow:0 0 12px rgba(0,0,0,.25);opacity:.9;z-index:1}@media (max-width:980px){.rail{height:auto;margin:var(--s3);padding:var(--s3)}}.rail-inner{position:relative;display:flex;flex-direction:column;gap:var(--s3)}.rail-brand{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:.9rem;gap:.9rem}.avatar{position:relative;width:120px;height:120px;--avatar-radius:22%;--img-scale:0.98;--img-shift-y:0%;border-radius:var(--avatar-radius);overflow:hidden;background:rgba(255,255,255,.04);box-shadow:0 8px 22px rgba(0,0,0,.35)}.avatar.avatar-xl{width:140px;height:140px;--img-scale:0.985}.avatar:before{padding:2px;background:conic-gradient(from var(--ring-angle,0deg),#fff,#9ca3af,#fff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.45}.avatar:after,.avatar:before{content:"";position:absolute;inset:0;border-radius:var(--avatar-radius);pointer-events:none}.avatar:after{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 12px 28px rgba(0,0,0,.45)}.avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;transform:translateY(var(--img-shift-y)) scale(var(--img-scale))!important;transform-origin:50% 30%}.rail-brand-copy{min-width:0}.rail-name{margin:0;font-size:1.55rem;line-height:1.1;background:linear-gradient(90deg,var(--fg),#d1d5db);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.2px;white-space:normal;overflow-wrap:anywhere}.rail-sub{margin:2px 0 0;font-size:.95rem;color:#e5e7eb;opacity:.9}.rail-meta{margin:4px 0 0;font-size:.9rem;color:#d1d5db;opacity:.9;display:inline-flex;align-items:center;gap:.5ch}.rail-meta .dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.2)}.rail-nav{display:flex;flex-direction:column;gap:.4rem;margin-top:var(--s2)}.rail-nav a{position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:.6rem .9rem .6rem 2.1rem;border-radius:12px;text-decoration:none;color:#f5f5f5;opacity:.92;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));transition:transform .12s ease,opacity .12s ease,border-color .12s ease,background .12s ease,color .12s ease}.rail-nav a:before{content:"";position:absolute;left:10px;width:8px;height:8px;border-radius:50%;background:#e5e7eb;transition:background .12s ease,box-shadow .2s ease}.rail-nav a:hover{opacity:1;transform:translateX(2px);border-color:rgba(255,255,255,.24)}.rail-nav a.is-active{background:#fff;color:#0b0b0b;border-color:#fff;box-shadow:inset 0 6px 18px rgba(0,0,0,.25)}.rail-nav a.is-active:before{background:#0b0b0b}.rail-cta .btn{width:100%;justify-content:center}.rail-toggle{display:none}@media (max-width:980px){.rail.is-mobile .rail-toggle{display:inline-flex;align-self:flex-end;width:40px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.07);align-items:center;justify-content:center;gap:4px}.rail-toggle span{display:block;width:18px;height:2px;background:#f5f5f5}.rail:not(.is-open) .rail-cta,.rail:not(.is-open) .rail-nav{display:none}}.content{padding:var(--s4);padding-left:0}@media (max-width:980px){.content{padding:var(--s3)}}.section{max-width:var(--maxw);margin:0 auto var(--s5)}.content-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 2rem;margin-bottom:.6rem;background:rgba(0,0,0,.1);border-radius:1rem}.section-chip{display:inline-flex;align-items:center;gap:.5ch;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));font-size:.9rem;opacity:.9}.kbd-hint{font-size:.85rem}[data-reveal]{opacity:0;transform:translateY(18px) scale(.98);filter:blur(6px);transition:opacity .6s ease,transform .6s ease,filter .6s ease}[data-reveal].is-in{opacity:1;transform:none;filter:none}.hero{position:relative;isolation:isolate;padding-top:calc(var(--s5) + var(--heroOffset, 0px));padding-bottom:var(--s5)}.hero .hero-glow{position:absolute;inset:-20% -10% auto -10%;height:60%;background:radial-gradient(600px 300px at 20% 40%,rgba(255,255,255,.08),transparent 60%),radial-gradient(600px 300px at 80% 20%,rgba(255,255,255,.08),transparent 60%);filter:blur(10px);z-index:-1}.hero header h2{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 .5rem}.hero header p{color:var(--muted);max-width:60ch}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s3);gap:var(--s3);margin-top:var(--s3)}.hero-stats h3{font-size:2rem;margin:0}.hero-stats span{color:var(--muted)}@media (max-width:640px){.hero-stats{grid-template-columns:1fr 1fr}}.grid.projects{display:grid;grid-gap:var(--s3);gap:var(--s3);grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.grid.projects{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.grid.projects{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25);text-decoration:none;color:inherit}.card-media{position:relative;aspect-ratio:3/1;overflow:hidden}.card-body{padding:var(--s2)}.card h3{margin:.2rem 0 .4rem}.card p{color:var(--muted);margin:0 0 .6rem}.tags{display:flex;gap:.5rem;flex-wrap:wrap;padding:0;margin:0;list-style:none}.tags li{border:1px solid var(--border);padding:.25rem .6rem;border-radius:999px;font-size:.85rem}.tilt{transform-style:preserve-3d;perspective:1000px;transition:transform .12s ease}.tilt:hover{transform:rotate3d(.2,-.4,0,4deg) translateY(-2px)}.marquee{overflow:hidden;border:1px solid var(--border);border-radius:999px;padding:.6rem 0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.track{display:flex;gap:2.5rem;width:max-content;animation:scroll 14s linear infinite;padding:0;margin:0;list-style:none}.track li{white-space:nowrap;opacity:.9}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee:hover .track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.track{animation:none}.card.tilt,.tilt{transform:none!important}}.timeline{position:relative;margin:0;padding:0;list-style:none}.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:var(--border)}.timeline li{position:relative;padding-left:40px;margin-bottom:var(--s3)}.timeline .dot{position:absolute;left:2px;top:.5rem;width:18px;height:18px;border-radius:50%;background:#e5e7eb;box-shadow:0 0 0 4px rgba(255,255,255,.08)}.time-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:var(--s2)}.time-card h3{margin:.1rem 0 .35rem}.time-card p{color:var(--muted);margin:0}.edu-row{display:flex;align-items:flex-start;gap:var(--s2)}.edu-logo{position:relative;width:56px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:var(--card);border:1px solid var(--border)}.edu-logo :where(span){position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.edu-logo :where(img){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}.edu-copy h3{margin:.1rem 0 .35rem}.edu-copy p{margin:0;color:var(--muted)}.grid.vols{display:grid;grid-gap:var(--s3);gap:var(--s3);grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.grid.vols{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.grid.vols{grid-template-columns:1fr}}.vol-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:var(--s2)}.contact .contact-row{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2)}.foot{opacity:.7;border-top:1px solid var(--border);padding:var(--s3) 0;margin-top:var(--s5);text-align:center}.btn{display:inline-block;border:1px solid var(--border);padding:.7rem 1rem;border-radius:999px;background:var(--fg);color:#0b0b0b;font-weight:600}.btn:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;color:var(--fg)}.cmd-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:start center;padding-top:10vh;padding-inline:var(--s3)}.cmd-box{width:min(720px,100%);background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.45);overflow:hidden}.cmd-input{width:100%;padding:14px 16px;border:0;outline:none;background:rgba(255,255,255,.06);color:var(--fg);font-size:1rem;border-bottom:1px solid var(--border)}.cmd-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:12px}.cmd-grid button{border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--fg);padding:10px 12px;border-radius:10px}.cmd-grid button:hover{filter:brightness(1.08)}@media (max-width:520px){.cmd-grid{grid-template-columns:1fr 1fr}}.to-top{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));color:var(--fg);font-size:18px;line-height:1;display:grid;place-items:center;transform:translateY(18px);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease;box-shadow:0 10px 30px rgba(0,0,0,.25)}.to-top.is-in{transform:translateY(0);opacity:1;pointer-events:auto}:where(a,button,.btn):focus-visible{outline:2px solid #e5e7eb;outline-offset:2px;border-radius:8px}.gallery-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:clamp(12px,4vw,32px)}.gallery-shell{width:min(1320px,100%);max-height:90vh;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:var(--s2);box-shadow:0 30px 80px rgba(0,0,0,.45)}.gallery-head{position:-webkit-sticky;position:sticky;top:0;padding-bottom:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,0));z-index:1}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:980px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.gallery-grid{grid-template-columns:1fr}}.gallery-item{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:var(--card);border:1px solid var(--border)}.gallery-item :where(img,span){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.gallery-close{cursor:pointer}@media (max-width:480px){#revamp-root,.content,.section,body,html{max-width:100%;overflow-x:hidden}.contact .contact-row,.content,.edu-row,.grid.projects,.grid.vols{min-width:0}:root{--s1:0.45rem;--s2:0.85rem;--s3:1.1rem;--s4:1.6rem;--s5:2.2rem;--r-lg:18px;--r-xl:28px}#revamp-root{gap:var(--s3)}.content{padding:var(--s2)}.section{margin:0 auto var(--s4)}.content-topbar{padding:.5rem .75rem;margin-bottom:.4rem;border-radius:12px}.section-chip{font-size:.85rem;padding:.3rem .6rem}.kbd-hint{font-size:.8rem}.rail{margin:var(--s2);padding:var(--s2);border-radius:14px}.rail:after{left:4px;top:12px;width:3px}.rail-inner{gap:var(--s2)}.rail-brand{grid-template-columns:64px 1fr;gap:.6rem}.avatar,.avatar.avatar-xl{width:64px;height:64px;--avatar-radius:18%}.rail-name{font-size:1.15rem}.rail-sub{font-size:.9rem}.rail-meta{font-size:.85rem}.rail.is-mobile .rail-toggle{width:36px;height:30px;border-radius:8px}.rail-toggle span{width:16px}.rail-nav{gap:.3rem;margin-top:var(--s1)}.rail-nav a{padding:.5rem .7rem .5rem 1.45rem;border-radius:10px;font-size:.95rem}.rail-nav a:before{left:8px;width:7px;height:7px}.hero{padding-top:calc(var(--s4) + var(--heroOffset, 0px));padding-bottom:var(--s4)}.hero header h2{font-size:clamp(1.35rem,6vw,1.9rem)}.hero header p{font-size:.96rem;max-width:100%;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.hero-stats{grid-template-columns:1fr;gap:.8rem}.hero-stats h3{font-size:1.5rem}.grid.projects{grid-template-columns:1fr;gap:var(--s2)}.card{width:100%;max-width:100%;border-radius:16px;box-shadow:0 8px 22px rgba(0,0,0,.25);will-change:auto}.card,.tilt:hover{transform:none!important}.card-media{position:relative;aspect-ratio:4/3;max-height:clamp(140px,38vh,220px);overflow:hidden}.card-body{padding:.85rem}.card h3{margin:.15rem 0 .35rem}.card p{margin-bottom:.5rem}.tags{gap:.4rem}.tags li{padding:.18rem .5rem;font-size:.8rem}.marquee{padding:.5rem 0;border-radius:999px}.track{gap:1.5rem}.timeline:before{left:8px}.timeline{padding-left:0}.timeline li{padding-left:34px;margin-bottom:var(--s2);overflow:hidden}.timeline .dot{left:0;top:.45rem;width:14px;height:14px;box-shadow:0 0 0 3px rgba(255,255,255,.08)}.time-card{border-radius:14px;padding:.85rem;max-width:100%}.edu-row{flex-direction:row;align-items:center;gap:.85rem;min-width:0}.edu-logo{width:44px}.edu-copy h3,.edu-copy p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.grid.vols{grid-template-columns:1fr;gap:var(--s2);min-width:0}.vol-card{border-radius:14px;padding:.9rem;max-width:100%;overflow:hidden}.contact .contact-row{gap:.6rem;min-width:0}.contact .contact-row .btn{flex:1 1 100%;width:100%;max-width:100%;text-align:center}.btn{padding:.6rem .9rem;font-weight:600}.btn.ghost{border-width:1px}.cmd-overlay{padding-top:8vh}.cmd-box{border-radius:14px}.cmd-input{padding:12px 14px;font-size:.95rem}.cmd-grid{grid-template-columns:1fr;gap:6px}.to-top{right:12px;bottom:12px;width:40px;height:40px;font-size:16px}.gallery-shell{width:100%;max-height:88vh;padding:var(--s1);border-radius:14px}.gallery-head{padding-bottom:6px;margin-bottom:10px}.gallery-grid{gap:12px}.gallery-item{border-radius:10px}.foot{margin-top:var(--s4);padding:var(--s2) 0}}@media (max-width:360px){.rail-brand{grid-template-columns:56px 1fr}.avatar,.avatar.avatar-xl{width:56px;height:56px}.rail-name{font-size:1.05rem}.card-body{padding:.75rem}.section-chip{font-size:.8rem}}@media (max-width:480px) and (hover:none),(max-width:480px) and (pointer:coarse){#revamp-root .card{will-change:auto;max-width:100%}#revamp-root .card,#revamp-root .tilt:hover{transform:none!important}}@media (min-width:481px) and (hover:hover){#revamp-root .tilt{transform-style:preserve-3d;perspective:1000px;transition:transform .12s ease}#revamp-root .tilt:hover{transform:rotate3d(.2,-.4,0,4deg) translateY(-2px)}#revamp-root .card{transform:none}}@media (max-width:480px){#revamp-root,.content,.section,body,html{max-width:100%;overflow-x:hidden}}