:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#f0f2f5;--surface:#fff;--surface2:#f0f2f5;--text:#1c1e21;--muted:#65676b;--border:#e4e6eb;--primary:#1769e0;--strong:#0c57c7;--soft:#e7f3ff;--shadow:0 1px 2px rgba(0,0,0,.1);--radius:12px}html[data-theme=dark]{color-scheme:dark;--bg:#18191a;--surface:#242526;--surface2:#3a3b3c;--text:#e4e6eb;--muted:#b0b3b8;--border:#3e4042;--soft:#263b56;--shadow:0 1px 2px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.section-anchor{scroll-margin-top:82px}.topbar{position:sticky;top:0;z-index:50;height:58px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.topbar-inner{max-width:1440px;height:100%;margin:auto;padding:0 18px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px}.topbar-left{min-width:0;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:9px;background:none;border:0;width:max-content}.brand-mark{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#287ce8,#0d52ba);color:#fff;display:inline-grid;place-items:center;font-weight:800}.brand-mark.small{width:30px;height:30px;font-size:12px}.brand-name{font-weight:800}.search-pill{min-width:235px;height:40px;border-radius:22px;background:var(--surface2);display:flex;align-items:center;gap:9px;padding:0 14px;color:var(--muted);font-size:14px}.desktop-nav{display:flex;gap:6px}.icon-btn{width:42px;height:42px;border-radius:50%;border:0;background:var(--surface2);display:grid;place-items:center}.desktop-nav .icon-btn{width:70px;border-radius:8px;background:transparent;color:var(--muted);font-size:18px}.icon-btn:hover{background:var(--border)}.desktop-nav .icon-btn:hover{color:var(--primary);background:var(--soft)}.top-actions{justify-self:end;display:flex;gap:8px}.menu-button{display:none}.profile-wrap{max-width:1120px;margin:auto;background:var(--surface);box-shadow:0 1px 0 var(--border)}.cover{position:relative;height:355px;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(255,255,255,.28),transparent 27%),linear-gradient(130deg,#0e3467 0,#1769e0 45%,#49a1ff 100%)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,21,44,.65),transparent 60%)}.cover-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:44px 44px}.cover-copy{position:absolute;z-index:2;right:46px;bottom:40px;color:#fff;max-width:430px;text-align:right}.cover-copy strong{display:block;font-size:clamp(25px,4vw,42px);line-height:1.08;letter-spacing:-1.5px}.eyebrow{font-weight:800;font-size:11px;letter-spacing:1.8px;opacity:.82}.profile-header{min-height:126px;display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 30px 18px}.profile-main{display:flex;align-items:end;gap:18px}.avatar{width:168px;height:168px;margin-top:-55px;border-radius:50%;border:5px solid var(--surface);background:linear-gradient(145deg,#101b2a,#215e9d);display:grid;place-items:center;color:#fff;font-weight:800;font-size:46px;flex:none;position:relative;z-index:4}.avatar:after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:#31a24c;border:4px solid var(--surface);right:8px;bottom:15px}.identity{padding-bottom:4px}.identity h1{margin:0 0 5px;font-size:34px;letter-spacing:-1px}.identity p{margin:0 0 9px;color:var(--muted);font-weight:600}.identity>span{color:var(--muted);font-size:14px}.profile-actions{display:flex;gap:8px;padding-bottom:5px}.primary-btn,.secondary-btn,.full-btn{border:0;border-radius:8px;min-height:38px;padding:0 14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-btn{background:var(--primary);color:#fff}.primary-btn:hover{background:var(--strong)}.secondary-btn,.full-btn{background:var(--surface2)}.secondary-btn:hover,.full-btn:hover{background:var(--border)}.profile-tabs{margin:0 30px;border-top:1px solid var(--border);display:flex;overflow-x:auto}.profile-tabs button{height:54px;border:0;background:transparent;color:var(--muted);font-weight:700;padding:0 16px;border-bottom:3px solid transparent;white-space:nowrap}.profile-tabs button:hover{background:var(--surface2);color:var(--primary);border-bottom-color:var(--primary)}.content-grid{max-width:1120px;margin:18px auto 60px;padding:0 12px;display:grid;grid-template-columns:385px 1fr;gap:16px;align-items:start}.left-column,.feed-column{display:grid;gap:16px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:18px}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:14px}.card-heading h2{margin:0;font-size:21px}.card-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.intro-bio{line-height:1.55;text-align:center}.detail-list{display:grid;gap:12px;margin:16px 0}.detail-list div,.contact-points span{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:14px}.full-btn{width:100%}.social-row{display:flex;gap:8px;margin-top:12px}.social-row a{width:38px;height:38px;background:var(--surface2);display:grid;place-items:center;border-radius:8px;color:var(--muted);font-weight:800}.social-row a:hover{color:var(--primary)}.skill-groups{display:grid;gap:16px}.skill-group h3,.subsection-title{margin:0 0 8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{background:var(--soft);color:var(--primary);padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}.chips.compact span{padding:5px 8px;font-size:11px}.education-item{display:grid;grid-template-columns:42px 1fr;gap:12px;margin-bottom:18px}.edu-icon{width:42px;height:42px;border-radius:9px;background:var(--surface2);display:grid;place-items:center}.education-item strong{font-size:14px}.education-item p{margin:3px 0;color:var(--muted);font-size:13px}.education-item span,.education-item small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.cert-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.cert-list li{display:flex;gap:8px;color:var(--muted);font-size:13px}.check{color:#31a24c;font-weight:800}.composer{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:10px}.mini-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#101b2a,#215e9d);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.composer button{border:0;height:40px;border-radius:22px;background:var(--surface2);color:var(--muted);text-align:left;padding:0 16px}.composer>span{color:var(--primary)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);transition:.2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.09)}.project-visual{height:150px;position:relative;overflow:hidden;padding:18px}.project-visual.coffee{background:linear-gradient(135deg,#4d3020,#b67542)}.project-visual.blue{background:linear-gradient(135deg,#123f86,#48a0ef)}.project-visual.gold{background:linear-gradient(135deg,#6f5716,#dab94a)}.project-icon{position:absolute;right:18px;top:13px;font-size:29px;z-index:2}.fake-window{position:absolute;left:18px;bottom:-18px;right:42px;height:118px;border-radius:10px 10px 0 0;background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(0,0,0,.23);padding:12px}.fake-window>i{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.22);display:inline-block;margin-right:4px}.fake-sidebar{position:absolute;left:11px;top:30px;bottom:10px;width:34px;background:rgba(20,80,140,.12);border-radius:5px}.fake-content{position:absolute;left:55px;top:32px;right:12px;display:grid;gap:9px}.fake-content b{height:13px;border-radius:4px;background:rgba(20,80,140,.14)}.fake-content b:nth-child(2){width:70%}.fake-content b:nth-child(3){height:34px}.project-body{padding:14px}.project-type{font-size:10px;font-weight:800;color:var(--primary);letter-spacing:.6px;text-transform:uppercase}.project-body h3{font-size:17px;margin:6px 0 7px}.project-body p{color:var(--muted);font-size:12.5px;line-height:1.5;margin:0 0 12px}.project-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.project-footer span{display:flex;gap:5px;align-items:center;font-size:11px;color:var(--muted)}.project-footer button{width:31px;height:31px;border:0;border-radius:50%;background:var(--surface2);color:var(--muted)}.feed-post{padding:0;overflow:hidden;margin-bottom:16px}.post-header{padding:15px 16px 9px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.post-avatar{width:42px;height:42px;border-radius:50%;background:var(--soft);color:var(--primary);display:grid;place-items:center}.post-header strong{display:block;font-size:14px}.post-header span{color:var(--muted);font-size:12px;display:block;margin-top:2px}.post-header button{border:0;background:transparent;font-weight:800;color:var(--muted);font-size:20px}.post-copy{padding:0 16px;line-height:1.55;font-size:14px}.experience-panel{margin-top:14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.experience-banner{height:120px;background:linear-gradient(135deg,#112c4f,#1769e0);color:#fff;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:1.2px}.experience-banner strong{font-size:32px}.experience-panel ul{list-style:none;padding:15px 18px;margin:0;display:grid;gap:10px}.experience-panel li{display:flex;gap:8px;color:var(--muted);font-size:12.5px;line-height:1.45}.engagement{padding:11px 16px 13px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.timeline-item{display:grid;grid-template-columns:38px 1fr;gap:13px}.timeline-line{position:relative;display:flex;justify-content:center}.timeline-line:after{content:"";width:2px;background:var(--border);position:absolute;top:29px;bottom:-4px}.timeline-item:last-child .timeline-line:after{display:none}.timeline-line span{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-size:11px;font-weight:800}.timeline-content{padding-bottom:22px}.timeline-meta{display:flex;justify-content:space-between;gap:8px}.timeline-meta span{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--primary)}.timeline-meta small{color:var(--muted);font-size:11px}.timeline-content h3{margin:5px 0;font-size:16px}.timeline-content p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:115px 115px;gap:6px;border-radius:10px;overflow:hidden}.gallery-item{position:relative;background:linear-gradient(145deg,#1a3e6b,#348bec);display:flex;align-items:end;padding:12px;color:#fff;font-size:12px;font-weight:800}.gallery-item:before{content:"";position:absolute;inset:12px 12px 28px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 8px,transparent 8px 17px)}.gallery-item span{z-index:1}.g1{grid-row:1/span 2;background:linear-gradient(145deg,#40281c,#ad6b3c)}.g3{background:linear-gradient(145deg,#5b4a16,#cfae37)}.g4{background:linear-gradient(145deg,#123856,#2a87a8)}.g5{background:linear-gradient(145deg,#40315f,#865fd4)}.g6{background:linear-gradient(145deg,#174e35,#3aa06d)}.contact-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;padding:24px}.contact-copy h2{font-size:28px;margin:8px 0 10px}.contact-copy>p{color:var(--muted);line-height:1.55;font-size:13px}.contact-copy code{background:var(--surface2);padding:2px 5px;border-radius:4px}.contact-points{display:grid;gap:9px;margin-top:18px}.contact-card form{display:grid;gap:10px}.contact-card label{display:grid;gap:5px;font-size:12px;font-weight:700}.contact-card input,.contact-card textarea{width:100%;border:1px solid var(--border);background:var(--surface2);border-radius:8px;padding:10px 11px;outline:0;resize:vertical}.contact-card input:focus,.contact-card textarea:focus{border-color:var(--primary)}.contact-card form .primary-btn{justify-self:start}.success{color:#31a24c}footer{border-top:1px solid var(--border);background:var(--surface);padding:22px max(20px,calc((100vw - 1096px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer div{display:flex;align-items:center;gap:8px;color:var(--text)}footer button{background:transparent;border:0;color:var(--primary);font-weight:700}.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;display:flex;justify-content:flex-end}.mobile-drawer-backdrop[hidden]{display:none}.mobile-drawer{width:min(320px,88vw);height:100%;background:var(--surface);padding:16px}.drawer-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mobile-drawer>button{width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:13px;font-weight:700;color:var(--muted)}.mobile-drawer>button:hover{background:var(--surface2);color:var(--primary)}@media(max-width:1120px){.search-pill{display:none}.brand-name{display:none}}@media(max-width:980px){.topbar-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.search-pill{display:none}.content-grid{grid-template-columns:330px 1fr}.project-grid{grid-template-columns:1fr}.cover{height:310px}}@media(max-width:760px){.desktop-nav{display:none}.menu-button{display:grid}.topbar-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px}.topbar-left{min-width:0}.brand-name{display:none}.cover{height:240px}.cover-copy{left:22px;right:22px;bottom:28px;text-align:left}.profile-header{padding:0 18px 16px;display:block}.profile-main{display:block}.avatar{width:130px;height:130px;font-size:36px;margin-top:-48px}.identity{padding-top:8px}.identity h1{font-size:27px}.profile-actions{padding-top:14px}.profile-tabs{margin:0 10px}.content-grid{display:block;padding:0 9px}.left-column,.feed-column{display:contents}.left-column .card,.feed-column>.card,.feed-column>div{margin-bottom:12px}.composer{margin-top:12px}.project-grid{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,110px)}.g1{grid-row:auto}footer{display:grid;justify-items:center;text-align:center}}@media(max-width:470px){.cover{height:210px}.profile-actions{display:grid;grid-template-columns:1fr 1fr}.primary-btn,.secondary-btn{padding:0 10px;font-size:12px}.card{padding:15px}.project-visual{height:135px}.contact-copy h2{font-size:23px}}@media print{.topbar,.profile-actions,.profile-tabs,.composer,.social-row,.project-footer button,.full-btn,.contact-card form,footer{display:none!important}body{background:#fff;color:#111}.profile-wrap,.card{box-shadow:none;border:1px solid #ddd}.content-grid{display:block;max-width:none;margin-top:12px}.left-column,.feed-column{display:block}.card,.feed-post{break-inside:avoid;margin-bottom:12px}.cover{height:180px}.avatar{width:110px;height:110px;font-size:30px}}

