:root{--bg:#080e1e;--surface-1:#0b1224;--surface-2:#0d1428;--border-structural:#16203a;--border-card:#1b2542;--border-card-alt:#17213b;--border-hover:#23325a;--text-heading:#e9eefb;--text-card-title:#dbe4f7;--text-body:#8e9dbd;--text-muted:#5f6e90;--text-clock:#c3cfe8;--accent:#7ea2ff;--accent-light:#a8c4ff;--accent-light-alt:#a9c2ff;--selection-bg:#23407e;--font-serif:"Lora", serif;--font-sans:"Karla", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--sidebar-width:152px;--section-gap:128px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-heading);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-light-alt)}button{font-family:inherit}h1,h2,h3,p{margin:0}::selection{background:var(--selection-bg);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#1e2947;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#2b3a63}#root{min-height:100vh}[data-reveal]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}[data-reveal].is-visible{opacity:1;transform:none}.sidebar{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);border-right:1px solid var(--border-structural);flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:24px 0 32px;display:flex;position:sticky;top:0}.sidebar__logo{justify-content:center;align-items:center;display:flex}.sidebar__nav{flex-direction:column;align-items:center;gap:10px;display:flex}.sidebar__nav-link{text-align:center;width:112px;font-family:var(--font-sans);letter-spacing:.01em;color:var(--text-muted);opacity:.55;filter:blur(.3px);border:1px solid #0000;border-radius:9px;padding:9px 0;font-size:14px;font-weight:600;transition:color .35s,background .35s,border-color .35s,opacity .35s,filter .35s}.sidebar__nav-link:hover{color:var(--text-heading)}.sidebar__nav-link--active{color:var(--text-heading);opacity:1;filter:none;background:#101c38;border:1px solid #1e2d54}.sidebar__top-btn{border:1px solid var(--border-structural);width:38px;height:38px;color:var(--text-muted);border-radius:11px;justify-content:center;align-items:center;font-size:16px;display:flex}.sidebar__top-btn:hover{color:var(--text-heading);background:var(--surface-2)}@media (width<=900px){.sidebar{display:none}}.rail{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);border-left:1px solid var(--border-structural);flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:24px 0 32px;display:flex;position:sticky;top:0}.rail__clock{background:var(--surface-1);border:1px solid var(--border-structural);text-align:center;color:var(--text-clock);font-variant-numeric:tabular-nums;border-radius:12px;padding:11px 14px;font-size:15px;font-weight:600}.rail__socials{flex-direction:column;align-items:center;gap:14px;display:flex}.rail__icon-btn{background:var(--surface-2);border:1px solid var(--border-card);width:44px;height:44px;color:var(--text-body);border-radius:11px;justify-content:center;align-items:center;display:flex}.rail__icon-btn:hover{color:var(--text-heading);border-color:var(--border-hover)}.rail__spacer{width:38px;height:38px}@media (width<=900px){.rail{display:none}}.image-slot{object-fit:cover;width:100%;height:100%;display:block}.image-slot--empty{text-align:center;border:1px dashed var(--border-hover);color:var(--text-muted);background:#7f7f7f14;justify-content:center;align-items:center;padding:12px;font-size:13px;display:flex}.hero-viewport{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 122px);display:flex}.hero{flex-direction:column;gap:32px;display:flex}.hero__heading{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.hero__title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text-heading);font-size:clamp(40px,5.4vw,56px);font-weight:600;line-height:1.1}.hero__name{color:#fff;font-style:normal}.hero__subtitle{font-family:var(--font-sans);color:var(--accent);font-size:18px;font-weight:500}.hero__divider{background:var(--border-card);width:100%;height:1px}.hero__body{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:36px;display:flex}.hero__portrait{background:var(--surface-1);border:1px solid var(--border-card);border-radius:16px;flex:0 0 320px;width:320px;min-width:0;height:380px;padding:6px}.hero__copy{flex-direction:column;flex:300px;gap:26px;min-width:280px;display:flex}.hero__copy p{color:var(--text-body);text-wrap:pretty;font-size:19px;line-height:1.75}.hero__email-link{color:var(--accent-light);text-decoration:underline;text-decoration-thickness:1.2px}.experience-list{flex-direction:column;gap:12px;display:flex}.experience-card{background:var(--surface-2);border:1px solid var(--border-card);border-radius:14px;flex-direction:column;gap:18px;padding:22px;display:flex}.experience-card__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.experience-card__identity{align-items:center;gap:12px;display:flex}.experience-card__avatar{border:1px solid var(--border-hover);width:46px;height:46px;font-family:var(--font-sans);color:var(--accent);background:#111a30;border-radius:11px;flex:0 0 46px;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.experience-card__title-group{flex-direction:column;gap:2px;display:flex}.experience-card__title{font-family:var(--font-serif);color:var(--text-card-title);font-size:20px;font-weight:600}.experience-card__link{color:var(--text-body);font-size:14px}.experience-card__link:hover{color:var(--accent)}.experience-card__link--static:hover{color:var(--text-body)}.experience-card__tag{background:var(--surface-1);border:1px solid var(--border-card);color:var(--text-body);border-radius:999px;padding:4px 10px;font-size:13px}.experience-card__meta{font-family:var(--font-sans);color:var(--text-muted);font-size:13px}.experience-card__panel{background:var(--bg);border:1px solid var(--border-structural);border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.experience-card__role{color:var(--text-card-title);font-size:15px;font-weight:700}.experience-card__desc{color:var(--text-body);font-size:15px;line-height:1.6}.experience-card__desc code{font-family:var(--font-mono);color:var(--accent-light-alt);font-size:13px}.experience-card--placeholder{background:var(--surface-1);border:1px dashed #24325a;gap:8px}.experience-card__placeholder-title{font-family:var(--font-sans);color:var(--accent);font-size:13px;font-weight:600}.experience-card__placeholder-desc{color:#7c8aa8;font-size:15px;line-height:1.6}.experience-coming-soon{border:1px dashed var(--border-hover);background:var(--surface-1);min-height:220px;font-family:var(--font-serif);color:var(--text-body);border-radius:14px;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:flex}.stack-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.stack-tile{background:var(--surface-1);border:1px solid var(--border-card-alt);border-radius:12px;align-items:center;gap:14px;padding:14px;display:flex}.stack-tile:hover{background:var(--surface-2);border-color:var(--border-hover)}.stack-tile__icon{width:42px;height:42px;font-family:var(--font-sans);color:var(--accent-light-alt);background:#111a30;border:1px solid #1e2947;border-radius:10px;flex:0 0 42px;justify-content:center;align-items:center;font-size:14px;display:flex}.stack-tile__text{flex-direction:column;display:flex}.stack-tile__name{color:var(--text-card-title);font-size:17px;font-weight:600}.stack-tile__desc{color:var(--text-body);font-size:14px}.projects-list{flex-direction:column;gap:12px;display:flex}.project-card{background:var(--surface-2);border:1px solid var(--border-card);border-radius:14px;flex-wrap:wrap;align-items:stretch;gap:20px;padding:10px;display:flex}.project-card:hover{border-color:var(--border-hover)}.project-card__shot{background:var(--bg);border:1px solid var(--border-structural);border-radius:11px;flex:250px;min-width:230px;height:186px;padding:5px}.project-card__body{flex-direction:column;flex:280px;gap:14px;min-width:260px;padding:12px 14px 12px 6px;display:flex}.project-card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.project-card__title{font-family:var(--font-serif);color:var(--text-heading);font-size:22px;font-weight:600}.project-card__link{border:1px solid var(--border-hover);color:#a9b8d8;background:#111a30;border-radius:9px;align-items:center;gap:7px;padding:7px 11px;font-size:14px;display:flex}.project-card__link:hover{color:var(--text-heading)}.project-card__static-tag{background:var(--surface-1);border:1px solid var(--border-card);color:var(--text-body);border-radius:9px;align-items:center;gap:7px;padding:7px 11px;font-size:14px;display:flex}.project-card__meta{border-top:1px solid var(--border-card-alt);border-bottom:1px solid var(--border-card-alt);flex-wrap:wrap;align-items:center;gap:11px;padding:11px 0;display:flex}.project-card__meta-item{color:var(--text-body);font-size:14px}.project-card__dot{background:#3c4a6d;border-radius:50%;width:4px;height:4px}.project-card__desc{color:var(--text-body);font-size:15px;line-height:1.6}.project-card__source{font-family:var(--font-sans);letter-spacing:.01em;color:var(--text-muted);font-size:14px;font-weight:600}.project-card__source:hover{color:var(--accent)}.work-viewport{flex-direction:column;justify-content:center;min-height:calc(100vh - 122px);display:flex}.work{flex-direction:column;gap:28px;display:flex}.work__header{border-bottom:1px dashed #1e2947;flex-direction:column;gap:10px;padding-bottom:26px;display:flex}.work__eyebrow{align-items:center;gap:12px;display:flex}.work__badge{font-family:var(--font-sans);color:var(--accent);background:#101c38;border:1px solid #1e2d54;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:500}.work__title{font-family:var(--font-serif);letter-spacing:-.005em;color:var(--text-heading);font-size:27px;font-weight:600}.work__description{color:var(--text-body);font-size:17px}.work__tabs{border-bottom:1px solid var(--border-structural);gap:8px;padding-bottom:2px;display:flex}.work__tab{font-family:var(--font-sans);cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:9px 9px 0 0;padding:11px 18px;font-size:15px;font-weight:600;transition:color .25s,border-color .25s}.work__tab--active{color:var(--text-heading);border-bottom-color:var(--accent)}.work__coming-soon{border:1px dashed var(--border-hover);background:var(--surface-1);min-height:220px;font-family:var(--font-serif);color:var(--text-body);border-radius:14px;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:flex}.footer{border-top:1px solid var(--border-structural);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:30px;display:flex}.footer__copyright{color:var(--text-muted);font-size:15px}.footer__links{align-items:center;gap:18px;display:flex}.footer__links a{font-family:var(--font-sans);color:var(--text-muted);font-size:14px;font-weight:600}.footer__links a:hover{color:var(--text-heading)}.page{background:var(--bg);align-items:flex-start;min-height:100vh;display:flex}.page__main{flex:auto;justify-content:center;min-width:0;display:flex}.page__content{gap:var(--section-gap);flex-direction:column;width:min(920px,100%);min-height:100vh;padding:10px 6px 80px;display:flex}.page__route{flex:auto}