:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--admin-bg:#f7f7f7;--ink:#111;--muted:#686868;--line:#deded8;--panel:#fff;--soft:#f0f1ec;--accent:#0f8b6f;--accent-strong:#0a5f4d;--accent-soft:#e3f2ed;--warn:#a86618;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.74rem;font-weight:800}.muted{color:var(--muted)}.portfolio-shell{width:min(var(--max), calc(100% - 32px));grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(20px,4vw,54px);min-height:100vh;margin:0 auto;padding:clamp(20px,4vw,42px) 0;display:grid}.profile-column{align-self:start;gap:14px;display:grid;position:sticky;top:24px}.profile-card,.content-column,.workspace,.metrics article{border:1px solid var(--line);background:var(--panel);border-radius:8px}.profile-card{padding:clamp(20px,4vw,28px)}.avatar-wrap,.avatar-preview{color:var(--panel);background:linear-gradient(135deg,#111,#0f8b6f);border-radius:50%;place-items:center;font-weight:900;display:grid;overflow:hidden}.avatar-wrap{background:#f3f5f2;border-radius:28px;width:150px;height:150px;margin:0 auto 14px;font-size:2.4rem;box-shadow:0 18px 42px #1111111f}.avatar-wrap img,.avatar-preview img{object-fit:cover;width:100%;height:100%}.profile-name-row{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.profile-name-row h2{color:#151515;letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:auto;min-width:0;max-width:calc(100% - 29px);margin:0;font-size:clamp(1.45rem,2.25vw,2.1rem);font-weight:900;line-height:1;overflow:hidden}.verified-icon{flex:none;width:21px;height:21px}.verified-icon path:first-child{fill:#1d9bf0}.verified-icon path:last-child{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.profile-role{color:#4f5f5a;text-align:center;margin:4px 0 0;font-size:.94rem;font-weight:800}.profile-info-list{gap:5px;margin-top:8px;display:grid}.profile-info-list a,.profile-company{min-height:30px;color:var(--ink);text-align:center;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0;font-size:.92rem;font-weight:700;display:flex}.profile-info-list a:hover,.profile-company:hover{color:var(--accent-strong)}.profile-info-list svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:18px;height:18px}.profile-info-list img{object-fit:contain;flex:none;width:18px;height:18px}.profile-info-list span{overflow-wrap:anywhere}.profile-company{min-height:34px;margin-top:8px}.profile-company strong{display:block}.company-logo{background:var(--soft);width:30px;height:30px;color:var(--accent-strong);border-radius:50%;flex:none;place-items:center;font-size:.82rem;font-weight:900;display:grid;overflow:hidden}.company-logo img{object-fit:cover;width:100%;height:100%}.profile-nav{gap:8px;display:grid}.profile-nav button{min-height:46px;color:var(--muted);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-weight:800;display:flex}.profile-nav button:before{content:"";background:0 0;border-radius:50%;flex:none;width:7px;height:7px}.profile-nav button:hover{color:var(--ink)}.profile-nav button.active{color:var(--accent-strong)}.profile-nav button.active:before{background:var(--accent)}.content-column{max-height:calc(100vh - 84px);padding:16px 20px;overflow-y:auto}.content-section{align-content:start;min-height:100%;display:grid}.content-section h1{letter-spacing:0;max-width:760px;margin:0 0 18px;font-size:clamp(2.5rem,8vw,6rem);line-height:.94}.content-section h2{letter-spacing:0;margin:0;font-size:clamp(1.1rem,2vw,1.45rem)}.section-copy{max-width:740px;color:var(--muted);margin:0 0 34px;font-size:clamp(1rem,2vw,1.2rem)}.personal-info-section{background:#fff;grid-template-rows:minmax(300px,2.35fr) minmax(170px,1fr);align-content:stretch;gap:clamp(10px,2vw,20px);min-height:100%}.personal-hero{grid-template-columns:minmax(0,.95fr) minmax(280px,48%);align-items:start;gap:clamp(20px,4vw,48px);min-height:0;display:grid}.personal-copy{align-self:start}.personal-info-section .personal-copy h1{text-align:left;max-width:460px;margin:0 0 14px;font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.05}.personal-copy p{max-width:360px;color:var(--muted);margin:0;font-size:clamp(.82rem,1vw,.92rem);font-weight:700}.personal-hero-image{place-self:start end;place-items:center;width:100%;height:70%;min-height:320px;display:grid}.personal-hero-image.is-empty{display:none}.personal-hero-image img{object-fit:contain;width:100%;height:100%}.personal-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(14px,2vw,24px);padding-top:clamp(10px,2vw,22px);display:grid}.personal-info-card{align-content:start;gap:8px;min-width:0;display:grid}.personal-info-icon{width:44px;height:44px;color:var(--accent-strong);place-items:center;margin-bottom:8px;font-weight:900;display:grid}.personal-info-icon img{object-fit:contain;width:100%;height:100%}.personal-info-card h2{margin:0;font-size:1rem;line-height:1.15}.personal-info-card p{color:var(--muted);margin:0;font-size:.95rem}.skills-section h1{margin-bottom:14px;font-size:clamp(1.45rem,3vw,2.3rem)}.skills-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.skill-card{color:#fff;background:#111;border-radius:8px;min-height:38px;padding:7px 8px;font-size:.72rem;font-weight:900}.skill-category{margin-bottom:24px}.skill-category:last-child{margin-bottom:0}.skill-category-heading{color:#999;margin-bottom:10px;font-size:1rem;font-weight:700}.experience-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.experience-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;background:#add8e640;border-radius:12px;gap:6px;padding:24px 20px;display:grid}.experience-logo{background:#add8e666;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 4px;font-size:.85rem;font-weight:800;display:grid;overflow:hidden}.experience-logo img{object-fit:cover;width:100%;height:100%}.experience-card h2{margin:0;font-size:1rem;font-weight:800}.experience-org{color:var(--muted);margin:0;font-size:.85rem}.experience-year{color:var(--accent);margin:0;font-size:.78rem;font-weight:700}.experience-desc{color:var(--muted);margin:4px 0 0;font-size:.8rem;line-height:1.4}.fact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.fact-item{border:1px solid var(--line);background:var(--soft);border-radius:8px;min-height:124px;padding:16px}.fact-item span,.timeline-item span{color:var(--accent-strong);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:800;display:block}.fact-item strong{font-size:1.15rem}.timeline-list{gap:12px;display:grid}.timeline-item{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px}.timeline-item p{margin:10px 0 0}.education-major{color:var(--accent-strong);font-weight:800;margin-top:8px!important}.project-list{align-content:start;gap:10px;display:grid}.project-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#add8e640;border-radius:10px;gap:14px;min-height:calc(33.3333vh - 45.3333px);padding:6px 10px;display:flex;overflow:hidden}.project-image{aspect-ratio:16/9;border-radius:8px;flex:none;align-self:center;width:260px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;display:block}.project-content{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;padding:20px 20px 20px 0;display:flex}.project-content h2{margin:0;font-size:1.2rem;font-weight:800}.project-content p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.5}.project-link{color:var(--accent);width:fit-content;font-size:.82rem;font-weight:700;text-decoration:underline}.project-link:hover{color:var(--accent-strong)}.view-site,.admin-actions button,.workspace-heading button,.repeat-heading button,.repeat-row button,.repeat-card button{border:1px solid var(--ink);background:var(--ink);min-height:40px;color:var(--panel);border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-weight:800;display:inline-flex}.view-site:hover,.admin-actions button:hover,.workspace-heading button:hover,.repeat-heading button:hover,.repeat-row button:hover,.repeat-card button:hover{border-color:var(--accent);background:var(--accent)}.contact-section{flex-direction:column;display:flex!important}.contact-form{flex:1;grid-template-rows:auto auto auto 1fr auto;gap:10px;width:100%;display:grid}.contact-form h2{margin:0;font-size:1.1rem;font-weight:800}.contact-form input{border:1px solid var(--line);background:var(--panel);box-sizing:border-box;border-radius:8px;width:100%;min-height:36px;padding:8px 12px;font-size:.9rem}.contact-form textarea{border:1px solid var(--line);background:var(--panel);box-sizing:border-box;resize:none;border-radius:8px;width:100%;padding:8px 12px;font-size:.9rem}.contact-form button{background:var(--ink);min-height:36px;color:var(--panel);border:none;border-radius:8px;justify-self:end;padding:0 20px;font-size:.9rem;font-weight:800}.contact-cards{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.contact-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;color:inherit;background:#add8e640;border-radius:12px;flex:0 260px;gap:6px;min-width:0;padding:20px;text-decoration:none;display:grid}.contact-card img,.contact-card-fallback{object-fit:cover;border-radius:50%;width:44px;height:44px;margin:0 auto}.contact-card-fallback{background:#add8e666;place-items:center;font-size:.8rem;font-weight:800;display:grid}.contact-card strong{font-size:.9rem;font-weight:800}.contact-card span{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem}.login-shell,.admin-shell{background:var(--admin-bg);min-height:100vh}.login-shell{place-items:center;width:min(100% - 32px,440px);margin:0 auto;padding:32px 0;display:grid}.login-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:16px;width:100%;padding:clamp(22px,5vw,32px);display:grid}.login-card h1{margin:0;font-size:clamp(2rem,8vw,3.5rem);line-height:.95}.login-card p{color:var(--muted);margin:0}.login-card button,.secondary-login-link{border:1px solid var(--ink);background:var(--ink);min-height:42px;color:var(--panel);border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-weight:800;display:inline-flex}.secondary-login-link{background:var(--panel);color:var(--ink)}.login-card button:hover{border-color:var(--accent);background:var(--accent)}.secondary-login-link:hover{border-color:var(--accent);color:var(--accent-strong)}.login-error{background:#fff4f2;border:1px solid #e7b2a8;border-radius:8px;padding:10px 12px;font-weight:800;color:#9b2e1f!important}.admin-shell{grid-template-columns:248px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);height:100vh;padding:24px;position:sticky;top:0}.admin-brand{margin-bottom:40px;font-weight:900;display:inline-flex}.sidebar nav{gap:6px;display:grid}.sidebar nav a{color:var(--muted);border-radius:8px;padding:10px 12px;font-weight:800}.sidebar nav a:hover,.sidebar nav a.active{background:var(--accent-soft);color:var(--accent)}.sidebar-save{background:var(--ink);width:100%;min-height:42px;color:var(--panel);border:none;border-radius:8px;margin-top:16px;font-size:.9rem;font-weight:800}.dashboard{width:min(var(--max), calc(100% - 40px));margin:0 auto;padding:34px 0 64px}.dashboard-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:28px;display:flex}.dashboard h1{letter-spacing:0;max-width:620px;margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.98}.dashboard h2{letter-spacing:0;margin:0;font-size:1.35rem;line-height:1.1}.dashboard h3{margin:0;font-size:1rem}.admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.secondary-button{border-color:var(--line)!important;background:var(--panel)!important;color:var(--ink)!important}.secondary-button:hover{border-color:var(--accent)!important;color:var(--accent-strong)!important}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.metrics article{min-height:116px;padding:18px}.metrics span{color:var(--muted);margin-bottom:18px;font-size:.9rem;display:block}.metrics strong{overflow-wrap:anywhere;font-size:clamp(1.5rem,3vw,2rem);line-height:1;display:block}.workspace{margin-top:16px}.workspace-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.editor-form{gap:16px;padding:18px;display:grid}.form-grid,.repeat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.repeat-row{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.repeat-card{border:1px solid var(--line);background:#fbfbfb;border-radius:8px;gap:14px;padding:16px;display:grid}.repeat-heading{justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}label{color:var(--muted);gap:7px;font-size:.9rem;font-weight:800;display:grid}input,textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:8px}input{min-height:42px;padding:0 12px}input[type=file]{min-height:auto;padding:10px}textarea{resize:vertical;padding:12px}.image-editor{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.avatar-preview{width:92px;height:92px;font-size:1.5rem}.company-preview{width:72px;height:72px;font-size:1rem}.icon-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.icon-upload-card{border:1px solid var(--line);background:#fbfbfb;border-radius:8px;gap:12px;padding:14px;display:grid}.icon-preview{border:1px solid var(--line);width:48px;height:48px;color:var(--muted);background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;place-items:center;font-size:.72rem;font-weight:900;display:grid;overflow:hidden}.icon-preview img{object-fit:contain;width:28px;height:28px}.personal-image-preview{border:1px solid var(--line);width:128px;height:128px;color:var(--muted);background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;place-items:center;font-weight:900;display:grid;overflow:hidden}.personal-image-preview img{object-fit:contain;width:100%;height:100%}@media (max-width:980px){.portfolio-shell{grid-template-columns:1fr}.profile-column{position:static}.profile-card{grid-template-columns:1fr;gap:22px;display:grid}.avatar-wrap{margin:0 auto}.profile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-nav button{justify-content:center}.content-column{max-height:none;padding:16px;overflow-y:visible}.fact-grid{grid-template-columns:1fr}.personal-info-section{grid-template-rows:auto auto}.personal-hero{grid-template-columns:1fr}.personal-hero-image{justify-self:start;width:min(100%,360px);height:auto;min-height:240px}.personal-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.admin-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar nav a{text-align:center}.dashboard-header,.workspace-heading{flex-direction:column;align-items:stretch}.admin-actions{justify-content:flex-start}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.repeat-row{grid-template-columns:1fr}}@media (max-width:640px){.portfolio-shell,.dashboard{width:min(100% - 24px, var(--max))}.profile-card,.profile-nav{grid-template-columns:1fr}.content-column{padding:22px}.project-card{flex-direction:column;min-height:auto}.project-image{aspect-ratio:16/9;width:100%}.project-content{padding:0 16px 16px}.contact-cards{flex-direction:column;align-items:center}.image-editor,.icon-upload-grid,.personal-info-grid,.sidebar nav,.metrics{grid-template-columns:1fr}}