html.dark{--blue: #4d6fff;--blue-d: #3355ee;--blue-f: #1a2050;--red: #ec3a4c;--red-d: #d12a3c;--red-f: #2a1015;--bg: #0d0f1a;--surface:#141620;--text: #e8eaf6;--muted: #8b93b8;--border: #252840}html.dark body{background:var(--bg);color:var(--text)}html.dark .hero-card{background:var(--surface);border-color:var(--border)}html.dark .card-row{border-top-color:var(--border)}html.dark #about{background:var(--surface)!important}html.dark #projects{background:var(--bg)!important}html.dark .proj-card{background:var(--surface);border-color:var(--border)}html.dark .proj-thumb-ph{background:#1a2050}html.dark .proj-thumb{border-bottom-color:#ffffff1a}html.dark .sb{background:var(--bg);border-color:var(--border)}html.dark .tl-item{border-left-color:#4d6fff4d}html.dark .tl-item:has(.tl-dot.on){border-left-color:var(--blue)}:root{--blue: #1a2fff;--blue-d: #0f1eb3;--blue-f: #f0f2ff;--red: #b3122a;--red-d: #8c0e1e;--red-f: #fbe9ec;--bg: #fafbff;--surface:#fff;--text: #0c0e1a;--muted: #6b7280;--border: #e4e7f5}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}.fr,.en{display:none}body.lang-fr .fr,body.lang-en .en{display:revert}span.fr,span.en,a.fr,a.en{display:none}body.lang-fr span.fr,body.lang-fr a.fr,body.lang-en span.en,body.lang-en a.en{display:inline}.lang-sw{position:fixed;top:.9rem;right:1.5rem;z-index:500;display:flex;align-items:center;gap:.1rem;background:#fff;border:1px solid var(--border);border-radius:4px;padding:.2rem;box-shadow:0 2px 12px #00000012}html.dark .lang-sw{background:var(--surface);border-color:var(--border)}.lang-sw button{padding:.22rem .6rem;border-radius:4px;border:none;background:transparent;cursor:pointer;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;color:var(--muted);transition:all .2s}.lang-sw button.on{background:var(--blue);color:#fff}.dark-toggle{width:26px;height:26px;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:.78rem;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.dark-toggle:hover{background:var(--blue-f)}html.dark .dark-toggle:hover{background:#ffffff1a}nav{position:fixed;top:0;left:0;right:0;z-index:400;display:flex;align-items:center;justify-content:space-between;padding:0 10rem 0 3rem;height:60px;background:#fafbffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}html.dark nav{background:#0d0f1aed;border-bottom-color:var(--border)}.nav-logo{font-family:"DM Serif Display",serif;font-size:1.2rem;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:.6rem;font-style:italic}.logo-dot{width:8px;height:8px;background:var(--blue);border-radius:50%}nav ul{display:flex;gap:2rem;list-style:none}nav a{color:var(--muted);text-decoration:none;font-size:.84rem;font-weight:500;transition:color .2s}nav a:hover{color:var(--red)}.nav-cta{background:var(--red);color:#fff!important;padding:.45rem 1.1rem;border-radius:4px;font-weight:600!important}.nav-cta:hover{background:var(--red-d)!important}.hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;align-items:center;justify-content:center}.hbg span{width:22px;height:2px;background:var(--text);border-radius:2px}#view-home{display:block}#view-project{display:none}@keyframes up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}#hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;padding:8rem 3rem 4rem;max-width:1200px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--blue-f);border:1px solid rgba(26,47,255,.15);color:var(--blue);padding:.32rem .9rem;border-radius:4px;font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.6rem;animation:up .5s ease both}.hero-badge i{width:7px;height:7px;background:var(--blue);border-radius:50%;animation:blink 2s infinite;font-style:normal}h1{font-family:"DM Serif Display",serif;font-size:clamp(3rem,5.5vw,5.4rem);font-weight:400;line-height:.95;letter-spacing:-.01em;margin-bottom:1.4rem;animation:up .5s .08s ease both}.h1-name{display:block;color:var(--text)}.h1-role{display:block;margin-top:.08em;font-style:italic;color:var(--blue);padding-bottom:.2em}.hero-p{font-size:.97rem;color:var(--muted);line-height:1.8;max-width:440px;margin-bottom:2rem}.hero-p strong{color:var(--text);font-weight:600}.hero-ctas{display:flex;gap:.9rem;flex-wrap:wrap;margin-bottom:2.2rem;align-items:center}.btn-p{background:var(--blue);color:#fff;padding:.8rem 1.9rem;border-radius:4px;text-decoration:none;font-weight:600;font-size:.88rem;transition:background .2s}.btn-p:hover{background:var(--blue-d)}.btn-o{border:1.5px solid var(--border);color:var(--text);padding:.8rem 1.9rem;border-radius:4px;text-decoration:none;font-weight:600;font-size:.88rem;transition:all .2s}.btn-o:hover{border-color:var(--red);color:var(--red)}.btn-cv{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.7rem;border:1.5px solid var(--red);background:var(--red);border-radius:4px;color:#fff;text-decoration:none;font-weight:600;font-size:.88rem;box-shadow:0 4px 14px #b3122a47;transition:all .2s}.btn-cv:hover{background:var(--red-d);border-color:var(--red-d);transform:translateY(-1px);box-shadow:0 6px 18px #b3122a5c}.btn-cv svg{flex-shrink:0}.hero-tags{display:flex;flex-wrap:wrap;gap:.55rem}.tag{display:flex;align-items:center;gap:.35rem;background:#fff;border:1px solid var(--border);border-radius:4px;padding:.35rem .75rem;font-size:.77rem;font-weight:500;color:var(--muted)}.hero-card{background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0c0e1a0d;animation:up .5s .12s ease both}.card-stripe{height:4px;background:var(--blue)}.card-body{padding:2rem}.card-photo{width:140px;height:140px;border-radius:6px;overflow:hidden;background:var(--blue);margin-bottom:1rem}.card-photo img{width:100%;height:100%;object-fit:cover;display:block}.card-name{font-family:"DM Serif Display",serif;font-size:1.1rem;margin-bottom:.15rem}.card-sub{font-size:.77rem;color:var(--muted);margin-bottom:1rem}.card-status{display:inline-flex;align-items:center;gap:.4rem;background:var(--red-f);border:1px solid rgba(232,25,44,.25);color:var(--red);padding:.27rem .7rem;border-radius:4px;font-size:.69rem;font-weight:700;margin-bottom:1.4rem}.card-status:before{content:"";width:6px;height:6px;background:var(--red);border-radius:50%;animation:blink 1.5s infinite}.card-row{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-top:1px solid var(--border);font-size:.81rem}.c-ico{width:29px;height:29px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0}.c-lbl{font-size:.68rem;color:var(--muted)}.c-val{font-weight:500;color:var(--text);word-break:break-all}.c-val a{color:inherit;text-decoration:none}.c-val a:hover{color:var(--red);text-decoration:underline}.sw{max-width:1200px;margin:0 auto;padding:6rem 3rem}.sec-ey{display:inline-flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.16em;margin-bottom:.7rem}.sec-ey:before{content:"";width:20px;height:2px;background:var(--blue);border-radius:2px}.sec-h2{font-family:"DM Serif Display",serif;font-size:clamp(1.9rem,3.5vw,3rem);font-weight:400;letter-spacing:-.01em;line-height:1.1;margin-bottom:2.8rem}.sec-h2 em{font-style:italic;color:var(--blue)}#about{background:#fff}.about-g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;align-items:start}.about-p{color:var(--muted);line-height:1.88;font-size:.94rem;margin-bottom:1rem}.about-p strong{color:var(--text);font-weight:600}.traits{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}.trait{background:var(--blue-f);color:var(--blue);border:1px solid rgba(26,47,255,.12);padding:.3rem .85rem;border-radius:4px;font-size:.77rem;font-weight:600}.tl-col-title{font-size:.68rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.4rem;display:flex;align-items:center;gap:.5rem}.tl-col-title:before{content:"";width:14px;height:2px;background:var(--blue);border-radius:2px;flex-shrink:0}.tl-left,.tl-right{position:relative}.tl-item{position:relative;padding-bottom:2rem;padding-left:.9rem;border-left:3px solid transparent;transition:border-color .2s}.tl-item:last-child{padding-bottom:0}.tl-spacer{padding-bottom:1.8rem}.tl-dot.on~*,.tl-dot.on+*{color:var(--text)}.tl-item:has(.tl-dot.on){border-left-color:var(--blue)}.tl-item:has(.tl-dot.blue){border-left-color:#1a2fff4d}.tl-item:has(.tl-dot.purple){border-left-color:#1a2fff4d}.tl-item:has(.tl-dot.red){border-left-color:#1a2fff4d}.tl-dot{display:none}.tl-period{font-size:.69rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.tl-now{display:inline-flex;align-items:center;gap:.3rem;background:#1a2fff14;color:var(--blue);border-radius:4px;padding:.1rem .5rem;font-size:.65rem;font-weight:700}.tl-now:before{content:"";width:5px;height:5px;background:var(--blue);border-radius:50%;animation:blink 1.5s infinite}.tl-title{font-family:"DM Serif Display",serif;font-size:.98rem;color:var(--text);margin-bottom:.12rem;line-height:1.2}.tl-title a{color:inherit;text-decoration:none;transition:color .2s}.tl-title a:hover{color:var(--blue);text-decoration:underline}.tl-org{font-size:.82rem;color:var(--muted);font-weight:500}.tl-org a{color:inherit;text-decoration:none;transition:color .2s}.tl-org a:hover{color:var(--blue);text-decoration:underline}.tl-desc{font-size:.78rem;color:var(--muted);margin-top:.2rem;line-height:1.5}.exp-more-wrap{max-height:1200px;overflow:hidden;transition:max-height .45s ease}.exp-more-wrap.collapsed{max-height:54px;position:relative}.exp-more-wrap.collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:54px;background:linear-gradient(transparent,#fff);pointer-events:none}html.dark .exp-more-wrap.collapsed:after{background:linear-gradient(transparent,var(--surface))}.exp-more-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;background:none;border:none;cursor:pointer;padding:.2rem 0;color:var(--red);font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:600}.exp-arrow{font-size:.6rem;transition:transform .3s}.tl-desc code,.block-text code,.about-p code{font-family:JetBrains Mono,monospace;font-size:.9em;background:var(--blue-f);color:var(--blue);padding:.05em .35em;border-radius:4px}html.dark .tl-desc code,html.dark .block-text code,html.dark .about-p code{background:#4d6fff1f}#skills{background:var(--bg)}.sk-g{display:flex;flex-wrap:wrap;justify-content:center;gap:1.1rem}.sk-g>*{flex:1 1 290px;max-width:calc((100% - 2.2rem) / 3)}.sk-card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:1.4rem;transition:all .2s}.sk-card:hover{border-color:var(--red);box-shadow:0 2px 8px #0c0e1a0f}html.dark .sk-card{background:var(--surface);border-color:var(--border)}.sk-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem}.sk-ico{width:38px;height:38px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}.sk-nm{font-family:"DM Serif Display",serif;font-size:1rem;color:var(--text)}.sk-tags{display:flex;flex-wrap:wrap;gap:.4rem}.sk-tag{display:flex;align-items:center;gap:.45rem;background:var(--bg);border:1px solid var(--border);color:var(--muted);padding:.22rem .6rem;border-radius:4px;font-size:.73rem;font-weight:500}.sk-tag-name{flex:1}.sk-dots{display:flex;gap:3px;flex-shrink:0}.sk-dot{width:6px;height:6px;border-radius:50%;background:var(--border);flex-shrink:0}.sk-legend{display:flex;gap:1.5rem;margin-bottom:1.8rem;flex-wrap:wrap}.sk-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.73rem;color:var(--muted);font-weight:500}.sk-legend-item .sk-dot{width:7px;height:7px}#proj-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.8rem}.proj-filter-btn{padding:.35rem .9rem;border-radius:4px;border:1.5px solid var(--border);background:transparent;color:var(--muted);font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.proj-filter-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-f)}.proj-filter-btn.active{background:var(--red);border-color:var(--red);color:#fff}html.dark .proj-filter-btn.active{background:var(--red);color:#fff}#proj-sort{display:flex;align-items:center;gap:.5rem;margin-bottom:1.8rem;margin-top:-.6rem;flex-wrap:wrap}.sort-label{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.sort-btn{padding:.3rem .8rem;border-radius:4px;border:1.5px solid var(--border);background:transparent;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s}.sort-btn:hover{border-color:var(--red);color:var(--red)}.sort-btn.active{background:var(--red);border-color:var(--red);color:#fff}.feat-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);background:var(--blue-f);border:1px solid rgba(26,47,255,.18)}html.dark .feat-badge{background:#4d6fff1f;border-color:#4d6fff40}.proj-card.featured{border-color:#1a2fff59}html.dark .proj-card.featured{border-color:#4d6fff66}#projects{background:#fff}.proj-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.4rem}.proj-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:all .2s;cursor:pointer}.proj-card:hover{border-color:var(--red);box-shadow:0 2px 10px #0c0e1a12}.proj-thumb-ph{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--blue-f);font-size:2.8rem}.proj-thumb{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--blue-f);border-bottom:1px solid rgba(12,14,26,.1)}.proj-thumb-img{width:100%;height:100%;object-fit:contain;display:block}.proj-body{padding:1.5rem}.proj-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.85rem;border:1px solid}.proj-title{font-family:"DM Serif Display",serif;font-size:1.2rem;margin-bottom:.45rem;color:var(--text)}.proj-desc-wrap{margin-bottom:1rem}.proj-desc{font-size:.83rem;color:var(--muted);line-height:1.7}.proj-desc.collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.proj-desc-toggle{background:none;border:none;cursor:pointer;padding:.1rem 0;color:var(--red);font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:.25rem;transition:transform .2s}.proj-desc-toggle.open{transform:rotate(180deg)}.proj-stack{display:flex;flex-wrap:wrap;gap:.4rem}.sb{background:#fff;border:1px solid var(--border);color:var(--muted);padding:.17rem .55rem;border-radius:5px;font-size:.69rem;font-weight:500}.proj-more{display:flex;align-items:center;gap:.35rem;color:var(--red);font-size:.8rem;font-weight:600;margin-top:.9rem}.proj-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.9rem}.proj-foot .proj-more{margin-top:0}.proj-gh{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;border:1px solid var(--border);padding:.2rem .5rem;border-radius:4px;transition:all .2s}.proj-gh:hover{color:var(--red);border-color:var(--red)}html.dark .proj-gh{border-color:var(--border)}.proj-card-top{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.85rem}.proj-card-top .proj-tag{margin-bottom:0}.source-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.04em}.wip-badge{display:inline-flex;align-items:center;gap:.3rem;background:#1a2fff14;color:var(--blue);border-radius:4px;padding:.18rem .6rem;font-size:.65rem;font-weight:700;margin-top:.6rem}.wip-dot{width:5px;height:5px;background:var(--blue);border-radius:50%;display:inline-block;animation:blink 1.5s infinite}.chap-lead{text-align:center;font-size:.92rem;color:var(--muted);font-weight:500;margin:4.2rem 0 1.1rem;padding-top:2.8rem;border-top:1px solid var(--border)}.chap-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin:0 0 2.8rem}.chap-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.7rem;border-radius:6px;border:1.5px solid var(--border);background:transparent;color:var(--text);font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.chap-tab:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--border);transition:background .2s;flex:none}.chap-tab:hover{border-color:var(--red);color:var(--red);background:var(--red-f)}.chap-tab:hover:before{background:var(--red)}.chap-tab.on{background:var(--red);border-color:var(--red);color:#fff}.chap-tab.on:before{background:#fff}.chap-block{display:none}.chap-block.on{display:block}@media(max-width:580px){.chap-lead{font-size:.84rem;margin-top:3rem;padding-top:2rem}.chap-tabs{gap:.5rem}.chap-tab{padding:.7rem 1rem;font-size:.85rem}}.block-code{margin-bottom:1.8rem}.code-toggle{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.1rem;border-radius:4px;background:var(--red-f);border:1.5px solid rgba(232,25,44,.18);color:var(--red);font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.code-toggle:hover{background:var(--red);color:#fff}.code-arrow{transition:transform .25s;font-size:.7rem}.code-toggle.open .code-arrow{transform:rotate(90deg)}.code-body{display:none;margin-top:.5rem;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.code-body.open{display:block}.code-body pre{margin:0;padding:1.2rem;background:#0d0f1a;overflow-x:auto;font-size:.78rem;line-height:1.6}.code-body code{color:#e8eaf6;font-family:Courier New,monospace}html.dark .code-toggle{background:var(--red-f)}.block-video-duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.8rem}.block-video-duo-item video{width:100%;max-height:62vh;border-radius:6px;display:block;margin:0 auto}.block-video-duo-item .caption{font-size:.75rem;color:var(--muted);margin-top:.4rem;text-align:center;font-style:italic}@media(max-width:580px){.block-video-duo{grid-template-columns:1fr}}.yt-link{display:inline-flex;align-items:center;gap:.6rem;background:red;color:#fff!important;padding:.65rem 1.3rem;border-radius:4px;font-weight:600;text-decoration:none;font-size:.88rem;margin-top:2rem;transition:all .2s;box-shadow:0 4px 14px #ff00004d}.yt-link:hover{background:#c00;transform:translateY(-2px);box-shadow:0 6px 18px #f006}.hf-link{display:inline-flex;align-items:center;gap:.6rem;background:#ff9d00;color:#fff!important;padding:.65rem 1.3rem;border-radius:4px;font-weight:600;text-decoration:none;font-size:.88rem;margin-top:2rem;transition:all .2s;box-shadow:0 4px 14px #ff9d004d}.hf-link:hover{background:#e08800;transform:translateY(-2px);box-shadow:0 6px 18px #ff9d0066}#view-project{min-height:100vh;padding-top:72px}.proj-detail{max-width:800px;margin:0 auto;padding:3rem 2rem 6rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.84rem;font-weight:600;margin-bottom:2rem;cursor:pointer;background:none;border:none;transition:color .2s}.back-btn:hover{color:var(--red)}.detail-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .7rem;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.1rem;border:1px solid}.detail-title{font-family:"DM Serif Display",serif;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400;letter-spacing:-.01em;line-height:1.05;margin-bottom:1rem}.detail-stack{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:2rem}.detail-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;color:var(--red);font-weight:600;text-decoration:none;font-size:.88rem;transition:color .2s}.detail-link:hover{color:var(--red-d)}.block-text{font-size:.97rem;color:var(--muted);line-height:1.88;margin-bottom:1.8rem}.block-text p{margin-bottom:.9rem}.block-text p:last-child{margin-bottom:0}.block-text strong{color:var(--text);font-weight:600}.block-section-title{font-size:1.05rem;font-weight:700;color:var(--blue);margin:2rem 0 .2rem;padding-left:.8rem;border-left:3px solid var(--blue)}.block-img{margin-bottom:1.8rem}.block-img img{max-width:100%;max-height:78vh;width:auto;height:auto;margin:0 auto;border-radius:6px;display:block;cursor:zoom-in}.block-img.hero img{border-radius:6px;box-shadow:0 6px 28px #00000021}.block-img.size-small{max-width:240px;margin-left:auto;margin-right:auto}.block-img.size-medium{max-width:520px;margin-left:auto;margin-right:auto}.block-img .caption,.block-video .caption{font-size:.78rem;color:var(--muted);margin-top:.5rem;text-align:center;font-style:italic}.block-video{margin-bottom:1.8rem}.block-video video{width:65%;max-width:480px;max-height:70vh;border-radius:6px;display:block;margin:0 auto}.block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem;margin-bottom:.5rem}.gal-item{aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:var(--blue-f);border:1px solid rgba(12,14,26,.08)}.gal-item img{width:100%;height:100%;object-fit:contain;display:block;cursor:zoom-in;transition:transform .2s}.gal-item:hover img{transform:scale(1.02)}html.dark .gal-item{border-color:#ffffff17}.block-gallery.auto-height{align-items:start}.block-gallery.auto-height .gal-item{aspect-ratio:auto;background:none;border:none}.block-gallery.auto-height .gal-item img{height:auto;object-fit:unset}.block-gallery+div{margin-bottom:1.8rem}.lightbox{position:fixed;inset:0;background:#000000eb;z-index:999;display:none;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:90vh;border-radius:4px;object-fit:contain}.lb-close{position:absolute;top:1.2rem;right:1.5rem;color:#fff;font-size:1.8rem;cursor:pointer;background:none;border:none;line-height:1}#contact{background:#080e3a;color:#fff}#contact .sec-ey{color:#ffffff73}#contact .sec-h2{color:#fff}#contact .sec-h2 em{color:#6d8bff}.ct-g{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.ct-desc{color:#ffffff8c;line-height:1.8;font-size:.93rem;margin-bottom:1.8rem}.ct-links{display:flex;flex-direction:column;gap:.75rem}.ct-link{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:#fff;padding:.9rem 1.1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:4px;font-size:.86rem;transition:all .2s}.ct-link:hover{background:#ffffff17;border-color:var(--red);transform:translate(4px)}.ct-ico{width:34px;height:34px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.ct-form{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:1.8rem}.fg{margin-bottom:1rem}.fg label{display:block;font-size:.72rem;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.fg input,.fg textarea{width:100%;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:4px;padding:.65rem .95rem;color:#fff;font-family:Inter,sans-serif;font-size:.86rem;outline:none;transition:border-color .2s}.fg input::placeholder,.fg textarea::placeholder{color:#ffffff47}.fg input:focus,.fg textarea:focus{border-color:#ffffff59}.fg textarea{resize:vertical;min-height:90px}.btn-send{width:100%;background:var(--red);color:#fff;border:none;padding:.85rem;border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;font-weight:700;font-size:.88rem;margin-top:.8rem;transition:background .2s}.btn-send:hover{background:var(--red-d)}.form-msg{font-size:.8rem;margin-top:.6rem;text-align:center;min-height:1.2em}footer{background:#04082a;color:#ffffff4d;text-align:center;padding:1.1rem;font-size:.75rem}.rv{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.rv.on{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.rv{opacity:1!important;transform:none!important}}@media(max-width:900px){nav{padding:0 7.5rem 0 1.5rem}nav ul{display:none}.hbg{display:flex}#hero{grid-template-columns:1fr;padding:6rem 1.5rem 3rem;gap:2.5rem}.about-g{grid-template-columns:1fr;gap:2rem}.tl-left{margin-bottom:2rem}.tl-wrapper{grid-template-columns:1fr;gap:0}.tl-left{border-right:none;padding-right:0;margin-bottom:1.5rem}.tl-right{border-left:none;padding-left:0}.ct-g{grid-template-columns:1fr;gap:2.5rem}.sw{padding:4rem 1.5rem}.lang-sw{right:.75rem;gap:.05rem}.lang-sw button{padding:.2rem .5rem;font-size:.68rem}.dark-toggle{width:22px;height:22px;font-size:.72rem}}@media(max-width:580px){.proj-g{grid-template-columns:1fr}.sk-g>*{max-width:none;flex-basis:100%}}#proj-more-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:2rem;padding:.85rem 2rem;background:var(--red-f);border:1.5px solid rgba(232,25,44,.18);color:var(--red);border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;transition:all .2s;width:100%}#proj-more-btn:hover{background:var(--red);color:#fff}html.dark #proj-more-btn{background:var(--surface);border-color:#ec3a4c59;color:var(--red)}html.dark #proj-more-btn:hover{background:var(--red);border-color:var(--red);color:#fff}.proj-more-arrow{font-size:.75rem;transition:transform .3s}.sec-ey,.tl-col-title,.tl-period,.tl-now,.tag,.sb,.proj-tag,.source-badge,.wip-badge,.detail-tag,.proj-filter-btn,.sk-tag,.sk-legend-item,.card-status,.c-lbl,.fg label,.hero-badge,.caption,.code-toggle,.block-section-title{font-family:JetBrains Mono,monospace}.caption,.block-img .caption,.block-video .caption{font-style:normal;letter-spacing:.01em}.sk-dot{border-radius:1px}.hero-tags .tag:before{content:"";width:5px;height:5px;background:var(--blue);flex-shrink:0;display:inline-block}body{background-image:linear-gradient(to right,rgba(12,14,26,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(12,14,26,.035) 1px,transparent 1px);background-size:34px 34px}html.dark body{background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px)}:root{--blue:#2449c6;--blue-d:#193a9f;--muted:#515e70;--border:#d7dfe9}html.dark{color-scheme:dark;--blue:#a1b7ff;--blue-d:#819eef;--muted:#b4bfd3;--border:#344058;--bg:#111827;--surface:#192235}html:not(.dark){color-scheme:light}html{scroll-padding-top:90px}body{font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;background-image:none!important}h1,h2,h3,.h1-name,.h1-role,.sec-h2,.detail-title,.proj-title,.card-name,.nav-logo{font-family:inherit;font-style:normal;font-weight:650;letter-spacing:-.025em}em,.sec-h2 em,.h1-role{font-family:inherit;font-style:normal}h1{line-height:1.12;font-size:clamp(40px,4.5vw,66px)}.h1-role{font-size:.53em;line-height:1.3;margin-top:18px}.nav-logo{font-size:19px;font-weight:600}nav a{font-size:15px}.lang-sw button{font-family:inherit;font-size:13px}.dark-toggle{width:32px;height:32px;font-size:20px!important}.hero-p,.about-p,.ct-desc{font-size:17px;line-height:1.75}.hero-p{max-width:580px}.hero-availability{color:var(--blue);font-size:17px;font-weight:600;margin-bottom:26px}.sec-h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2}.sec-ey,.tl-col-title,.tl-period,.tl-now,.tag,.sb,.proj-tag,.source-badge,.wip-badge,.detail-tag,.proj-filter-btn,.sk-tag,.sk-legend-item,.card-status,.c-lbl,.fg label,.caption,.code-toggle,.block-section-title{font-family:inherit;letter-spacing:0}.sec-ey{font-size:14px;text-transform:none}.card-sub,.c-val,.card-status{font-size:14px}.c-lbl{font-size:12px}.about-g{grid-template-columns:1.2fr 1fr 1fr;gap:32px}.tl-title{font-size:20px}.tl-period,.tl-org{font-size:14px}.tl-desc{font-size:15px;line-height:1.7}.tl-col-title{font-size:18px;text-transform:none}.traits{display:none}.sk-tag{font-size:15px;line-height:1.5}.sk-nm{font-size:19px}.sk-legend-item{font-size:14px}.skill-note{font-size:15px;line-height:1.65;color:var(--muted);margin-top:18px}.skill-evidence{display:inline-block;margin-top:20px;font-size:15px;color:var(--blue);text-decoration:none}.sk-dot{border-radius:50%}.rv{opacity:1;transform:none;transition:none}.group-title{font-size:23px;margin:25px 0 20px}.project-group[hidden],.proj-card[hidden]{display:none!important}.project-group+.project-group{margin-top:40px}.proj-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.proj-card{display:flex;flex-direction:column;border-radius:10px;cursor:default;background:var(--surface)}.proj-card.featured{border-top:3px solid var(--blue)}.proj-card.featured .proj-thumb{aspect-ratio:1.3}.proj-thumb{aspect-ratio:1.7}.proj-thumb-img{object-fit:contain}.proj-body{display:flex;flex-direction:column;flex:1;padding:24px}.proj-title{font-size:23px;line-height:1.3;margin-bottom:12px}.proj-title a{color:inherit;text-decoration:none}.proj-title a:hover{text-decoration:underline;text-underline-offset:4px}.featured .proj-title{font-size:27px}.proj-desc{font-size:17px;line-height:1.65}.proj-foot{margin-top:auto;padding-top:22px}.proj-more{font-size:15px;text-decoration:none;color:var(--blue)}.source-badge{color:var(--muted);font-size:13px;background:transparent!important;padding:0}.feat-badge{font-size:12px;background:var(--blue-f);color:var(--blue)}.text-card .proj-body{background:var(--blue-f);min-height:300px}.proj-filter-btn,.sort-btn{font-family:inherit;font-size:14px}.preview{position:relative;isolation:isolate}.preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;background:#10131a}.preview.playing video{opacity:1}.preview-toggle{position:absolute;bottom:12px;left:12px;z-index:2;width:32px;height:32px;border:0;border-radius:50%;display:grid;place-items:center;padding:0;background:#fffffff0;color:#172137;font-size:13px;cursor:pointer}.preview-toggle:before{content:"";position:absolute;inset:-6px}.proj-gh{font-family:inherit;font-size:13px}.proj-card a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:4px}.btn-p,.lang-sw button.on{background:#2449c6;color:#fff}.hero-card{box-shadow:0 12px 35px #1721370b}.btn-cv{box-shadow:none}.proj-detail{max-width:940px;padding:40px 30px 80px}.detail-title{font-size:clamp(32px,4vw,50px);line-height:1.18}.detail-intro{font-size:19px;line-height:1.65;color:var(--muted);margin-bottom:30px}.detail-summary{border-top:1px solid var(--border);margin-bottom:36px}.detail-summary>section{padding:18px 0;border-bottom:1px solid var(--border)}.detail-summary h2{font-size:18px;font-weight:600;color:var(--blue);margin-bottom:6px}.detail-summary p{font-size:17px;line-height:1.75}.block-text{font-size:18px;line-height:1.8;color:var(--text);max-width:75ch}.block-section-title{font-family:inherit;font-size:25px;line-height:1.3;border:0;padding:0;margin:38px 0 16px}.caption,.block-img .caption,.block-video .caption{font-family:inherit;font-size:14px;line-height:1.65;font-style:normal}.project-pagination{position:static;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:30px 0 0;margin-top:50px;border:0;border-top:1px solid var(--border);background:transparent!important;backdrop-filter:none;z-index:auto}.project-pagination>a{font-size:19px;line-height:1.45;color:var(--text)}.pagination-label{display:block;color:var(--blue);font-size:14px;margin-bottom:8px}.project-pagination>a:last-child{text-align:right}.fg label{font-size:15px;text-transform:none;color:#dbe3f5}.fg input,.fg textarea{font-family:inherit;font-size:17px;padding:12px 14px}.ct-desc{color:#d4ddef}.ct-link{font-size:16px;overflow-wrap:anywhere}.ct-link>div{flex-shrink:0}#contact .sec-ey{color:#bdc9e8}footer{font-size:14px;color:#bdc9e8}@media(max-width:1100px){.about-g{grid-template-columns:1fr 1fr}.about-g>div:first-child{grid-column:1/-1}.proj-g{grid-template-columns:repeat(2,minmax(0,1fr))}.other-projects{width:100%;max-width:none;margin:0}.sk-g>*{max-width:calc((100% - 1.1rem)/2)}}@media(max-width:900px){.about-g{grid-template-columns:1fr}.about-g>div:first-child{grid-column:auto}.other-projects{width:100%;max-width:none;margin:0}.hero-p{max-width:100%}.project-pagination{grid-template-columns:1fr}.project-pagination>a:last-child{text-align:left}.proj-detail{padding:30px 22px 65px}.lang-sw{top:12px}}@media(max-width:600px){.proj-g{grid-template-columns:1fr}.sk-g>*{max-width:none;flex-basis:100%}.featured .proj-title{font-size:25px}.proj-title{font-size:23px}.proj-body{padding:22px}.block-text{font-size:17px}.detail-intro{font-size:18px}.hero-availability,.nav-logo{font-size:16px}.ct-link{font-size:14px;padding:12px}.hero-card .card-body{padding:22px}.hero-ctas a{font-size:15px;padding:12px 16px}}#projects>.sw{max-width:1320px}.other-projects{width:100%;max-width:none;margin:0}button,input,textarea,select{font-family:inherit}.block-text ul{padding-left:24px;margin:0 0 18px}.block-text li{margin-bottom:9px}.block-text code{font-size:.88em;overflow-wrap:anywhere}.detail-summary:empty{display:none}.sort-label{font-family:inherit;font-size:14px;text-transform:none}.source-badge{font-weight:500}.detail-tag{font-size:14px;text-transform:none}.feat-badge{text-transform:none;letter-spacing:0}.sk-tag-name{min-width:0}.sk-dots{flex-shrink:0}@media(max-width:1100px){.other-projects{width:100%;max-width:none;margin:0}}@media(max-width:900px){.other-projects{width:100%;max-width:none;margin:0}.card-status,.c-val a{overflow-wrap:anywhere}}.hbg{border:0;background:transparent;min-width:32px;min-height:32px;padding:4px}.skip-link{position:fixed;top:-100px;left:16px;z-index:1000;background:var(--surface);color:var(--text);padding:12px}.skip-link:focus{top:8px}.sk-nm,.tl-title,.tl-org,.card-sub,.c-val,.c-lbl{font-family:inherit}html.dark .sk-dot.on{background:var(--blue)!important}.tl-desc code{font-size:.9em}.block-text em{font-style:normal}.block-text p{margin-bottom:20px}h1,.hero-card{animation:none}.tag{background:var(--surface);font-size:14px}html.dark .tag{color:var(--muted)}#proj-g[data-sort=featured] .featured-projects{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}#proj-g[data-sort=featured] .featured-layout-standard .proj-thumb{aspect-ratio:1.8}#proj-g[data-sort=featured] .featured-layout-portrait .proj-thumb{aspect-ratio:1.55}#proj-g[data-sort=featured] .featured-layout-wide{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}#proj-g[data-sort=featured] .featured-layout-wide .proj-thumb{aspect-ratio:auto;min-height:310px;height:100%}#proj-g[data-sort=recent] .featured .proj-thumb{aspect-ratio:1.7}#proj-g[data-sort=recent] .featured .proj-title{font-size:23px}#skills .sw{padding-top:4rem;padding-bottom:4rem}.sk-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.sk-g>*{max-width:none;min-width:0}.sk-card{padding:18px 20px}.sk-card summary{cursor:pointer;list-style:none}.sk-card summary::-webkit-details-marker{display:none}.sk-card summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.sk-top{margin-bottom:8px;gap:10px}.sk-ico{width:32px;height:32px;font-size:18px;flex-shrink:0}.sk-nm{font-size:17px;line-height:1.35}.skill-preview{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 8px}.skill-expand{font-size:14px;color:var(--blue)}.sk-card[open] .skill-expand{display:none}.sk-card[open] .sk-tags{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.skill-note,.skill-evidence{margin-top:12px}.language-note{font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}:root{--blue-f:#edf1fc;--action:#2449c6}html.dark{--blue-f:#25324b;--action:#3b5ccd}html.dark body>nav{background:#111827f5}.text-card .proj-body{background:var(--surface)}#contact{background:var(--surface);color:var(--text);border-top:1px solid var(--border)}#contact .sec-ey,.ct-desc,.fg label{color:var(--muted)}#contact .sec-h2{color:var(--text)}#contact .sec-h2 em{color:var(--blue)}.ct-g{gap:48px}.ct-form{background:var(--bg);border:1px solid var(--border);border-radius:10px}.ct-link{background:var(--bg);border:1px solid var(--border);color:var(--text)}.ct-link:hover{background:var(--blue-f);border-color:var(--blue);color:var(--text)}.ct-ico{background:var(--blue-f)!important}.fg input,.fg textarea{background:var(--surface);border:1px solid var(--border);color:var(--text)}.fg input::placeholder,.fg textarea::placeholder{color:var(--muted);opacity:1}.fg input:focus,.fg textarea:focus{border-color:var(--blue)}.btn-send,.btn-send:hover{background:var(--action);color:#fff}footer{background:var(--bg);color:var(--muted);border-top:1px solid var(--border)}@media(max-width:1100px){.sk-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){#proj-g[data-sort=featured] .featured-projects,.sk-g{grid-template-columns:1fr}#proj-g[data-sort=featured] .featured-layout-wide{display:flex;grid-column:auto}#proj-g[data-sort=featured] .featured-layout-wide .proj-thumb{aspect-ratio:1.7;min-height:0;height:auto}#proj-g[data-sort=featured] .featured-layout-portrait .proj-thumb{aspect-ratio:1.7}.ct-g{gap:30px}}#skills .sw{padding-top:48px;padding-bottom:48px}#skills .sec-h2{margin-bottom:22px}#skills .sk-legend{margin-bottom:20px}.nav-cta,.nav-cta:hover{background:var(--action)!important;color:#fff!important}#proj-more-btn{color:var(--blue);border-color:var(--border)}#proj-more-btn:hover{background:var(--blue-f);border-color:var(--blue)}.btn-cv{background:var(--blue-f);color:var(--blue);border-color:var(--border)}.btn-cv:hover{background:var(--action);color:#fff}html.dark #proj-more-btn{background:var(--surface);border-color:var(--border);color:var(--blue)}html.dark #proj-more-btn:hover{background:var(--blue-f);border-color:var(--blue);color:var(--blue)}.proj-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.proj-card:focus-within{border-color:var(--blue);box-shadow:0 6px 20px #17213712}@media(hover:hover)and (pointer:fine){.proj-card:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 8px 24px #17213718}}@media(prefers-reduced-motion:reduce){.proj-card{transition:none}.proj-card:hover{transform:none}}html:not(.dark) #contact{background:#e9eefb;border-top-color:#d0daf0}html:not(.dark) .ct-form{background:var(--surface);border-color:#d0daf0}html:not(.dark) .ct-link{background:var(--surface);border-color:#d0daf0}html:not(.dark) .fg input,html:not(.dark) .fg textarea{background:var(--bg)}@media(min-width:701px){#proj-g[data-sort=featured] .featured-layout-wide .proj-thumb{height:360px;min-height:0;aspect-ratio:auto}}:root{--contact-bg:#e9eefb;--heading-font:inherit;--ui-radius:10px}html[data-visual-style=studio]{--blue:#116a60;--blue-d:#0b554d;--action:#116a60;--blue-f:#e1f0e9;--red:#116a60;--red-d:#0b554d;--red-f:#e1f0e9;--bg:#faf8f2;--surface:#fffefa;--text:#23332e;--muted:#53675e;--border:#d4dfd7;--contact-bg:#e2eee5;--ui-radius:20px}html.dark[data-visual-style=studio]{--blue:#91d9c7;--blue-d:#91d9c7;--action:#176f61;--blue-f:#203d35;--red:#91d9c7;--red-f:#203d35;--bg:#14221d;--surface:#1d2f28;--text:#edf5ef;--muted:#b5c9bf;--border:#3b5146}html[data-visual-style=studio] body{font-family:Trebuchet MS,Arial,sans-serif}html[data-visual-style=editorial]{--blue:#6946ab;--blue-d:#54348d;--action:#6946ab;--blue-f:#efe8f8;--red:#6946ab;--red-d:#54348d;--red-f:#efe8f8;--bg:#faf8fc;--surface:#fff;--text:#2d2436;--muted:#665a70;--border:#ddd4e5;--contact-bg:#eee6f6;--heading-font:Georgia,"Times New Roman",serif;--ui-radius:4px}html.dark[data-visual-style=editorial]{--blue:#cbb7f6;--blue-d:#cbb7f6;--action:#7655ba;--blue-f:#352943;--red:#cbb7f6;--red-f:#352943;--bg:#1c1724;--surface:#282132;--text:#f2edf7;--muted:#c5b9d2;--border:#4c3e59}html[data-visual-style=editorial] body{font-family:Verdana,Arial,sans-serif}html[data-visual-style=editorial] :is(h1,.h1-name,.h1-role,.sec-h2,.proj-title,.detail-title,.card-name){font-family:var(--heading-font);font-weight:600;letter-spacing:-.015em}html[data-visual-style=studio] :is(.proj-card,.hero-card,.sk-card,.ct-form){border-radius:var(--ui-radius)}html[data-visual-style=editorial] :is(.proj-card,.hero-card,.sk-card,.ct-form){border-radius:var(--ui-radius)}html:not(.dark) #contact{background:var(--contact-bg);border-color:var(--border)}html:not(.dark) :is(.ct-form,.ct-link){border-color:var(--border)}html[data-visual-style] body>nav{background:color-mix(in srgb,var(--bg) 96%,transparent)}html[data-visual-style] .btn-p,html[data-visual-style] .lang-sw button.on{background:var(--action);color:#fff}html[data-visual-style] #proj-more-btn{background:var(--blue-f);border-color:var(--border);color:var(--blue)}.style-picker{position:fixed;right:20px;bottom:20px;z-index:600;font-family:Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.5}.style-picker>summary{display:flex;align-items:center;gap:8px;padding:10px 16px;list-style:none;cursor:pointer;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:24px;box-shadow:0 4px 20px #0002;min-height:44px}.style-picker>summary::-webkit-details-marker{display:none}.current-style{font-size:13px;color:var(--blue);font-weight:600}.style-panel{position:absolute;right:0;bottom:56px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 130px);overflow:auto;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 50px #0003;color:var(--text)}.style-panel h2{font-family:inherit;font-size:21px;line-height:1.3;margin-bottom:10px;font-weight:600}.style-intro{font-size:15px;color:var(--muted);margin-bottom:18px}.style-options{display:grid;gap:10px;margin-bottom:18px}.style-options button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;cursor:pointer;font-size:16px;width:100%}.style-options button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-f)}.style-description{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:3px}.style-swatch{width:24px;height:36px;flex-shrink:0;border-radius:5px}.swatch-atelier{background:linear-gradient(135deg,#2449c6 50%,#e9eefb 50%)}.swatch-studio{background:linear-gradient(135deg,#116a60 50%,#e2eee5 50%)}.swatch-editorial{background:linear-gradient(135deg,#6946ab 50%,#eee6f6 50%)}.style-selected{margin-left:auto;visibility:hidden;color:var(--blue)}[aria-pressed=true]>.style-selected{visibility:visible}.style-vote{width:100%;min-height:44px;padding:10px;background:var(--action);color:#fff;border:0;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer}.style-vote:disabled{opacity:.65;cursor:default}.style-vote-status{font-size:14px;color:var(--blue);margin-top:10px}.style-privacy{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.5}.style-picker summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media(max-width:600px){.style-picker{right:12px;bottom:12px}.style-panel{padding:18px}.current-style{display:none}}html.dark[data-visual-style=studio]{--bg:#191d22;--surface:#252b32;--text:#eff2f4;--muted:#bcc6cd;--border:#414b56;--blue-f:#293c40;--blue:#98c8cd;--red:#98c8cd;--red-f:#293c40;--action:#245f64}html[data-visual-style=solaire]{--blue:#765400;--blue-d:#614400;--action:#f0c443;--blue-f:#fff2c4;--red:#765400;--red-d:#614400;--red-f:#fff2c4;--bg:#fffdf7;--surface:#fff;--text:#292719;--muted:#68634d;--border:#e4dcc5;--contact-bg:#fff0b9}html.dark[data-visual-style=solaire]{--blue:#f5cf63;--blue-d:#f5cf63;--action:#f5cf63;--blue-f:#3c3521;--red:#f5cf63;--red-f:#3c3521;--bg:#202020;--surface:#2a2a28;--text:#f5f3e9;--muted:#c9c5b7;--border:#4c4b40}html[data-visual-style=solaire] body{font-family:Segoe UI,Arial,sans-serif}html[data-visual-style=solaire] :is(.btn-p,.btn-send,.nav-cta,.style-vote,.lang-sw button.on){background:var(--action)!important;color:#292719!important}html[data-visual-style=solaire] :is(.btn-cv:hover,.nav-cta:hover){background:var(--action)!important;color:#292719!important}.swatch-solaire{background:linear-gradient(135deg,#f0c443 50%,#2a2a28 50%)}.style-invitation{position:fixed;right:20px;bottom:78px;width:300px;max-width:calc(100vw - 32px);z-index:590;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 22px;box-shadow:0 6px 28px #0002;font-size:15px;line-height:1.5;color:var(--text)}.style-invitation[hidden]{display:none}.style-invitation strong{display:block;padding-right:26px;font-size:17px}.style-invitation p{color:var(--muted);margin:8px 0 12px}.invitation-close{position:absolute;right:8px;top:6px;width:36px;height:36px;background:transparent;border:0;color:var(--muted);font-size:24px;cursor:pointer}.invitation-open{background:transparent;border:0;color:var(--blue);font-size:15px;min-height:36px;font-weight:600;cursor:pointer}@media(max-width:600px){.style-invitation{right:12px;bottom:70px}}.style-vote{display:block;text-align:center;text-decoration:none;box-sizing:border-box}.style-vote-pending{font-size:14px;color:var(--muted);padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.skill-domain-body>.sk-tags,.skill-learning-card .skill-domain>.sk-tags{display:grid;gap:7px;margin-top:12px}.sk-tag{display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px 8px}.skill-details,.skill-projects{margin-top:14px}.skill-details>summary,.skill-projects>summary{color:var(--blue);font-size:15px;min-height:30px}.skill-details[open]>.sk-tags{display:grid;margin-top:10px;gap:7px}.skill-details[open] .skill-more-sign,.skill-projects[open] .skill-more-sign{display:none}.skill-projects ul{list-style:none;padding:0;margin-top:10px;border-top:1px solid var(--border)}.skill-projects li{padding:9px 0;border-bottom:1px solid var(--border)}.skill-projects a{font-size:15px;line-height:1.5;color:var(--text);text-decoration:none}.skill-projects a:hover{text-decoration:underline;color:var(--blue)}.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}.block-video-duo-item .caption,.block-gallery+.caption{font-family:inherit;font-size:14px;line-height:1.65;font-style:normal;color:var(--muted);margin-top:8px}.block-video video,.block-video-duo-item video{object-fit:contain;background:#10131a}.skill-details[open]>summary{display:none}.skill-collapse{display:block;background:transparent;border:0;color:var(--blue);padding:8px 0;margin-top:8px;font-size:15px;font-weight:600;cursor:pointer}.proj-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}#proj-g[data-sort=featured] .featured-fill-row{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}#proj-g[data-sort=featured] .featured-fill-row .proj-thumb{height:360px;min-height:0;aspect-ratio:auto}.sk-g{align-items:stretch}.sk-card{display:flex;flex-direction:column}.sk-top{min-height:38px}.sk-tag{min-height:36px;box-sizing:border-box}.skill-projects{margin-top:auto;padding-top:8px}@media(max-width:700px){#proj-g[data-sort=featured] .featured-fill-row{display:flex;grid-column:auto}#proj-g[data-sort=featured] .featured-fill-row .proj-thumb{height:auto;aspect-ratio:1.7}.sk-top{min-height:0}}.project-card-meta{margin:14px 0 16px}.project-key-tech{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 8px}.project-key-tech li{font-size:13px;line-height:1.4;padding:4px 8px;border:1px solid var(--border);border-radius:5px;color:var(--text);background:var(--bg)}.project-status{font-size:13px;line-height:1.5;color:var(--muted)}.project-status.is-ongoing{color:var(--blue)}.sk-card{padding:15px 17px}.skill-domain-body>.sk-tags,.skill-learning-card .skill-domain>.sk-tags{gap:5px;margin-top:7px}.skill-details{margin-top:9px}.skill-details[open]>.sk-tags{gap:5px;margin-top:7px}.skill-proof-note{font-size:13px;line-height:1.5;color:var(--muted);margin:6px 0 8px}.sk-g:has(.skill-details[open],.skill-tool[open]){align-items:start}.skill-learning-card{border-style:dashed}.project-description{font-size:14px;margin:8px 0;color:var(--muted)}.project-description summary{cursor:pointer;color:var(--blue);list-style:none}.project-description summary::-webkit-details-marker{display:none}.project-description p{font-size:17px;line-height:1.65;margin-top:10px;color:var(--muted)}.project-description .description-close,.project-description[open] .description-open{display:none}.project-description[open] .description-close{display:inline}.proj-body:has(.project-description[open])>.proj-desc{display:none}.media-zoom{display:block;width:fit-content;max-width:100%;padding:0;margin:0 auto;border:0;background:transparent;cursor:zoom-in}.gal-item>.media-zoom{width:100%;height:100%}.media-zoom:focus-visible,.project-description summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.proj-detail{max-width:1280px;padding:36px 32px 80px}.project-header{margin:24px 0 32px}.project-header.has-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.project-header-copy{min-width:0}.project-header .detail-title{font-size:clamp(30px,3.1vw,44px)}.project-header .detail-intro{font-size:18px;line-height:1.7;margin-bottom:0;max-width:68ch}.project-header-media{margin:0;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.project-header-media img,.project-header-media video{width:100%;max-width:none;max-height:420px;object-fit:contain;border-radius:8px}.project-header-media .block-video{margin-bottom:0}.project-header-media figcaption{font-size:13px;color:var(--muted);margin-top:9px;text-align:center}.proj-detail .chap-lead{margin:28px 0 12px;padding-top:18px}.proj-detail .chap-tabs{justify-content:flex-start;margin-bottom:18px}.project-toc{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;margin-bottom:32px}.project-toc summary{font-size:15px;font-weight:600;color:var(--blue);cursor:pointer}.project-toc nav{position:static;display:flex;flex-wrap:wrap;gap:8px 20px;background:transparent!important;padding:14px 0 0;height:auto;border:0;backdrop-filter:none}.project-toc a{font-size:14px;color:var(--text);text-decoration:none}.project-toc a:hover{text-decoration:underline}.project-toc a.chap-block:not(.on){display:none}.project-story{display:grid;gap:32px}.story-section{min-width:0;scroll-margin-top:90px}.story-section.chap-block:not(.on){display:none}.story-item{min-width:0}.story-section:not(.story-pair)>.story-text{max-width:70ch;margin:0 auto;width:100%}.story-section .block-text{max-width:none;margin-bottom:0}.story-section .block-section-title{margin-top:0}.story-section .block-img,.story-section .block-video,.story-section .block-video-duo{margin-bottom:0}.story-pair,.story-pair.chap-block.on{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.story-pair .story-item:not(.story-text){position:sticky;top:90px}.story-callout{background:var(--blue-f);border:1px solid var(--border);border-radius:12px;padding:28px}.story-callout .block-section-title{color:var(--blue)}.project-story .block-video video{max-width:960px;width:100%;max-height:72vh}.project-header-media .block-video video{max-width:none;width:100%}.proj-detail video{height:auto}.project-story .block-gallery{gap:16px}.project-story .caption{text-align:left;max-width:75ch;margin-left:auto;margin-right:auto}.project-story .block-video-duo{gap:24px}.project-story .block-img:not(.size-small):not(.size-medium) img{max-height:80vh}.proj-detail>.project-pagination{margin-top:40px}@media(max-width:850px){.proj-detail{padding:28px 22px 60px}.project-header.has-media{grid-template-columns:1fr;gap:24px}.project-header-media video,.project-header-media img{max-height:380px}.story-pair,.story-pair.chap-block.on{grid-template-columns:1fr;gap:22px}.story-pair .story-item:not(.story-text){position:static}.story-callout{padding:20px}.project-story{gap:26px}}@media(max-width:580px){.project-story .block-gallery{grid-template-columns:1fr!important}.proj-detail{padding-left:16px;padding-right:16px}}@media(min-width:701px)and (max-width:1100px){.sk-g>.skill-learning-card:last-child{grid-column:1/-1}.sk-g>.skill-learning-card:last-child .skill-domain>.sk-tags{grid-template-columns:repeat(2,minmax(0,1fr))}}.skill-click-hint{font-size:14px;line-height:1.5;color:var(--muted);margin:10px 0 18px}.skill-tool{min-width:0}.skill-tool>summary.sk-tag{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:44px;cursor:pointer;margin:0}.skill-tool>summary:hover{border-color:var(--blue);background:var(--blue-f)}.skill-tool>summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.skill-tool-chevron{font-size:18px;line-height:1;color:var(--muted);transition:transform .15s}.skill-tool[open] .skill-tool-chevron{transform:rotate(180deg)}.skill-tool[open]>summary{border-color:var(--blue);border-radius:5px 5px 0 0}.skill-tool-examples{padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-top:0;border-radius:0 0 5px 5px}.skill-tool-examples{--project-link-bg:#edf3ff;--project-link-text:#204778;--project-link-border:#bdcdea;--project-link-hover:#dce8ff}html.dark .skill-tool-examples{--project-link-bg:#24344c;--project-link-text:#c1d8ff;--project-link-border:#4c6487;--project-link-hover:#304766}.skill-tool-examples ul{display:grid;gap:6px;list-style:none;padding:2px 0;margin:0}.skill-tool-examples a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 10px;font-size:14px;line-height:1.4;color:var(--project-link-text);background:var(--project-link-bg);border:1px solid var(--project-link-border);border-radius:6px;text-decoration:none}.skill-tool-examples a:hover{background:var(--project-link-hover)}.skill-tool-examples a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.skill-tool-examples small{display:block;color:inherit;font-size:12px;margin-top:2px}.skill-tool-examples p{margin:6px 0;font-size:14px;line-height:1.5;color:var(--muted)}.mobile-fold-toggle,.mobile-fold-preview,.mobile-fold-chevron,.detail-intro-preview,.mobile-only{display:none}.card-profile{display:contents}.story-fold-body{display:grid;gap:32px}.skill-domain>summary,.timeline-fold>summary{list-style:none}.skill-domain>summary::-webkit-details-marker,.timeline-fold>summary::-webkit-details-marker{display:none}.timeline-fold .tl-col-title{cursor:pointer}@media(max-width:700px){.desktop-only{display:none}.mobile-only{display:block}#hero{min-height:0;padding:90px 18px 32px;gap:18px}.h1-name{font-size:36px;line-height:1.15}.h1-name br{display:none}.h1-role{font-size:20px;margin-top:10px}.hero-p{margin:18px 0;font-size:17px;line-height:1.65}.hero-availability{margin-bottom:16px}.hero-ctas{gap:8px;margin-bottom:14px}.hero-ctas a{padding:11px 13px}.hero-tags{gap:6px}.hero-tags .tag{padding:4px 7px}.hero-card .card-body{padding:14px}.card-profile{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;align-items:center}.card-photo{grid-row:1/3;width:72px;height:82px;margin:0}.card-name{align-self:end;margin-bottom:4px;font-size:18px}.card-sub{align-self:start;margin:0;line-height:1.5}.card-profile .card-status{display:none}.card-info{margin-top:10px}.card-info .card-row{padding:9px 0}.mobile-fold-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none;color:var(--blue);font-size:15px;line-height:1.5;font-weight:600}.mobile-fold-toggle::-webkit-details-marker{display:none}.mobile-fold-toggle:focus-visible,.timeline-fold>summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.mobile-fold-chevron{display:inline-block;margin-left:auto;font-size:20px}.mobile-fold-preview{display:block;margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.5;font-weight:400}.skill-domain[open] .mobile-fold-preview{display:none}.sw,#skills .sw{padding:32px 18px}.sec-h2{margin-bottom:20px;font-size:30px}.sec-ey{margin-bottom:8px}.about-g{gap:14px}.about-p{font-size:17px;line-height:1.65}.about-more{margin-top:6px}.timeline-fold{padding:12px 14px;border:1px solid var(--border);border-radius:8px;margin:0}.timeline-fold .tl-col-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;min-height:44px}.timeline-content{padding-top:16px}.tl-spacer{padding-bottom:16px}.sk-g{gap:10px;align-items:start}.sk-card{padding:12px 14px}.sk-top{margin:0;gap:9px;min-height:32px}.sk-nm{font-size:17px}.sk-ico{width:28px;height:28px;font-size:17px}.skill-domain-body{margin-top:12px}.sk-legend{gap:12px;flex-wrap:wrap;margin-bottom:10px}.skill-click-hint{margin:8px 0 14px}.skill-learning-card .sk-tags{margin-top:10px}#proj-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;margin-bottom:12px;padding:3px 2px 8px;scrollbar-width:thin}.proj-filter-btn{flex-shrink:0;min-height:44px;padding:8px 12px}#proj-sort{margin-bottom:14px}.sort-btn{min-height:44px}.group-title{margin:16px 0 12px;font-size:21px}.project-group+.project-group{margin-top:24px}.proj-g{gap:14px}.proj-card.featured .proj-thumb,#proj-g[data-sort=featured] .featured-layout-standard .proj-thumb,#proj-g[data-sort=featured] .featured-layout-portrait .proj-thumb,#proj-g[data-sort=featured] .featured-layout-wide .proj-thumb,#proj-g[data-sort=featured] .featured-fill-row .proj-thumb{height:170px;min-height:0;aspect-ratio:auto}.proj-card.featured .proj-body{padding:16px}.featured .proj-title{font-size:22px;line-height:1.3;margin-bottom:8px}.proj-card .proj-desc{display:none}.project-description{margin-top:2px}.project-description summary{min-height:44px;display:flex;align-items:center;font-size:14px}.project-card-meta{margin:8px 0}.project-key-tech{gap:5px}.project-key-tech li{font-size:12px;padding:3px 6px}.proj-foot{padding-top:10px;min-height:44px}.proj-more,.proj-gh{min-height:44px;display:inline-flex;align-items:center}.proj-card:not(.featured){display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px;align-items:start}.proj-card:not(.featured) .proj-thumb{width:84px;height:84px;aspect-ratio:1;border-radius:6px;border:0}.proj-card:not(.featured) .proj-body{padding:0;min-height:0;min-width:0}.proj-card:not(.featured) .proj-title{font-size:18px;line-height:1.35;margin-bottom:4px}.proj-card:not(.featured) .proj-card-top{margin-bottom:6px}.proj-card:not(.featured) .project-card-meta{margin:0}.proj-card:not(.featured) .proj-foot{padding-top:0}.proj-card:not(.featured).text-card{grid-template-columns:1fr}.preview-toggle{bottom:8px;left:8px}.ct-g{gap:20px}.ct-desc{margin-bottom:16px}.ct-links{gap:8px}.ct-form{padding:18px}.fg{margin-bottom:14px}.lang-sw{top:6px;right:6px;padding:0;gap:0}.lang-sw button{min-height:44px;min-width:34px;padding:0 6px}.lang-sw .dark-toggle{width:36px;height:44px}body>nav{padding-left:12px;padding-right:122px}.nav-logo{font-size:15px;gap:6px}.logo-dot{width:6px;height:6px}.hbg{min-height:44px;min-width:36px}.project-header{margin:14px 0 22px}.project-header.has-media{gap:16px}.project-header .detail-title{font-size:28px;line-height:1.2;margin:12px 0}.project-technologies{margin-bottom:10px}.project-technologies .detail-stack{margin-top:8px}.detail-intro-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 4px}.project-header-copy:has(.project-intro-details[open]) .detail-intro-preview{display:none}.project-header .detail-intro{font-size:17px;line-height:1.65;margin:8px 0 0}.project-header-media{padding:8px}.project-header-media img,.project-header-media video{max-height:220px}.project-story{gap:10px}.story-fold-body{gap:20px;padding:16px 0 4px}.story-fold{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:0 14px;scroll-margin-top:80px}.story-fold>summary{min-height:60px;padding:12px 0;font-size:17px;color:var(--text)}.story-fold[open]>summary{color:var(--blue);border-bottom:1px solid var(--border)}.story-callout{padding:16px}.story-section .block-section-title{font-size:22px}.project-story .block-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.project-story .gal-item>.media-zoom{height:150px}.project-story .gal-item img{object-fit:contain!important;max-height:150px}.project-toc{margin-bottom:18px}.proj-detail .chap-lead{margin:18px 0 10px;padding-top:0}.proj-detail .chap-tabs{display:grid;grid-template-columns:1fr;gap:8px}.project-pagination{gap:18px;margin-top:24px;padding-top:20px}.project-pagination>a{font-size:17px}}