:root{--black: #08090D;--surface: #0C0E15;--surface-2: #111422;--border: #1D1F2E;--border-2: #171928;--muted: #585A6A;--muted-2: #9699AC;--off-white: #D4D3DC;--white: #ECEDF5;--accent: #C8B89A;--accent-dim: #8A7D68;--accent-2: #6BA3BE;--accent-2-dim: #3D6E85;--font-display: "Plus Jakarta Sans", -apple-system, sans-serif;--font-ui: "Plus Jakarta Sans", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--space-7: 96px;--space-8: 128px;--radius-sm: 4px;--radius: 6px;--max-w: 1120px;--nav-h: 64px;--nav-bg: rgba(8, 9, 13, .93);--photo-box-shadow: 0 0 0 1px rgba(200, 184, 154, .28), 12px -12px 0 rgba(107, 163, 190, .07), 0 32px 64px rgba(0, 0, 0, .55);--photo-box-shadow-hover: 0 0 0 1px rgba(200, 184, 154, .55), 6px -6px 0 rgba(107, 163, 190, .14), 0 24px 48px rgba(0, 0, 0, .4)}[data-theme=light]{--black: #F4F1EC;--surface: #EAE6DF;--surface-2: #E1DDD5;--border: #CCC7BC;--border-2: #D8D4CC;--muted: #A09890;--muted-2: #5A5652;--off-white: #2C2924;--white: #17150F;--accent: #7A6245;--accent-dim: #A8896A;--accent-2: #2E6B8A;--accent-2-dim: #4D8FAA;--nav-bg: rgba(244, 241, 236, .94);--photo-box-shadow: 0 0 0 1px rgba(122, 98, 69, .35), 12px -12px 0 rgba(46, 107, 138, .1), 0 24px 48px rgba(0, 0, 0, .12);--photo-box-shadow-hover: 0 0 0 1px rgba(122, 98, 69, .6), 6px -6px 0 rgba(46, 107, 138, .18), 0 16px 32px rgba(0, 0, 0, .1)}body,.nav,.section--alt,.stat,.cert-card,.stack__group,.project-item,.timeline__dot,.about__aside,.hero__photo-frame{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--black);color:var(--off-white);font-family:var(--font-ui);font-size:17px;line-height:1.7;font-weight:400;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}.container{width:100%;max-width:var(--max-w);margin-left:auto;margin-right:auto;padding-left:clamp(24px,6vw,88px);padding-right:clamp(24px,6vw,88px)}@media(max-width:768px){.container{padding-left:var(--space-3);padding-right:var(--space-3)}}.t-display{font-family:var(--font-display);font-size:clamp(56px,8vw,96px);font-weight:800;line-height:.95;letter-spacing:-.03em;color:var(--white)}.t-h1{font-family:var(--font-ui);font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--white)}.t-h2{font-family:var(--font-ui);font-size:clamp(22px,3vw,28px);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--white)}.t-h3{font-family:var(--font-ui);font-size:18px;font-weight:600;line-height:1.3;color:var(--white)}.t-body{font-size:16px;line-height:1.7;color:var(--muted-2)}.t-body-lg{font-size:18px;line-height:1.7;color:var(--muted-2)}.t-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.t-accent{color:var(--accent)}.nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-h);background-color:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:100;display:flex;align-items:center}#scroll-progress{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .08s linear}.nav__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.nav__brand{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--white);transition:color .2s}.nav__brand:hover{color:var(--accent)}.nav__links{display:flex;align-items:center;gap:var(--space-5)}.nav__link{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);transition:color .2s;position:relative}.nav__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .25s ease}.nav__link:hover{color:var(--white)}.nav__link:hover:after{width:100%}.nav__link.is-active{color:var(--white)}.nav__link.is-active:after{width:100%;background:var(--accent-2)}.theme-toggle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted-2);background:transparent;cursor:pointer;flex-shrink:0;margin-left:var(--space-2);transition:color .2s,border-color .2s,background .2s}.theme-toggle:hover{color:var(--accent);border-color:var(--accent-dim)}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}.nav__hamburger{display:none;flex-direction:column;gap:5px;padding:4px}.nav__hamburger span{display:block;width:22px;height:1px;background:var(--off-white);transition:all .25s}.nav__mobile{display:none;position:fixed;top:var(--nav-h);left:0;width:100%;background:var(--black);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-3);flex-direction:column;gap:var(--space-3);z-index:99}.nav__mobile.is-open{display:flex}.nav__mobile .nav__link{font-size:12px}@media(max-width:768px){.nav__links{display:none}.nav__hamburger{display:flex}}.section{padding-top:var(--space-8);padding-bottom:var(--space-8)}.section--alt{background-color:var(--surface);border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2)}.section__label{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.section__label:before{content:"";display:block;width:24px;height:1px;background:var(--accent)}.hero{min-height:100vh;padding-top:var(--nav-h);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-10%;left:-5%;width:55%;height:70%;background:radial-gradient(ellipse at 0% 0%,rgba(200,184,154,.045) 0%,transparent 65%);pointer-events:none}.hero__inner{padding-top:var(--space-6);padding-bottom:var(--space-6)}.hero__pre{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3)}.hero__name{font-family:var(--font-ui);font-size:clamp(64px,10vw,108px);font-weight:800;line-height:.92;letter-spacing:-.04em;color:var(--white);margin-bottom:var(--space-3)}.hero__role{font-size:clamp(20px,2.5vw,28px);font-weight:300;color:var(--muted-2);letter-spacing:-.01em;margin-bottom:var(--space-3)}.hero__statement{font-size:clamp(15px,1.5vw,17px);color:var(--muted);max-width:520px;line-height:1.6;margin-bottom:var(--space-5)}.hero__ctas{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.hero__scroll{position:absolute;bottom:var(--space-5);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.hero__scroll-text{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--muted) 0%,transparent 100%);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero__pre{animation:heroFadeUp .65s cubic-bezier(.16,1,.3,1) both;animation-delay:.05s}.hero__name{animation:heroFadeUp .9s cubic-bezier(.16,1,.3,1) both;animation-delay:.18s}.hero__role{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:.38s}.hero__statement{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:.52s}.hero__ctas{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:.66s}.hero__layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6);align-items:end;width:100%}.hero__photo-frame{position:relative;width:100%;aspect-ratio:3 / 4;background:var(--surface);overflow:hidden;flex-shrink:0;align-self:center;border-radius:20px;transform:rotate(-1.5deg) translateY(-6px);transform-origin:bottom center;transition:transform .65s cubic-bezier(.34,1.2,.64,1),box-shadow .4s ease;box-shadow:var(--photo-box-shadow);animation:heroFadeUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.3s}.hero__photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(107,163,190,.1) 0%,transparent 45%,rgba(200,184,154,.06) 100%);pointer-events:none;z-index:1;transition:opacity .5s ease}.hero__photo-frame:hover{transform:rotate(0) translateY(0);box-shadow:var(--photo-box-shadow-hover)}.hero__photo-frame:hover:after{opacity:0}.hero__photo-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:grayscale(20%) contrast(1.05);transition:filter .5s ease}.hero__photo-frame:hover img{filter:grayscale(0%) contrast(1)}.hero__photo-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.hero__photo-placeholder-icon{width:36px;height:36px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center}.hero__photo-placeholder-text{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero__photo-label{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#dcd7cdb3;background:linear-gradient(to top,rgba(8,8,8,.8) 0%,transparent 100%)}[data-theme=light] .hero__photo-label{color:#28231cb3;background:linear-gradient(to top,rgba(244,241,236,.75) 0%,transparent 100%)}@media(max-width:900px){.hero__layout{grid-template-columns:1fr;gap:var(--space-5)}.hero__photo-frame{max-width:240px;aspect-ratio:3 / 4;border-radius:20px;margin-left:auto;margin-right:auto}}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.btn--outline{padding:11px 24px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--off-white)}.btn--outline:hover{border-color:var(--accent);color:var(--accent)}.btn--text{padding:11px 0;color:var(--off-white);border-bottom:1px solid transparent}.btn--text:hover{color:var(--accent);border-bottom-color:var(--accent)}.about__grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-7);align-items:start}.about__facts{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--border);margin-top:var(--space-5)}.about__fact{font-family:var(--font-mono);font-size:12px;color:var(--muted-2);letter-spacing:.04em}.about__fact+.about__fact:before{content:"·";margin-right:var(--space-2);color:var(--border)}.about__aside{padding-top:6px}.about__current{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.about__current-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:var(--space-2)}.about__current-list li{font-size:13px;line-height:1.5;color:var(--muted-2);padding-left:18px;position:relative}.about__current-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-size:11px;top:1px}.about__quote{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--white);margin-bottom:var(--space-3)}.about__aside-note{font-size:14px;line-height:1.6;color:var(--muted)}@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:var(--space-5)}}.stack__group{display:grid;grid-template-columns:160px 1fr;gap:var(--space-3) var(--space-5);padding:var(--space-4) 0;border-top:1px solid var(--border);align-items:start}.stack__group:last-child{border-bottom:1px solid var(--border)}.stack__items{display:flex;flex-wrap:wrap;gap:10px var(--space-3)}.stack__item{font-size:15px;font-weight:400;color:var(--muted-2);transition:color .2s;cursor:default}.stack__item:hover{color:var(--accent-2)}@media(max-width:600px){.stack__group{grid-template-columns:1fr;gap:var(--space-2)}}.timeline{position:relative;padding-left:var(--space-5)}.timeline:before{content:"";position:absolute;left:0;top:8px;bottom:0;width:1px;background:var(--border)}.timeline__entry{position:relative;padding-bottom:var(--space-6)}.timeline__entry:last-child{padding-bottom:0}.timeline__dot{position:absolute;left:calc(-1 * var(--space-5) - 4px);top:8px;width:9px;height:9px;border-radius:50%;border:1px solid var(--accent);background:var(--black)}.timeline__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.timeline__date{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.badge{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted)}.timeline__title{font-size:18px;font-weight:600;color:var(--white);letter-spacing:-.01em;margin-bottom:4px}.timeline__company{font-size:14px;color:var(--accent);margin-bottom:var(--space-2)}.timeline__bullets{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-2)}.timeline__bullet{font-size:14px;line-height:1.6;color:var(--muted-2);padding-left:var(--space-2);position:relative}.timeline__bullet:before{content:"·";position:absolute;left:0;color:var(--accent-dim)}.projects__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.project-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:background .25s ease;position:relative}.project-item:before{content:"";position:absolute;left:0;right:0;top:0;width:2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}.project-item:hover:before{transform:scaleX(1)}.project-item:hover .project-item__index{color:var(--accent-dim)}.project-item__index{font-family:var(--font-mono);font-size:11px;color:var(--border);letter-spacing:.08em;position:absolute;top:14px;right:14px;transition:color .25s ease}.project-item__name{font-size:17px;font-weight:600;color:var(--white);margin-bottom:6px;letter-spacing:-.01em;transition:color .2s}.project-item:hover .project-item__name{color:var(--accent)}.project-item__desc{font-size:14px;line-height:1.65;color:var(--muted-2);margin-bottom:var(--space-2)}.project-item__footer{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.project-item__stack{display:flex;flex-wrap:wrap;gap:6px}.tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);white-space:nowrap;transition:border-color .2s,color .2s}.tag:hover{border-color:var(--accent-2-dim);color:var(--accent-2)}.project-item__links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-item__link{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:5px;transition:color .2s}.project-item__link:hover{color:var(--accent)}@media(max-width:900px){.projects__list{grid-template-columns:1fr}}@media(max-width:600px){.project-item{padding:var(--space-3)}.project-item__index{top:10px;right:10px}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.stat{background:var(--black);padding:var(--space-5) var(--space-4);transition:background .25s ease}.stat:hover{background:var(--surface)}.stat__number{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-.03em;color:var(--white);line-height:1;margin-bottom:8px;transition:color .3s ease}.stat:hover .stat__number{color:var(--accent)}.stat__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}@media(max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.stats{grid-template-columns:1fr}}.certs__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.cert-card{background:var(--surface);padding:var(--space-4);display:flex;flex-direction:column;gap:6px;transition:background .2s}.cert-card:hover{background:var(--surface-2)}.cert-card__name{font-size:15px;font-weight:600;color:var(--white);line-height:1.3}.cert-card__meta{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.cert-card__link{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dim);display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding-top:var(--space-2);transition:color .2s}.cert-card__link:hover{color:var(--accent)}.cert-card__link svg{flex-shrink:0}@media(max-width:600px){.certs__grid{grid-template-columns:1fr}}.contact__headline{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);font-weight:800;letter-spacing:-.03em;color:var(--white);line-height:1.05;margin-bottom:var(--space-5);max-width:640px}.contact__email{display:inline-block;font-size:clamp(18px,2.5vw,26px);font-weight:400;color:var(--white);border-bottom:1px solid var(--border);padding-bottom:4px;transition:all .2s;margin-bottom:var(--space-5)}.contact__email:hover{color:var(--accent);border-bottom-color:var(--accent)}.contact__links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.contact__link{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .2s}.contact__link:hover{color:var(--white)}.footer{padding:var(--space-4) 0;border-top:1px solid var(--border)}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.footer__copy{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.footer__links{display:flex;gap:var(--space-4)}.footer__link{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:color .2s}.footer__link:hover{color:var(--accent)}.section-heading{margin-bottom:var(--space-6)}.section-heading--split{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.hr{border:none;border-top:1px solid var(--border)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.is-open{opacity:1;pointer-events:auto}.modal-inner{position:relative;max-width:900px;width:100%}.modal-close{position:absolute;top:-40px;right:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);transition:color .2s}.modal-close:hover{color:var(--white)}.modal-inner img{width:100%;border-radius:var(--radius)}