.nav{z-index:50;background:var(--color-bg);transition:box-shadow .2s,background-color .2s;position:fixed;top:0;left:0;right:0}.nav-scrolled{box-shadow:0 1px 0 var(--color-border)}.nav-inner{justify-content:flex-end;align-items:center;gap:24px;padding:16px 8%;display:flex}.nav-theme-btn,.nav-burger{color:var(--color-text-1);cursor:pointer;background:0 0;border:none;align-items:center;font-size:19px;line-height:1;display:flex}.nav-burger{margin-right:auto;display:none}.nav-links{gap:8px;display:flex}.nav-link{font-family:var(--font-mono);color:var(--color-text-2);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px;transition:color .15s}.nav-link:hover{color:var(--color-accent)}.nav-mobile-menu{display:none}@media (width<=700px){.nav-inner{padding:14px 20px}.nav-links{display:none}.nav-burger{display:flex}.nav-mobile-menu{background:var(--color-surface);border-top:.5px solid var(--color-border);flex-direction:column;padding:8px 0 12px;display:flex}.nav-mobile-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-3);align-items:center;gap:8px;padding:10px 20px;font-size:11px;display:flex}.nav-mobile-link{text-align:left;font-family:var(--font-mono);color:var(--color-text-1);cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:14px}}.footer{text-align:center;background:var(--color-bg);padding:50px 20px}.footer-socials{justify-content:center;gap:16px;margin-bottom:14px;display:flex}.footer-socials a{color:var(--color-text-2);font-size:18px;transition:color .15s}.footer-socials a:hover{color:var(--color-accent)}.footer p{color:var(--color-text-3);letter-spacing:.03em;font-size:11px}.hero{background:var(--color-bg);align-items:center;min-height:640px;padding-top:170px;display:flex;position:relative;overflow:hidden}.hero-art{z-index:0;position:absolute;inset:0}.hero-contour-img{object-fit:cover;object-position:center 55%;filter:url(#contour-lines);width:100%;height:100%}.hero-inner{z-index:1;align-items:center;gap:32px;display:flex;position:relative}.hero-avatar-link{cursor:pointer;perspective:700px;border-radius:50%;flex-shrink:0;display:block}.hero-avatar{width:130px;height:130px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--color-accent), var(--color-warm));transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;font-size:42px;animation:2.6s ease-in-out infinite avatar-glow;display:flex;position:relative;overflow:hidden}.hero-avatar:after{content:"";pointer-events:none;background:linear-gradient(75deg,#0000 42%,#ffffffa6 50%,#0000 58%) 0 0/250% 250%;animation:3.4s linear infinite avatar-shine;position:absolute;inset:-60%}.hero-avatar-spin{animation:2.6s ease-in-out infinite avatar-glow,.8s ease-in-out coin-spin}@keyframes avatar-glow{0%,to{box-shadow:0 6px 24px #0003, 0 0 0 0 var(--color-accent-soft)}50%{box-shadow:0 6px 24px #0003, 0 0 28px 10px var(--color-accent-soft)}}@keyframes avatar-shine{0%{background-position:-130% -130%}to{background-position:130% 130%}}@keyframes coin-spin{0%{transform:rotateY(0)scale(1)}45%{transform:rotateY(360deg)scale(1.08)}to{transform:rotateY(720deg)scale(1)}}.hero-socials{gap:14px;margin-bottom:10px;display:flex}.hero-socials a{color:var(--color-text-1);font-size:22px;transition:color .15s}.hero-socials a:hover{color:var(--color-accent)}.hero-name{font-family:var(--font-display);letter-spacing:-1px;color:var(--color-text-1);font-size:56px;font-weight:400;line-height:1.05}.hero-role{color:var(--color-text-2);margin-top:6px;font-size:16px}@media (width<=700px){.hero{min-height:480px;padding-top:130px}.hero-inner{text-align:left;flex-direction:column;align-items:flex-start}.hero-name{font-size:38px}}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;display:grid}.expertise-card i{color:var(--color-accent);margin-bottom:16px;font-size:30px;display:block}.expertise-card h3{font-family:var(--font-display);margin-bottom:10px;font-size:19px;font-weight:400}.expertise-card p{color:var(--color-text-2);margin-bottom:16px;font-size:13px;line-height:1.65}.expertise-chips{line-height:2.1}.expertise-chips-label{color:var(--color-text-3);margin-right:8px;font-size:11px}.expertise-chips .tag{margin-right:5px}@media (width<=768px){.expertise-grid{grid-template-columns:1fr;gap:32px}}.timeline-section{background:var(--color-surface)}.tl-columns{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.tl-col-title{font-family:var(--font-display);letter-spacing:-.2px;border-bottom:.5px solid var(--color-border);align-items:center;gap:9px;margin-bottom:28px;padding-bottom:14px;font-size:20px;font-weight:400;display:flex}.tl-col-title i{color:var(--color-accent);font-size:19px}.tl-col:last-child .tl-col-title i{color:var(--color-blue)}.tl-col-track{position:relative}.tl-col-line{background:var(--color-border);width:1px;position:absolute;top:6px;bottom:6px;left:5px}.tl-col-row{gap:18px;margin-bottom:22px;display:flex;position:relative}.tl-col-row:last-child{margin-bottom:0}.tl-col-node{background:var(--color-surface);border:2px solid var(--color-accent);z-index:1;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:6px}.tl-col-node-edu{border-color:var(--color-blue)}.tl-col-card{background:var(--color-bg);border:.5px solid var(--color-border);border-radius:10px;flex:1;min-width:0;padding:16px 20px;transition:transform .15s,border-color .15s}.tl-col-card:hover{border-color:var(--color-text-3);transform:translate(2px)}.tl-col-period{letter-spacing:.06em;color:var(--color-text-3);font-size:10px}.tl-col-card h4{font-family:var(--font-display);letter-spacing:-.2px;margin:4px 0 2px;font-size:16px;font-weight:400}.tl-col-subtitle{color:var(--color-text-2);margin-bottom:6px;font-size:12px}.tl-col-summary{color:var(--color-text-3);font-size:11px;line-height:1.55}@media (width<=800px){.tl-columns{grid-template-columns:1fr;gap:44px}}.projects-grid{grid-template-columns:repeat(2,1fr);gap:46px 40px;display:grid}.proj-card{text-align:left}.proj-cover{aspect-ratio:16/10;cursor:pointer;width:100%;font:inherit;border:none;border-radius:10px;justify-content:center;align-items:center;padding:22px;display:flex;position:relative}.proj-mockup{background:#fff;border-radius:8px;flex-direction:column;width:100%;height:100%;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 10px 28px #00000029}.proj-cover:hover .proj-mockup{transform:scale(1.025)translateY(-2px)}.proj-mockup-bar{background:#eceae6;flex-shrink:0;align-items:center;gap:5px;padding:7px 10px;display:flex}.proj-mockup-dot{border-radius:50%;width:7px;height:7px}.proj-mockup-dot-red{background:#ec6a5e}.proj-mockup-dot-yellow{background:#f4bf4f}.proj-mockup-dot-green{background:#61c454}.proj-mockup-body{flex:1;min-height:0;overflow:hidden}.proj-mockup-body img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.proj-current{z-index:2;letter-spacing:.06em;text-transform:uppercase;color:#2f7a48;background:#ffffffe6;border-radius:2px;padding:3px 8px;font-size:9px;position:absolute;top:10px;right:10px}.proj-title-link{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;padding:0;display:block}.proj-title-link h3{font-family:var(--font-display);letter-spacing:-.3px;margin-top:18px;font-size:21px;font-weight:400;transition:color .15s}.proj-title-link:hover h3{color:var(--color-accent);text-decoration:underline}.pdf-modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0}.pdf-modal{background:var(--color-surface);border-radius:10px;flex-direction:column;width:100%;max-width:900px;height:100%;max-height:800px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.pdf-modal-header{border-bottom:.5px solid var(--color-border);font-family:var(--font-display);color:var(--color-text-1);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:16px;display:flex}.pdf-modal-close{color:var(--color-text-2);cursor:pointer;background:0 0;border:none;align-items:center;font-size:20px;transition:color .15s;display:flex}.pdf-modal-close:hover{color:var(--color-warm)}.pdf-modal-frame{background:#fff;border:none;flex:1;width:100%}@media (width<=700px){.pdf-modal-backdrop{padding:0}.pdf-modal{border-radius:0;max-width:none;max-height:none}}.proj-desc{color:var(--color-text-2);margin-top:6px;font-size:13px;line-height:1.6}@media (width<=700px){.projects-grid{grid-template-columns:1fr;gap:36px}}.contact-section{background:var(--color-surface)}.contact-form{flex-direction:column;gap:18px;margin-top:8px;display:flex}.contact-form-row{gap:18px;display:flex}.contact-field{flex-direction:column;flex:1;gap:6px;display:flex}.contact-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-3);font-size:10px}.contact-field input,.contact-field textarea{font-family:var(--font-mono);color:var(--color-text-1);background:var(--color-bg);border:.5px solid var(--color-border);resize:vertical;border-radius:6px;outline:none;padding:12px 14px;font-size:13px;transition:border-color .15s}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--color-accent)}.contact-submit{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-bg);background:var(--color-accent);cursor:pointer;border:none;border-radius:6px;align-self:flex-start;align-items:center;gap:9px;padding:12px 22px;font-size:12px;transition:opacity .15s;display:flex}.contact-submit:hover{opacity:.88}.contact-submit:disabled{opacity:.5;cursor:default}.contact-success{color:var(--color-green);align-items:center;gap:9px;margin-top:8px;font-size:15px;display:flex}.contact-error{color:var(--color-warm);font-size:12px}@media (width<=700px){.contact-form-row{flex-direction:column}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"DM Serif Display", serif;--font-mono:"DM Mono", monospace;--color-bg:#f8f9fa;--color-surface:#fff;--color-border:#00000017;--color-text-1:#111110;--color-text-2:#55564f;--color-text-3:#8a8b85;--color-accent:#5b6ef0;--color-accent-soft:#5b6ef014;--color-accent-border:#5b6ef03d;--color-warm:#d97348;--color-blue:#4a8fd9;--color-green:#3d9e57}:root.dark{--color-bg:#0d1116;--color-surface:#151a20;--color-border:#ffffff17;--color-text-1:#f4f4f2;--color-text-2:#a7a9a4;--color-text-3:#6d6f6a;--color-accent:#818cf8;--color-accent-soft:#818cf81f;--color-accent-border:#818cf847;--color-warm:#fb923c;--color-blue:#60a5fa;--color-green:#4ade80}body{font-family:var(--font-mono);background-color:var(--color-bg);color:var(--color-text-1);-webkit-font-smoothing:antialiased;font-size:14px;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}.page{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;padding:0 8%}.section-heading{font-family:var(--font-display);letter-spacing:-.4px;margin-bottom:8px;font-size:32px;font-weight:400}.section-sub{color:var(--color-text-3);letter-spacing:.04em;margin-bottom:40px;font-size:13px}section{padding:90px 0}.tag{letter-spacing:.06em;text-transform:uppercase;border:.5px solid var(--color-accent-border);color:var(--color-accent);background:var(--color-accent-soft);font-size:10px;font-family:var(--font-mono);border-radius:3px;padding:4px 9px;display:inline-block}@media (width<=768px){.container{padding:0 20px}section{padding:60px 0}.section-heading{font-size:26px}}