:root{--ink: #0b0d0e;--ink-2: #101315;--ink-3: #15191c;--line: #21262b;--line-2: #2c333a;--bone: #eceae3;--bone-dim: #aab0b4;--muted: #838b91;--signal: #cbf94d;--signal-ink: #0b0d0e;--signal-soft: rgba(203, 249, 77, .12);--signal-line: rgba(203, 249, 77, .35);--r: 12px;--r-sm: 8px;--maxw: 1220px;--pad: clamp(20px, 5vw, 56px);--sec-y: clamp(84px, 13vh, 168px);--font: "Outfit", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{background:var(--ink);color:var(--bone);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,rgba(203,249,77,.05),transparent 55%)}main,.footer,.nav{position:relative;z-index:1}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:3px}::selection{background:var(--signal);color:var(--signal-ink)}.section{max-width:var(--maxw);margin:0 auto;padding:var(--sec-y) var(--pad)}.section__head{max-width:820px;margin-bottom:clamp(44px,6vw,80px)}.section__tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.22em;color:var(--muted);margin-bottom:22px}.section__tag:before{content:"";width:22px;height:1px;background:var(--signal)}.section__title{font-size:clamp(2rem,5vw,3.5rem);line-height:1.02;letter-spacing:-.03em;font-weight:600;text-wrap:balance}.section__intro{margin-top:22px;color:var(--bone-dim);font-size:clamp(1rem,1.4vw,1.12rem);max-width:60ch}.btn-primary{display:inline-flex;align-items:center;gap:12px;background:var(--signal);color:var(--signal-ink);font-weight:600;font-size:.98rem;padding:15px 22px;border-radius:var(--r);will-change:transform;transition:box-shadow .3s ease,background .3s ease;box-shadow:0 0 #cbf94d00}.btn-primary:hover{box-shadow:0 12px 40px -12px #cbf94d8c}.btn-primary:active{transform:scale(.98)}.btn-primary__icon{width:18px;height:18px;transition:transform .3s cubic-bezier(.22,.61,.36,1)}.btn-primary:hover .btn-primary__icon{transform:translate(5px)}.btn-primary--lg{padding:18px 28px;font-size:1.05rem;margin-top:34px}.btn-ghost{display:inline-flex;align-items:center;padding:15px 22px;border-radius:var(--r);border:1px solid var(--line-2);color:var(--bone);font-weight:500;font-size:.98rem;will-change:transform;transition:border-color .3s ease,color .3s ease,background .3s ease}.btn-ghost:hover{border-color:var(--signal);color:var(--signal);background:var(--signal-soft)}.btn-line{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--r);border:1px solid var(--line);color:var(--bone-dim);font-family:var(--mono);font-size:.86rem;letter-spacing:.02em;will-change:transform;transition:color .3s ease,border-color .3s ease}.btn-line:hover{color:var(--bone);border-color:var(--line-2)}.btn-line__icon{width:18px;height:18px;color:var(--signal)}.btn-line__arrow{width:15px;height:15px;transition:transform .3s ease}.btn-line:hover .btn-line__arrow{transform:translate(3px,-3px)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:72px;display:flex;align-items:center;gap:20px;padding:0 var(--pad);transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease;border-bottom:1px solid transparent}.nav--scrolled{background:#0b0d0eb8;backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line)}.nav__brand{display:inline-flex;align-items:center;gap:12px;font-weight:600;letter-spacing:-.01em}.nav__mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--ink-2);font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--signal)}.nav__name{font-size:.98rem}.nav__links{display:flex;gap:4px;margin-left:auto}.nav__link{position:relative;padding:8px 14px;font-size:.92rem;color:var(--bone-dim);border-radius:8px;transition:color .25s ease}.nav__link:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,.61,.36,1)}.nav__link:hover,.nav__link.is-active{color:var(--bone)}.nav__link.is-active:after{transform:scaleX(1)}.nav__cta{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;border:1px solid var(--line-2);font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--bone-dim);transition:border-color .3s ease,color .3s ease}.nav__cta:hover{border-color:var(--signal-line);color:var(--bone)}.nav__cta-dot{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 #cbf94d99;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #cbf94d80}70%{box-shadow:0 0 0 7px #cbf94d00}to{box-shadow:0 0 #cbf94d00}}.nav__burger{display:none;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;margin-left:auto;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--ink-2);cursor:pointer}.nav__burger span{display:block;width:18px;height:1.6px;margin:0 auto;background:var(--bone);transition:transform .3s ease}.nav__burger.is-open span:first-child{transform:translateY(4px) rotate(45deg)}.nav__burger.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav__sheet{position:fixed;inset:0;z-index:40;background:#060809e6;backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .35s ease}.nav__sheet.is-open{opacity:1;pointer-events:auto}.nav__sheet-inner{height:100%;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 var(--pad)}.nav__sheet-inner a{font-size:clamp(2rem,9vw,3rem);font-weight:600;letter-spacing:-.03em;padding:10px 0;border-bottom:1px solid var(--line);color:var(--bone)}.hero{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;max-width:var(--maxw);margin:0 auto;padding:120px var(--pad) 64px;overflow:hidden}.hero__canvas{position:absolute;inset:0;z-index:0;pointer-events:none}.hero__canvas>div,.hero__canvas canvas{position:absolute;inset:0}.hero__canvas{transform:translate(13%) scale(1);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 30%,#000 46%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 30%,#000 46%,#000 100%)}.hero__canvas-fallback{position:absolute;inset:0}.hero__glow{position:absolute;inset:0;background:radial-gradient(45% 45% at 68% 45%,rgba(203,249,77,.1),transparent 70%)}.hero__grid{position:absolute;inset:0;z-index:0;pointer-events:none}.hero__inner{position:relative;z-index:2;max-width:760px}.hero__kicker{display:inline-flex;align-items:center;gap:14px;font-family:var(--mono);font-size:.8rem;letter-spacing:.28em;color:var(--bone-dim);margin-bottom:26px}.hero__kicker-line{width:44px;height:1px;background:var(--signal)}.hero__title{font-size:clamp(4rem,15vw,11rem);line-height:.86;letter-spacing:-.05em;font-weight:600}.hero__title-accent{color:transparent;-webkit-text-stroke:1.5px var(--signal);text-stroke:1.5px var(--signal)}.hero__lead{margin-top:30px;max-width:30ch;font-size:clamp(1.05rem,1.7vw,1.4rem);color:var(--bone-dim);line-height:1.5}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:560px;margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}.hero__meta dt{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.hero__meta dd{font-size:.92rem;color:var(--bone)}.hero__meta-live{display:inline-flex;align-items:center;gap:8px}.hero__meta-live span{width:7px;height:7px;border-radius:50%;background:var(--signal)}.hero__scroll{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:2}.hero__scroll-track{display:block;width:22px;height:34px;border:1px solid var(--line-2);border-radius:999px;position:relative}.hero__scroll-thumb{position:absolute;top:6px;left:50%;transform:translate(-50%);width:3px;height:7px;border-radius:3px;background:var(--signal);animation:scrollThumb 1.8s ease-in-out infinite}@keyframes scrollThumb{0%,to{transform:translate(-50%);opacity:1}50%{transform:translate(-50%,12px);opacity:.3}}.about__body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:start}.about__photo-frame{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--ink-2)}.about__photo{width:100%;max-width:300px}.about__photo-frame{aspect-ratio:1 / 1}.about__photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.about__photo-corner{position:absolute;width:20px;height:20px;z-index:2}.about__photo-corner--tl{top:12px;left:12px;border-top:2px solid var(--signal);border-left:2px solid var(--signal)}.about__photo-corner--br{bottom:12px;right:12px;border-bottom:2px solid var(--signal);border-right:2px solid var(--signal)}.about__photo-cap{margin-top:14px;font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;color:var(--muted)}.about__cv{display:inline-flex;align-items:center;gap:10px;margin-top:16px;width:100%;padding:13px 16px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--ink-2);color:var(--bone);font-size:.92rem;font-weight:500;transition:border-color .3s ease,background .3s ease,color .3s ease}.about__cv:hover{border-color:var(--signal);background:var(--signal-soft)}.about__cv-icon{width:19px;height:19px;color:var(--signal);flex-shrink:0}.about__cv-arrow{width:16px;height:16px;margin-left:auto;color:var(--muted);transition:color .3s ease,transform .3s ease}.about__cv:hover .about__cv-arrow{color:var(--signal);transform:translate(2px,-2px)}.about__para{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.7;color:var(--bone-dim);margin-bottom:20px;max-width:62ch}.about__para:first-child{color:var(--bone)}.about__facts{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}.about__facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px}.about__facts dt{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.about__facts dd{color:var(--bone);font-size:.98rem}.skills__list{border-top:1px solid var(--line)}.skill-row{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:28px 40px;padding:34px 0;border-bottom:1px solid var(--line);transition:background .4s ease}.skill-row:hover{background:linear-gradient(90deg,var(--signal-soft),transparent 60%)}.skill-row__label{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.skill-row__icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--ink-2);color:var(--signal)}.skill-row__icon svg{width:20px;height:20px}.skill-row__code{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;color:var(--muted)}.skill-row__label h3{flex-basis:100%;font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:600;letter-spacing:-.02em}.skill-row__items{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}.skill-row__items li{padding:9px 15px;border:1px solid var(--line);border-radius:999px;font-size:.9rem;color:var(--bone-dim);background:var(--ink-2);transition:border-color .3s ease,color .3s ease}.skill-row:hover .skill-row__items li{border-color:var(--line-2);color:var(--bone)}.projects__featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.projects__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pcard{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);overflow:hidden;transition:border-color .4s ease,transform .4s ease,background .4s ease}.pcard:before{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 0%,var(--signal-soft),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.pcard:hover{border-color:var(--signal-line);transform:translateY(-4px)}.pcard:hover:before{opacity:1}.pcard__link,.pcard--feature{display:block;padding:26px 24px 24px;height:100%}.pcard--feature{background:linear-gradient(180deg,var(--ink-3),var(--ink-2))}.pcard__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.pcard__index{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;color:var(--signal)}.pcard__kind{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pcard__arrow{width:18px;height:18px;color:var(--muted);transition:color .3s ease,transform .3s ease}.pcard:hover .pcard__arrow{color:var(--signal);transform:translate(3px,-3px)}.pcard__title{font-size:clamp(1.15rem,2vw,1.4rem);font-weight:600;letter-spacing:-.02em;margin-bottom:12px;word-break:break-word}.pcard--feature .pcard__title{font-size:clamp(1.3rem,2.2vw,1.6rem)}.pcard__blurb{color:var(--bone-dim);font-size:.95rem;line-height:1.6;margin-bottom:22px}.pcard__tags{display:flex;flex-wrap:wrap;gap:8px}.pcard__tags li{font-family:var(--mono);font-size:.72rem;letter-spacing:.03em;color:var(--muted);padding:5px 10px;border:1px solid var(--line);border-radius:6px}.projects__more{display:flex;justify-content:center;margin-top:40px}.writing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.wcard{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);overflow:hidden;transition:border-color .4s ease,transform .4s ease}.wcard:hover{border-color:var(--signal-line);transform:translateY(-4px)}.wcard__cover{aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--line);background:var(--ink-3)}.wcard__cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.wcard:hover .wcard__cover img{transform:scale(1.04)}.wcard__body{display:flex;flex-direction:column;gap:12px;padding:22px 22px 24px;flex:1}.wcard__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.wcard__tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--signal)}.wcard__date{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.wcard__title{font-size:1.18rem;font-weight:600;letter-spacing:-.02em;line-height:1.25}.wcard__excerpt{font-size:.92rem;line-height:1.6;color:var(--bone-dim);flex:1}.wcard__read{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font-size:.86rem;font-weight:500;color:var(--bone)}.wcard__read-arrow{width:15px;height:15px;color:var(--signal);transition:transform .3s ease}.wcard:hover .wcard__read-arrow{transform:translate(3px,-3px)}.writing__more{display:flex;justify-content:center;margin-top:40px}.experience__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,72px)}.track__title{font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}.track__list{border-left:1px solid var(--line)}.track__item{position:relative;padding:0 0 34px 28px}.track__item:last-child{padding-bottom:0}.track__dot{position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--ink);border:1.5px solid var(--signal)}.track__period{font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;color:var(--signal);margin-bottom:8px}.track__org{font-size:1.08rem;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.track__badge{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim);padding:3px 8px;border:1px solid var(--line-2);border-radius:5px}.track__role{color:var(--bone-dim);font-size:.95rem;margin-top:4px}.certs{margin-top:clamp(48px,7vw,84px);padding-top:40px;border-top:1px solid var(--line)}.certs__title{font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.certs__list{display:flex;flex-wrap:wrap;gap:10px}.certs__item{font-size:.9rem;color:var(--bone-dim);padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--ink-2);transition:color .3s ease,border-color .3s ease}.certs__item:hover{color:var(--bone);border-color:var(--signal-line)}.contact{border-top:1px solid var(--line)}.contact__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,7vw,96px);align-items:center}.contact__title{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1;letter-spacing:-.04em;font-weight:600;margin-top:22px}.contact__title span{color:transparent;-webkit-text-stroke:1.5px var(--signal);text-stroke:1.5px var(--signal)}.contact__lead{margin-top:24px;color:var(--bone-dim);font-size:1.08rem;max-width:42ch}.contact__loc{display:inline-flex;align-items:center;gap:9px;margin-top:30px;font-family:var(--mono);font-size:.82rem;letter-spacing:.04em;color:var(--muted)}.contact__loc-icon{width:17px;height:17px;color:var(--signal)}.contact__channels{display:flex;flex-direction:column;gap:12px}.channel{display:flex;align-items:center;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);transition:border-color .35s ease,background .35s ease,transform .35s ease}.channel:hover{border-color:var(--signal-line);transform:translate(4px)}.channel__icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--r-sm);border:1px solid var(--line-2);color:var(--signal);flex-shrink:0}.channel__icon svg{width:21px;height:21px}.channel__meta{display:flex;flex-direction:column;gap:3px;min-width:0}.channel__label{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.channel__value{font-size:1rem;color:var(--bone);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel__arrow{width:18px;height:18px;margin-left:auto;color:var(--muted);transition:color .3s ease,transform .3s ease}.channel:hover .channel__arrow{color:var(--signal);transform:translate(3px,-3px)}.footer{border-top:1px solid var(--line);padding:40px var(--pad);max-width:var(--maxw);margin:0 auto}.footer__inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer__brand{display:inline-flex;align-items:center;gap:12px;font-weight:600}.footer__links{display:flex;gap:20px;flex-wrap:wrap}.footer__links a{font-size:.88rem;color:var(--bone-dim);transition:color .25s ease}.footer__links a:hover{color:var(--signal)}.footer__meta{display:flex;align-items:center;gap:14px;margin-left:auto;font-family:var(--mono);font-size:.78rem;color:var(--muted)}.footer__meta a:hover{color:var(--bone)}.footer__sep{width:4px;height:4px;border-radius:50%;background:var(--line-2)}@media (max-width: 900px){.nav__links,.nav__cta{display:none}.nav__burger{display:flex}.about__body{grid-template-columns:1fr}.about__photo{max-width:300px}.experience__grid,.contact__inner{grid-template-columns:1fr}.projects__featured,.projects__grid,.writing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__canvas{transform:translate(6%,-4%) scale(1.08);opacity:.75}}@media (max-width: 620px){.skill-row{grid-template-columns:1fr;gap:18px}.hero__meta{grid-template-columns:1fr;gap:16px}.about__facts dl{grid-template-columns:1fr;gap:20px}.projects__featured,.projects__grid,.writing__grid{grid-template-columns:1fr}.footer__meta{margin-left:0;width:100%}.hero{padding-top:104px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.hero__scroll-thumb,.nav__cta-dot{animation:none!important}}