.resume-download.disabled{opacity:.55;cursor:not-allowed;pointer-events:auto}.resume-download:not(.disabled){background:var(--surface2)}
.project-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.project-visit,.project-source{min-height:32px;border-radius:7px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.project-visit{background:var(--primary);color:#fff}.project-visit:hover{background:var(--strong)}.project-source{background:var(--surface2);color:var(--muted)}.project-source:hover{color:var(--primary);background:var(--soft)}
/* CMS additions */
.admin-login{display:grid}.drawer-admin{display:block;margin-top:12px;padding:13px;border-radius:8px;background:var(--surface2);font-weight:700;color:var(--muted)}
.footer-actions{display:flex!important;gap:14px!important;align-items:center}.footer-actions a{color:var(--primary);font-weight:700}
.avatar.has-photo{background-size:cover;background-position:center}.avatar.has-photo span{display:none}.avatar.has-photo:after{display:block}
.cover.has-photo{background-size:cover;background-position:center}.cover.has-photo .cover-grid{background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.08))}
.project-visual.has-image{background-size:cover;background-position:center}.project-visual.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent 60%)}.project-visual.has-image .fake-window{display:none}.project-visual.has-image .project-icon{filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.project-link{width:31px;height:31px;border:0;border-radius:50%;background:var(--surface2);color:var(--muted);display:grid;place-items:center;font-weight:700}.project-link:hover{color:var(--primary)}
.gallery-item.has-image{background-size:cover;background-position:center}.gallery-item.has-image:before{background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);border:0;inset:0}.gallery-empty{min-height:150px;grid-column:1/-1;display:grid;place-items:center;color:var(--muted);background:var(--surface2);border-radius:10px}
.form-error{color:#d93025}.form-loading{opacity:.7;pointer-events:none}
@media(max-width:760px){.admin-login{display:none}.footer-actions{justify-content:center}}

/* v2.3 functional public search */
.search-wrap{position:relative;width:clamp(235px,25vw,340px);height:40px;border-radius:22px;background:var(--surface2);display:flex;align-items:center;gap:8px;padding:0 10px 0 13px;color:var(--muted);z-index:30}.search-icon{font-size:17px;line-height:1;flex:0 0 auto}.search-wrap input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:14px;padding:0}.search-wrap input::placeholder{color:var(--muted)}.search-wrap:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 22%,transparent)}.search-clear{width:27px;height:27px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20px;line-height:1;display:grid;place-items:center}.search-clear:hover{background:var(--surface);color:var(--text)}.search-results{position:absolute;top:48px;left:0;width:min(430px,calc(100vw - 28px));max-height:430px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.18);padding:7px}.search-result{width:100%;border:0;background:transparent;color:var(--text);border-radius:9px;padding:10px 11px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:2px;align-items:center}.search-result:hover,.search-result.active{background:var(--surface2)}.search-result-kind{grid-row:1/3;align-self:start;margin-top:1px;background:var(--soft);color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.35px;text-transform:uppercase;border-radius:999px;padding:4px 7px}.search-result strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-no-results{padding:18px 14px;display:grid;gap:4px;color:var(--text)}.search-no-results span{font-size:12px;color:var(--muted);line-height:1.4}.search-flash{animation:searchFlash 1.8s ease}@keyframes searchFlash{0%,100%{box-shadow:var(--shadow)}20%,65%{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 30%,transparent),var(--shadow)}}@media(max-width:760px){.search-wrap{display:none}}