:root{--dusk-900: #0d1826;--dusk-800: #14263b;--dusk-700: #1b3a5b;--dusk-600: #2b5079;--sky-400: #6ea3cf;--gold-400: #f5a623;--sun-500: #f08a24;--ember-600: #e8722c;--ember-700: #c85a22;--ink-900: #0b0f16;--ink-800: #141821;--paper-100: #f7f4ef;--paper-200: #ece5da;--muted: #8a94a3;--text: #1c232e;--text-invert: #f7f4ef;--shadow-sm: 0 6px 18px rgba(11, 15, 22, .12);--shadow-lg: 0 22px 60px rgba(11, 15, 22, .28);--radius: 18px;--maxw: 1120px;--sunset-gradient: linear-gradient(135deg, var(--gold-400) 0%, var(--ember-600) 55%, var(--ember-700) 100%);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--paper-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img{max-width:100%;display:block}h1,h2,h3{line-height:1.1;margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:999px;font-weight:600;font-size:.98rem;letter-spacing:.01em;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--sunset-gradient);color:#fff;box-shadow:0 10px 26px #e8722c66}.btn--ghost{background:#ffffff14;color:var(--text-invert);border-color:#ffffff8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn--ghost:hover{background:#ffffff2e}.btn--light{background:#fff;color:var(--text);border-color:var(--paper-200)}.btn--light:hover{border-color:var(--ink-900);background:var(--paper-100)}.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.2rem clamp(1.2rem,5vw,3.5rem);transition:background .3s ease,box-shadow .3s ease,padding .3s ease}.nav--solid{background:#0d1826d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 24px #00000040;padding-top:.85rem;padding-bottom:.85rem}.nav__brand{font-weight:800;font-size:1.25rem;letter-spacing:-.01em;color:#fff}.nav__brand span{color:var(--gold-400)}.nav__links{display:flex;gap:.4rem}.nav__links a{color:#ffffffe0;font-weight:500;padding:.5rem 1rem;border-radius:999px;transition:background .2s ease,color .2s ease}.nav__links a:hover{background:#ffffff1f;color:#fff}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}.nav__toggle span{width:26px;height:2px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.nav__toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__toggle.is-open span:nth-child(2){opacity:0}.nav__toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem clamp(1.2rem,5vw,3.5rem) 4rem;overflow:hidden;color:var(--text-invert)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 40%;transform:scale(1.05);z-index:0}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0d182673,#0d18261a 30%,#0b0f16bf),linear-gradient(90deg,#0b0f168c,#0b0f1600 60%)}.hero__content{position:relative;z-index:2;max-width:720px}.hero__eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.8rem;font-weight:600;color:var(--gold-400);margin:0 0 1rem}.hero__title{font-size:clamp(3rem,9vw,6rem);font-weight:800;letter-spacing:-.03em;text-shadow:0 10px 40px rgba(0,0,0,.4)}.hero__intro{margin:1.4rem 0 2.2rem;font-size:clamp(1.05rem,2.2vw,1.3rem);color:#f7f4efeb;max-width:60ch}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;width:26px;height:42px;border:2px solid rgba(255,255,255,.6);border-radius:999px;display:flex;justify-content:center;padding-top:8px}.hero__scroll-dot{width:4px;height:8px;border-radius:4px;background:#fff;animation:scrollHint 1.6s ease-in-out infinite}@keyframes scrollHint{0%{opacity:0;transform:translateY(-4px)}50%{opacity:1;transform:translateY(4px)}to{opacity:0;transform:translateY(12px)}}.section{padding:clamp(4rem,9vw,7rem) clamp(1.2rem,5vw,3.5rem)}.section--light{background:var(--paper-100);color:var(--text)}.section--dark{background:radial-gradient(120% 120% at 80% 0%,var(--dusk-700) 0%,var(--dusk-900) 60%);color:var(--text-invert)}.section__inner{max-width:var(--maxw);margin:0 auto}.section__head{margin-bottom:2.5rem}.section__eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:600;color:var(--ember-600);margin:0 0 .6rem}.section--dark .section__eyebrow{color:var(--gold-400)}.section__title{font-size:clamp(2.1rem,5vw,3.2rem);font-weight:800;letter-spacing:-.02em}.section__placeholder{color:var(--muted);font-style:italic}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.timeline{position:relative;margin-top:1rem;padding-left:0;list-style:none}.timeline:before{content:"";position:absolute;left:21px;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,var(--gold-400),var(--ember-600) 40%,rgba(200,90,34,.15))}.tl-item{position:relative;padding:0 0 1.4rem 4rem}.tl-item:last-child{padding-bottom:0}.tl-node{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--paper-200);box-shadow:0 0 0 4px var(--paper-100);display:grid;place-items:center;overflow:hidden}.tl-node img{width:100%;height:100%;object-fit:cover}.tl-node--fallback{background:var(--sunset-gradient);color:#fff;font-weight:800;font-size:1.15rem;border:none}.tl-header{display:flex;align-items:flex-start;gap:.8rem;width:100%;background:none;border:0;padding:.2rem 0;text-align:left;cursor:pointer;color:inherit;font:inherit}.tl-header__text{flex:1;min-width:0;display:flex;flex-direction:column}.tl-chevron{flex-shrink:0;margin-top:8px;color:var(--muted);font-size:.9rem;transition:transform .3s ease}.tl-item.is-open .tl-chevron{transform:rotate(180deg)}.tl-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.tl-item.is-open .tl-body{grid-template-rows:1fr}.tl-body__inner{overflow:hidden}.tl-period{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ember-600)}.tl-role{font-size:1.25rem;font-weight:700;margin:.15rem 0 .1rem}.tl-company{font-weight:600;color:var(--dusk-700)}.tl-company span{color:var(--muted);font-weight:500}.tl-desc{margin:.6rem 0 0;color:#4a5563;max-width:62ch}.tl-meta{margin:.15rem 0 0;color:var(--muted);font-size:.9rem;font-weight:500}.tl-positions{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.95rem}.tl-pos{padding-left:.9rem;border-left:2px solid var(--paper-200)}.tl-pos__main{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem}.tl-pos__title{font-weight:600;color:var(--text)}.tl-pos__period{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}.tl-pos__note{margin:.3rem 0 0;color:#4a5563;font-size:.92rem;max-width:60ch}.tl-pos__tag{display:inline-block;margin-top:.35rem;font-size:.78rem;font-weight:600;color:var(--dusk-700);background:#2b50791a;padding:.15rem .6rem;border-radius:999px}.section__subhead{font-size:1.4rem;font-weight:700;color:var(--text);margin:3.5rem 0 1.8rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}@media(max-width:720px){.projects-grid{grid-template-columns:1fr}}.project-card{display:flex;flex-direction:column;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:1.8rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-6px);border-color:#f5a62380;box-shadow:var(--shadow-lg)}.project-card__video{position:relative;aspect-ratio:16 / 9;margin-bottom:1.3rem;border-radius:12px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.12)}.project-card__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.project-card__meta{display:inline-flex;align-items:center;gap:.6rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-400);margin-bottom:.9rem}.project-card__badge{padding:.25rem .7rem;border-radius:999px;background:#f5a62324}.project-card__title{font-size:1.3rem;font-weight:700;line-height:1.25;color:#fff;margin:0 0 .8rem}.project-card__desc{color:#f7f4efd1;margin:0 0 1.4rem;flex-grow:1}.project-card__links{display:flex;flex-wrap:wrap;gap:.8rem}.project-card__link{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.92rem;padding:.6rem 1.1rem;border-radius:999px;transition:background .2s ease,color .2s ease,transform .18s ease}.project-card__link:hover{transform:translateY(-2px)}.project-card__link--yt{background:#f03;color:#fff}.project-card__link--yt:hover{background:#e6002e}.project-card__link--ghost{border:1px solid rgba(255,255,255,.35);color:#f7f4efe6}.project-card__link--ghost:hover{background:#ffffff1f}.project-card__link--read{background:var(--gold-400);color:#1b1204}.project-card__link--read:hover{background:var(--sun-500)}.project-card__link--listen{background:#6d5cf5;color:#fff}.project-card__link--listen:hover{background:#5a49e0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--paper-200);border:1px solid var(--paper-200);border-radius:var(--radius);overflow:hidden;margin-bottom:3rem}.stat{background:#fff;padding:1.4rem 1.2rem;text-align:center}.stat__value{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;background:var(--sunset-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat__label{margin-top:.5rem;font-size:.82rem;color:var(--muted);font-weight:500}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.6rem 3rem}.skill{margin-bottom:.4rem}.skill__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.skill__name{font-weight:600;color:var(--text)}.skill__pct{font-variant-numeric:tabular-nums;font-weight:700;font-size:.9rem;color:var(--ember-600)}.skill__track{height:10px;border-radius:999px;background:var(--paper-200);overflow:hidden}.skill__fill{height:100%;width:0;border-radius:999px;background:var(--sunset-gradient);transition:width 1.1s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.skill__fill{transition:none}}.web-caption{max-width:60ch;margin:0 auto 1rem;text-align:center;color:#4a5563}.web{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:1}.web__grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.web__ring{fill:none;stroke:#2b507929;stroke-width:.25;stroke-dasharray:1.4 2.4}.web__ring--inner{stroke:#e8722c33}.web__cross{stroke:#2b50791f;stroke-width:.2;stroke-dasharray:1 2.6}.web__spoke{stroke:#e8722c38;stroke-width:.3;stroke-linecap:round}.web__sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,#f5a62300,#f5a62300 140deg,#f5a62304 210deg,#f5a6230a 265deg,#f08a2414 305deg,#f08a2429 335deg,#f08a2447 351deg,#f08a2470 359.4deg,#f5a62300 360deg);-webkit-mask:radial-gradient(circle at 50% 50%,#000 99%,transparent 100%);mask:radial-gradient(circle at 50% 50%,#000 99%,transparent 100%)}.web.is-visible .web__sweep{animation:radarSweep var(--sweep, 8s) linear infinite}.web__center{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);background:var(--sunset-gradient);box-shadow:0 0 0 6px #f5a6231f,0 4px 14px #e8722c80,inset 0 1px 2px #fff9}.web__center:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid rgba(245,166,35,.4);animation:hubPulse 3.4s ease-out infinite}.web__node{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--text);background:#ffffffd1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 20px #0b0f161f,inset 0 1px #ffffffd9;cursor:default;opacity:.5;transition:box-shadow .22s ease,border-color .22s ease}.web__node:before{content:"";display:inline-block;width:7px;height:7px;margin-right:.5rem;border-radius:50%;vertical-align:.05em}.web__node--tech{border:1px solid rgba(232,114,44,.45);color:var(--ember-700)}.web__node--tech:before{background:var(--sun-500);box-shadow:0 0 6px #f08a24b3}.web__node--people{border:1px solid rgba(43,80,121,.4);color:var(--dusk-700)}.web__node--people:before{background:var(--dusk-600);box-shadow:0 0 6px #2b50798c}.web__node:hover{animation-play-state:paused;opacity:1;box-shadow:0 14px 30px #0b0f1633,inset 0 1px #ffffffe6;border-color:var(--gold-400)}.web.is-visible .web__node{animation:radarBlip var(--sweep, 8s) cubic-bezier(.33,0,.2,1) infinite}@keyframes radarBlip{0%{opacity:1;border-color:var(--gold-400);box-shadow:0 0 0 1px #f5a62399,0 10px 26px #f08a248c,inset 0 1px #ffffffe6}to{opacity:.5;box-shadow:0 8px 20px #0b0f161f,inset 0 1px #ffffffd9}}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes hubPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}70%{transform:translate(-50%,-50%) scale(1.5);opacity:0}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@media(prefers-reduced-motion:reduce){.web__node{opacity:1;animation:none}.web__sweep,.web__center:after{animation:none}.web__sweep{display:none}}@media(max-width:520px){.web{max-width:340px}.web__node{font-size:.78rem;padding:.4rem .75rem}}.oss{margin-top:2.6rem;display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;padding:1.6rem 1.8rem;background:#fff;border:1px solid var(--paper-200);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.oss__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--ink-900);color:#fff;font-size:1.5rem;flex-shrink:0}.oss__body{flex:1 1 260px}.oss__title{margin:0 0 .2rem;font-size:1.15rem;font-weight:700}.oss__text{margin:0;color:#4a5563;max-width:62ch}.oss__actions{flex-shrink:0;display:flex;flex-direction:column;gap:.6rem}.hobbies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}@media(max-width:900px){.hobbies-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hobbies-grid{grid-template-columns:1fr}}.hobby{position:relative;min-height:320px;border-radius:var(--radius);overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;box-shadow:var(--shadow-sm)}.hobby__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center;transition:transform .6s ease}.hobby--gradient .hobby__img{background:linear-gradient(150deg,var(--dusk-700),var(--dusk-900))}.hobby:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0b0f1600 30%,#0b0f16d9)}.hobby:hover .hobby__img{transform:scale(1.07)}.hobby__body{padding:1.6rem;color:#fff}.hobby__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#f5a623e6;color:#1b1204;font-size:1.1rem;margin-bottom:.8rem}.hobby__title{font-size:1.35rem;font-weight:700;margin:0 0 .3rem}.hobby__text{margin:0;color:#f7f4efd9;font-size:.95rem}.hobby__link{display:inline-flex;align-items:center;gap:.45rem;margin-top:.85rem;font-weight:600;font-size:.9rem;color:var(--gold-400);transition:gap .2s ease,color .2s ease}.hobby__link:hover{gap:.75rem;color:#fff}.footer{background:var(--ink-900);color:var(--text-invert);padding:3rem clamp(1.2rem,5vw,3.5rem)}.footer__inner{max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;gap:.8rem;align-items:center;text-align:center}.footer__name{font-weight:800;font-size:1.3rem;margin:0}.footer__links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer__links a{color:#f7f4efd9;transition:color .2s ease}.footer__links a:hover{color:var(--gold-400)}.footer__note{color:var(--muted);font-size:.85rem;margin:.4rem 0 0}@media(max-width:720px){.nav__toggle{display:flex}.nav__links{position:absolute;top:100%;right:clamp(1.2rem,5vw,3.5rem);flex-direction:column;gap:.2rem;background:#0d1826f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:.6rem;min-width:180px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.nav__links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav__links a{text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero__scroll-dot{animation:none}.btn:hover{transform:none}}