:root{--bg: #f6f7fb;--bg-elevated: #ffffff;--grid: rgba(74, 74, 232, .07);--border: #e2e5ef;--border-strong: #cdd2e3;--text: #151933;--text-muted: #565d7a;--chip: #eef0f7;--accent: #4a4ae8;--accent-strong: #2f2fb5;--accent-soft: #ebebfd;--highlight: #ffe066;--highlight-mark: rgba(255, 214, 51, .65);--mint: #12a150;--mint-soft: #ddf7e7;--sky: #0b8fcf;--sky-soft: #ddf1fb;--coral: #e5484d;--coral-soft: #fde6e6;--shadow: 0 3px 0 var(--border-strong);--shadow-lift: 0 5px 0 var(--accent);--radius: 16px;--maxw: 1020px;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "Plus Jakarta Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light}:root[data-theme=dark]{--bg: #0d1021;--bg-elevated: #161a30;--grid: rgba(139, 139, 255, .06);--border: #262b47;--border-strong: #353b60;--text: #eef0fa;--text-muted: #9ca2c0;--chip: #1f2440;--accent: #8d8dff;--accent-strong: #5656d6;--accent-soft: #22265a;--highlight: #ffd84d;--highlight-mark: rgba(255, 216, 77, .32);--mint: #4ade80;--mint-soft: #133524;--sky: #5cc4f5;--sky-soft: #122d40;--coral: #ff7b7f;--coral-soft: #3a1a20;--shadow: 0 3px 0 #070914;--shadow-lift: 0 5px 0 var(--accent-strong);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.015em;margin:0}h3,h4{font-family:var(--font-body);font-weight:700;line-height:1.25;letter-spacing:-.01em;margin:0}::selection{background:var(--highlight);color:#151933}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;isolation:isolate}.app-shell:before{content:"";position:absolute;inset:0 0 auto;height:900px;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000 30%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);pointer-events:none}.app-main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:3.5rem 1.25rem 5rem}.page{animation:fade-in .4s cubic-bezier(.2,.8,.2,1) both}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.page{animation:none}html{scroll-behavior:auto}}.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;gap:1rem}.nav-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;margin-right:auto}.nav-brand-mark{width:40px;height:40px;flex-shrink:0}.nav-brand-text{display:flex;flex-direction:column;line-height:1.2}.nav-brand-text strong{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.005em}.nav-brand-text small{font-size:.74rem;color:var(--text-muted)}.nav-links{display:flex;gap:.15rem;padding:.25rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.nav-link{padding:.35rem .7rem;border-radius:9px;font-size:.88rem;font-weight:500;text-decoration:none;color:var(--text-muted);transition:background .15s ease,color .15s ease}.nav-link:hover{color:var(--text);background:var(--chip)}.nav-link.is-active{color:#fff;background:var(--accent);font-weight:600}:root[data-theme=dark] .nav-link.is-active{color:#0d1021}.nav-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle,.nav-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-elevated);box-shadow:0 2px 0 var(--border-strong);color:var(--text);cursor:pointer;font-size:.95rem;transition:transform .1s ease,box-shadow .1s ease}.theme-toggle:active,.nav-toggle:active{transform:translateY(2px);box-shadow:none}.theme-toggle{transition:transform .1s ease,box-shadow .35s ease,background-color .35s ease,border-color .35s ease,color .35s ease}.theme-toggle-icon{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1),text-shadow .35s ease}@media(hover:hover){:root:not([data-theme=dark]) .theme-toggle:hover{background:#161a30;border-color:#353b60;color:#f1efff;box-shadow:0 2px #070914,0 0 0 4px #8d8dff29,0 6px 22px #4a4ae873}:root:not([data-theme=dark]) .theme-toggle:hover .theme-toggle-icon{transform:rotate(-18deg) scale(1.12);text-shadow:0 0 8px rgba(200,200,255,.9)}:root[data-theme=dark] .theme-toggle:hover{background:#fff8e1;border-color:#f2c230;color:#b77800;box-shadow:0 2px #c39514,0 0 0 4px #ffd63329,0 6px 24px #ffc42880}:root[data-theme=dark] .theme-toggle:hover .theme-toggle-icon{transform:rotate(45deg) scale(1.12);text-shadow:0 0 10px rgba(255,180,0,.85)}}@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-icon{transition:none}.theme-toggle:hover .theme-toggle-icon{transform:none!important}}.nav-toggle{display:none;gap:4px;align-content:center}.nav-toggle span{display:block;width:16px;height:2px;border-radius:2px;background:var(--text)}@media(max-width:860px){.nav-toggle{display:grid}.nav-links{position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;flex-direction:column;gap:.15rem;padding:.5rem;border-color:var(--border-strong);box-shadow:var(--shadow);display:none}.nav-links.is-open{display:flex}.nav-link{padding:.6rem .75rem}.nav-brand-text small{display:none}}.portrait{display:grid}.portrait img{grid-area:1 / 1;display:block;width:100%;height:auto;transition:opacity .6s ease}.portrait .portrait-dark,:root[data-theme=dark] .portrait .portrait-light{opacity:0}:root[data-theme=dark] .portrait .portrait-dark{opacity:1}@media(prefers-reduced-motion:reduce){.portrait img{transition:none}}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2.5rem;padding:1.5rem 0 3rem}.hero-portrait{order:2;width:clamp(240px,30vw,320px)}@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-top:0}.hero-portrait{order:0;width:180px}}.hero-name{font-size:clamp(2.8rem,8vw,4.6rem);font-weight:600;letter-spacing:-.025em;margin:.6rem 0}.hero-title{display:inline-block;margin:0 0 1.4rem;padding:0 .3rem;font-family:var(--font-display);font-size:clamp(1.3rem,3vw,1.6rem);font-weight:500;letter-spacing:-.01em;background:linear-gradient(100deg,transparent .2em,var(--highlight-mark) .25em,var(--highlight-mark) calc(100% - .25em),transparent calc(100% - .2em));background-size:100% 55%;background-position:0 85%;background-repeat:no-repeat}.hero-summary{max-width:62ch;color:var(--text-muted);font-size:1.08rem;margin:0 0 2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0;font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.eyebrow:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--highlight);box-shadow:0 0 0 1.5px var(--accent)}.button{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.25rem;border:1.5px solid var(--border-strong);border-radius:12px;background:var(--bg-elevated);box-shadow:0 3px 0 var(--border-strong);color:var(--text);font-size:.94rem;font-weight:700;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease,border-color .15s ease}.button:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.button:active{transform:translateY(3px);box-shadow:0 0 0 var(--border-strong)}.button-primary{background:var(--accent);border-color:var(--accent-strong);box-shadow:0 3px 0 var(--accent-strong);color:#fff}.button-primary:hover{box-shadow:0 4px 0 var(--accent-strong)}:root[data-theme=dark] .button-primary{color:#0d1021}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat{--tone: var(--accent);--tone-soft: var(--accent-soft);position:relative;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.35rem 1.4rem 1.25rem;display:flex;flex-direction:column;gap:.3rem;overflow:hidden}.stat:nth-child(3n+2){--tone: var(--mint);--tone-soft: var(--mint-soft)}.stat:nth-child(3n+3){--tone: var(--sky);--tone-soft: var(--sky-soft)}.stat:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--tone)}.stat-value{font-family:var(--font-display);font-size:2.4rem;font-weight:600;line-height:1.05;letter-spacing:-.02em;color:var(--tone)}.stat-label{font-size:.85rem;color:var(--text-muted);line-height:1.45}.section{margin-top:4rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.45rem;margin-bottom:1.25rem}.section-title:after{content:"";flex:1;height:1.5px;background:repeating-linear-gradient(90deg,var(--border-strong) 0 6px,transparent 6px 12px)}.page-header{margin-bottom:2.75rem}.page-header h1{font-size:clamp(2.3rem,6vw,3.4rem);font-weight:600;letter-spacing:-.02em;margin:.6rem 0 .8rem}.lead{margin:0;max-width:60ch;color:var(--text-muted);font-size:1.08rem}.stack{display:flex;flex-direction:column;gap:1.25rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.role-list{display:flex;flex-direction:column;gap:1rem}.role-card{display:flex;gap:1.25rem;align-items:flex-start;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.75rem;box-shadow:var(--shadow);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.role-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.role-card-body{flex:1;min-width:0}.role-card-title{font-size:1.3rem}.role-card-meta{margin:.3rem 0 0;font-size:.85rem;color:var(--text-muted)}.role-card-summary{margin:.9rem 0 0;color:var(--text-muted);font-size:.95rem}@media(max-width:560px){.role-card{flex-direction:column;gap:1rem;padding:1.35rem}}.company-logo{flex-shrink:0;border-radius:14px;object-fit:contain}.company-logo-plate{background:#fff;border:1.5px solid var(--border);padding:4px}.company-logo-monogram{display:grid;place-items:center;border:none;color:#fff;font-family:var(--font-body);font-weight:700;font-size:1.15rem;letter-spacing:.01em}.card,.panel,.timeline-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.75rem;box-shadow:var(--shadow)}.card-title{font-size:1.1rem}.card-meta,.panel-meta,.timeline-meta{margin:.3rem 0 0;font-size:.85rem;color:var(--text-muted)}.card-body,.panel-body{margin:.9rem 0 0;color:var(--text-muted);font-size:.95rem}.card-link{display:inline-flex;margin-top:1rem;font-size:.88rem;font-weight:700;color:var(--accent);text-decoration:none}.card-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;counter-reset:module}.link-card{--tone: var(--accent);--tone-soft: var(--accent-soft);counter-increment:module;display:flex;align-items:flex-start;gap:.9rem;padding:1.1rem 1.2rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.link-card:nth-child(4n+2){--tone: var(--mint);--tone-soft: var(--mint-soft)}.link-card:nth-child(4n+3){--tone: var(--sky);--tone-soft: var(--sky-soft)}.link-card:nth-child(4n+4){--tone: var(--coral);--tone-soft: var(--coral-soft)}.link-card:hover{border-color:var(--tone);transform:translateY(-2px);box-shadow:0 5px 0 var(--tone)}.link-card-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:var(--tone-soft);color:var(--tone)}.link-card-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.link-card-text:before{content:"Module " counter(module,decimal-leading-zero);font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tone)}.link-card-label{font-family:var(--font-body);font-size:1.08rem;font-weight:700}.link-card-blurb{font-size:.85rem;color:var(--text-muted);line-height:1.5}.timeline{list-style:none;margin:0;padding:0 0 0 2.5rem;display:flex;flex-direction:column;gap:2rem;position:relative}.timeline:before{content:"";position:absolute;left:13px;top:1.5rem;bottom:1.5rem;width:2px;background:repeating-linear-gradient(to bottom,var(--border-strong) 0 6px,transparent 6px 12px)}.timeline-item{position:relative;scroll-margin-top:5.5rem}.timeline-marker{position:absolute;left:calc(-2.5rem + 1px);top:1.6rem;width:26px;height:26px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px var(--bg),0 2px 0 4px var(--bg)}.timeline-marker:after{content:"";position:absolute;left:9px;top:5px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}:root[data-theme=dark] .timeline-marker:after{border-color:#0d1021}.timeline-head{display:flex;align-items:flex-start;gap:1rem}.timeline-head h2{font-size:1.45rem}.timeline-role{margin:.2rem 0 0;font-weight:700;color:var(--accent);font-size:.95rem}.panel-head h2{font-size:1.35rem}.panel-head-with-logo{display:flex;align-items:flex-start;gap:1rem}.panel-sub{margin:.3rem 0 0;color:var(--text);font-size:.98rem}@media(max-width:560px){.timeline{padding-left:2.1rem}.timeline-marker{left:calc(-2.1rem + 1px)}.card,.panel,.timeline-card{padding:1.35rem}}.panel-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.status-pill{padding:.18rem .6rem;border-radius:8px;background:var(--highlight);color:#3d3200;font-family:var(--font-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.2rem;padding:.9rem 1rem;border-radius:12px;background:var(--chip)}.pipeline-stage{padding:.25rem .6rem;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border);font-family:var(--font-mono);font-size:.76rem;font-weight:600}.pipeline-arrow{color:var(--accent);font-size:.9rem;font-weight:700}.future{margin-top:1.75rem;padding-top:1.35rem;border-top:1.5px dashed var(--border-strong)}.future-title{font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.bullets{margin:1.1rem 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.65rem;color:var(--text-muted);font-size:.95rem}.bullets li{padding-left:.2rem}.bullets li::marker{content:"▸ ";color:var(--accent)}.agent-panel{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elevated) 60%,transparent)}.agent-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.agent-title{font-family:var(--font-mono);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.agent-lead{margin:.6rem 0 0;max-width:62ch;color:var(--text-muted);font-size:.92rem}.agent-list{margin:.9rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.4rem;color:var(--text-muted);font-size:.92rem}.agent-list a{color:var(--accent);font-weight:600;font-family:var(--font-mono);font-size:.88em;text-decoration:none}.agent-list a:hover{text-decoration:underline}.agent-note{margin:.9rem 0 0;font-size:.85rem;color:var(--text-muted)}.agent-note code{font-family:var(--font-mono);font-size:.85em;padding:.1rem .35rem;border-radius:6px;background:var(--accent-soft);color:var(--accent)}.medal-icon,.project-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:14px}.medal-gold{color:#7a5a00;background:linear-gradient(145deg,#ffe98f,#f2c230);border:1.5px solid #d9a91d;box-shadow:0 3px #c39514}.medal-silver{color:#4a4f57;background:linear-gradient(145deg,#f1f3f6,#c6ccd4);border:1.5px solid #adb4be;box-shadow:0 3px #9aa2ad}:root[data-theme=dark] .medal-gold{color:#2a1f00}:root[data-theme=dark] .medal-silver{color:#23262a}.project-icon{color:var(--accent);background:var(--accent-soft)}.project-icon-wifi{color:var(--sky);background:var(--sky-soft)}.project-icon-flame{color:var(--coral);background:var(--coral-soft)}.project-icon-search{color:var(--mint);background:var(--mint-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sub-block{margin-top:1.4rem}.sub-title{font-family:var(--font-mono);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.sub-block .bullets,.sub-block .tag-list{margin-top:.7rem}.source-link{margin:1.35rem 0 0;padding-top:1rem;border-top:1.5px dashed var(--border);font-size:.85rem}.source-link a{color:var(--accent);font-weight:700;text-decoration:none}.source-link a:hover{text-decoration:underline}.course-group+.course-group{margin-top:1rem}.course-group-name{margin:0;font-size:.85rem;font-weight:700;color:var(--text)}.course-group .tag-list{margin-top:.5rem}.split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1.25rem}.panel-small-title{font-family:var(--font-mono);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.detail-list{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column}.detail-list li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem 0;border-bottom:1.5px dashed var(--border)}.detail-list li:last-child{border-bottom:none}.detail-key{font-weight:700;font-size:.95rem}.detail-value{display:flex;flex-direction:column;align-items:flex-end;text-align:right;color:var(--text-muted);font-size:.9rem}.detail-value small{font-size:.76rem}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 0;padding:0}.tag{padding:.22rem .6rem;border-radius:8px;background:var(--chip);border:1px solid var(--border);color:var(--text);font-size:.78rem;font-weight:600;white-space:nowrap}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.skill-group{--tone: var(--accent);--tone-soft: var(--accent-soft);position:relative;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.35rem 1.4rem;box-shadow:var(--shadow);overflow:hidden}.skill-group:nth-child(4n+2){--tone: var(--mint);--tone-soft: var(--mint-soft)}.skill-group:nth-child(4n+3){--tone: var(--sky);--tone-soft: var(--sky-soft)}.skill-group:nth-child(4n+4){--tone: var(--coral);--tone-soft: var(--coral-soft)}.skill-group:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--tone)}.skill-category{font-size:1.1rem;color:var(--text)}.skill-group .tag{background:var(--tone-soft);border-color:transparent}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.contact-card{--tone: var(--accent);--tone-soft: var(--accent-soft);display:flex;align-items:center;gap:.9rem;padding:1.25rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);text-decoration:none;box-shadow:var(--shadow);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.contact-card:nth-child(4n+2){--tone: var(--mint);--tone-soft: var(--mint-soft)}.contact-card:nth-child(4n+3){--tone: var(--sky);--tone-soft: var(--sky-soft)}.contact-card:nth-child(4n+4){--tone: var(--coral);--tone-soft: var(--coral-soft)}.contact-card:hover{border-color:var(--tone);transform:translateY(-2px);box-shadow:0 5px 0 var(--tone)}.contact-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:var(--tone-soft);color:var(--tone)}.contact-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.contact-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.contact-value{font-weight:700;word-break:break-word}.footer{border-top:1px solid var(--border);background:var(--bg-elevated)}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:1.5rem 1.25rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;font-size:.88rem;color:var(--text-muted)}.footer-inner p{margin:0}.footer-links{display:flex;gap:1.25rem}.footer-links a{font-weight:600;text-decoration:none}.footer-links a:hover{color:var(--accent)}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:6px}