:root{--bg:#161513;--surface:#211f1b;--surface-hover:#2d2922;--panel-border:#36322c;--panel-border-hover:#655638;--control-border:#827a6c;--glass-bg:#161513a3;--glass-hover:#312d25d1;--glass-border:#ffffff47;--text:#f4f4f4;--muted:#bcb8af;--accent:#f9c441;--status-bg:#f9c44124;--status-text:var(--accent);--status-border:#f9c44166;--font:"Segoe UI", Roboto, sans-serif;--gutter:clamp(20px, 4vw, 64px);--ease-out:cubic-bezier(.23, 1, .32, 1);color-scheme:dark;font:18px/1.6 var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;padding-top:88px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-underline-offset:6px}button{font:inherit}img{max-width:100%;display:block}.shell{width:min(100% - var(--gutter) * 2, 1280px);margin-inline:auto}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10001;background:var(--accent);color:var(--bg);padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}@media (hover:hover) and (pointer:fine){a:hover{color:var(--accent)}}@media (prefers-reduced-motion:no-preference){[data-reveal].reveal-pending{transition:opacity .65s var(--ease-out) var(--reveal-delay,0s), transform .65s var(--ease-out) var(--reveal-delay,0s), background-color .18s ease, border-color .18s ease}[data-reveal].reveal-pending:not(.is-visible){opacity:0;transition:none;transform:translateY(24px)}[data-reveal].reveal-pending:focus-within{opacity:1;transition:none;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.site-header{z-index:10;background:0 0;border-bottom:1px solid #0000;transition:background-color .18s,border-color .18s;position:fixed;inset:0 0 auto}.site-header.scrolled{backdrop-filter:blur(14px)saturate(130%);background:#161513c2;border-color:#ffffff14}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand{flex-shrink:0}.brand img{object-fit:contain;width:56px;height:56px}.nav-bar{flex-wrap:wrap;align-items:center;gap:clamp(16px,2.5vw,40px);display:flex}.nav-bar a{align-items:center;min-height:44px;font-size:16px;text-decoration:none;display:inline-flex}@media (width<=700px){html{scroll-padding-top:176px}body{padding-top:152px}.header-inner{flex-direction:column;gap:8px;min-height:152px;padding-block:8px}.brand img{width:40px;height:40px}.nav-bar{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 12px;width:min(100%,420px);display:grid}.nav-bar a{grid-column:span 2;justify-content:center;font-size:14px}.nav-bar a:nth-last-child(-n+2){grid-column:span 3}}.container{padding-bottom:112px}.presentation{text-align:center;flex-direction:column;align-items:center;gap:28px;padding-block:40px 88px;display:flex}.hero-art{border-radius:50%;width:216px;height:216px;overflow:hidden}.hero-art img{object-fit:cover;object-position:center 43%;width:100%;height:100%}.hero-copy{width:100%;max-width:760px}.hero-copy h1{letter-spacing:-.035em;font-size:clamp(40px,4.4vw,64px);font-weight:650;line-height:1.1}.hero-name{color:var(--accent);margin-top:20px;font-size:32px;font-weight:600;line-height:1.2}.hero-description{max-width:62ch;margin:24px auto 0}.action-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;display:flex}.section-heading{text-align:center;margin-bottom:40px}.section-heading h2,.tech-stack h2,.experience h2,.education h2{letter-spacing:-.035em;font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:1.1}.projects{max-width:1040px;margin:112px auto 0}.projects-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.tech-stack{flex-direction:column;align-items:center;gap:40px;display:flex}.tech-intro{text-align:center}.tech-intro p{max-width:60ch;margin:24px auto 0}.tech-stack-items{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:36px 32px;width:min(100%,760px);display:grid}.experience{margin-top:112px}.experience-items{grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;display:grid}.education{margin-top:112px}.education-item{border-bottom:1px solid var(--panel-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:24px;padding-block:32px;display:grid}.education-status{border:1px solid var(--status-border);background:var(--status-bg);color:var(--status-text);white-space:nowrap;border-radius:999px;justify-self:start;padding:6px 16px;font-size:16px;font-weight:600}.education-details h3{letter-spacing:-.02em;font-size:24px;font-weight:500;line-height:1.25}.education-details p{margin-top:8px}.education-degree,.education-dates{color:var(--muted);font-size:16px}.education-dates{white-space:nowrap;font-variant-numeric:tabular-nums}@media (width<=700px){.container{padding-bottom:80px}.presentation{gap:24px;padding-block:32px 72px}.hero-art{width:184px;height:184px}.hero-name{font-size:28px}.hero-description{margin-top:20px}.section-heading{margin-bottom:32px}.projects{margin-top:80px}.projects-items{grid-template-columns:1fr;gap:28px}.tech-stack{gap:32px}.tech-stack-items{column-gap:24px}.experience{margin-top:80px}.experience-items{grid-template-columns:1fr;gap:24px;margin-top:32px}.education{margin-top:80px}.education-item{grid-template-columns:1fr;gap:20px;margin-top:16px;padding-block:24px}}@media (width<=600px){.tech-stack-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}.tech-stack-items>:last-child:nth-child(3n+1){grid-column:2}}.publications{margin-top:112px}.publications h2{letter-spacing:-.035em;font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:1.1}.publication{grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);align-items:center;gap:72px;margin-top:48px;display:grid}.publication-cover{text-align:center;min-width:0;margin:0}.publication-book{background:var(--surface);width:min(100% - 16px,280px);transition:transform .25s var(--ease-out);border-left:8px solid #004f45;border-radius:3px 8px 8px 3px;margin-inline:auto;display:block;position:relative;transform:perspective(1000px)rotateY(-9deg)}.publication-book:after{content:"";z-index:-1;background:#d6d8d1;border-radius:0 4px 4px 0;width:8px;position:absolute;inset:5px -9px 5px auto}.publication-book img{border-radius:0 6px 6px 0;width:100%;height:auto}.publication-cover figcaption{color:var(--muted);margin-top:24px;font-size:16px}.publication-details h3{letter-spacing:-.02em;text-wrap:pretty;font-size:24px;font-weight:500;line-height:1.3}.publication-byline{margin-top:20px}.publication-byline strong{font-weight:600}.publication-summary{max-width:60ch;margin-top:20px}.publication-metadata{gap:12px;margin:24px 0 0;font-size:16px;display:grid}.publication-metadata>div{grid-template-columns:90px minmax(0,1fr);gap:16px;display:grid}.publication-metadata dt{color:var(--muted)}.publication-metadata dd{margin:0}.publication-doi{overflow-wrap:anywhere;margin-top:20px;font-size:16px}.publication-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.publication-authors{margin-top:20px;font-size:16px}.publication-authors summary{cursor:pointer;width:fit-content;padding-block:10px}.publication-authors p{max-width:65ch;margin-top:8px}@media (hover:hover) and (pointer:fine){.publication-book:hover{transform:perspective(1000px)rotateY(-3deg)translateY(-3px)}.publication-authors summary:hover{color:var(--accent)}}@media (width<=900px){.publication{gap:40px}}@media (width<=700px){.publications{margin-top:80px}.publication{grid-template-columns:1fr;gap:40px;margin-top:32px}.publication-book{width:220px}.publication-details h3{font-size:24px}}@media (prefers-reduced-motion:reduce){.publication-book,.publication-book:hover{transform:none}}.action-button{border:2px solid var(--accent);background:var(--accent);min-height:52px;color:var(--bg);font:inherit;transition:transform .14s var(--ease-out), background-color .18s ease, border-color .18s ease;border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.action-button-outline{border-color:var(--control-border);color:var(--text);background:0 0}.action-button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.action-button:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.action-button-outline:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}}@media (width<=359px){.action-button{padding-inline:18px}}.tech-item-container{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.tech-item-img{object-fit:contain;flex-shrink:0;width:56px;height:56px}.tech-item-container h3{font-size:16px;font-weight:400}.tech-item-img-inverted{filter:invert()}@media (width<=600px){.tech-item-img{width:48px;height:48px}}.project-item-container{background:var(--surface);border:1px solid var(--panel-border);border-radius:24px;flex-direction:column;min-width:0;display:flex}.project-image-wrapper{background:var(--surface);border-radius:23px 23px 0 0;width:100%;min-width:0;display:block;position:relative;overflow:hidden}.project-image-wrapper img{aspect-ratio:16/10;object-fit:contain;width:100%;height:auto}.preview-label{background:var(--glass-bg);min-height:44px;color:var(--text);border:1px solid var(--glass-border);backdrop-filter:blur(12px)saturate(130%);border-radius:999px;align-items:center;padding:8px 16px;font-size:16px;transition:background-color .22s,border-color .22s,color .22s;display:inline-flex;position:absolute;bottom:16px;right:16px}.project-item-description{flex-direction:column;flex:1;padding:28px;display:flex}.project-item-description h3{letter-spacing:-.025em;font-size:24px;font-weight:500;line-height:1.2}.project-item-description p{max-width:42ch;margin-top:20px}.project-links{flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:24px;display:flex}.project-links a{border:1px solid var(--control-border);min-height:44px;transition:transform .14s var(--ease-out), background-color .18s ease;border-radius:999px;justify-content:center;align-items:center;padding:8px 18px;font-size:16px;text-decoration:none;display:inline-flex}.project-links a:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.project-links a:hover{background:var(--surface-hover);border-color:var(--accent)}}.project-image-wrapper{transition:transform .14s var(--ease-out)}.project-image-wrapper:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.project-image-wrapper:hover .preview-label{background:var(--glass-hover);border-color:var(--accent);color:var(--text)}}.project-image-wrapper:focus-visible .preview-label{border-color:var(--accent)}.project-image-modal{border:1px solid var(--glass-border);background:var(--glass-bg);width:min(1280px,100% - 40px);max-width:none;max-height:calc(100dvh - 40px);color:var(--text);backdrop-filter:blur(20px)saturate(130%);border-radius:24px;padding:24px;overflow:auto}.project-image-modal::backdrop{background:#0000008c}.modal-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.modal-toolbar p{font-size:18px}.modal-close-btn{border:1px solid var(--glass-border);background:var(--glass-bg);min-height:44px;color:var(--text);cursor:pointer;backdrop-filter:blur(12px)saturate(130%);transition:transform .14s var(--ease-out), background-color .22s ease, border-color .22s ease;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:8px 16px;font-size:16px;display:inline-flex}@media (hover:hover) and (pointer:fine){.modal-close-btn:hover{background:var(--glass-hover);border-color:var(--accent)}}.modal-close-btn:active{transform:scale(.97)}.project-image-modal>img{object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:calc(100dvh - 170px)}@media (prefers-reduced-motion:no-preference){.project-image-modal[data-pointer-open][open]{animation:dialog-in .2s var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:scale(.98)}}}@media (width<=700px){.project-item-description{padding:24px}.project-image-wrapper img{aspect-ratio:16/10}.preview-label{bottom:12px;right:12px}.project-image-modal{width:calc(100% - 24px);padding:16px}.modal-toolbar{gap:12px}}.experience-item-container{background:var(--surface);border:1px solid var(--panel-border);border-radius:24px;padding:32px;transition:background-color .18s,border-color .18s}.experience-item-header{flex-direction:column;gap:16px;display:flex}.experience-item-header h3{letter-spacing:-.02em;font-size:24px;font-weight:500;line-height:1.25}.experience-date{color:var(--muted);font-size:16px}.experience-desc{margin-top:24px;font-size:18px}@media (hover:hover) and (pointer:fine){.experience-item-container:hover{background:var(--surface-hover);border-color:var(--panel-border-hover)}}@media (width<=700px){.experience-item-container{padding:24px}}footer{border-top:1px solid var(--panel-border);background:#111;flex-direction:column;align-items:center;width:100%;padding:32px 0;display:flex}.content{width:min(100% - var(--gutter) * 2, 1000px);justify-content:space-between;align-items:center;gap:40px;display:flex}.footer-info{flex-direction:column;gap:10px;max-width:400px;display:flex}.footer-info h2{font-size:24px;font-weight:600}.footer-info p{font-size:16px;line-height:1.5}.footer-contacts{flex-direction:column;gap:12px;min-width:0;display:flex}.email-item{align-items:center;gap:10px;min-height:44px;font-size:16px;text-decoration:none;display:flex}.email-item img{flex-shrink:0;width:18px;height:18px}.email-item span{overflow-wrap:anywhere}.social-items{gap:10px;margin-top:5px;display:flex}.social-item{background:var(--surface);border:1px solid var(--control-border);width:44px;height:44px;transition:transform .14s var(--ease-out), background-color .18s ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.social-item img{width:18px;height:18px}.social-item:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.social-item:hover{background:var(--surface-hover);border-color:var(--accent)}}@media (width<=800px){.content{flex-direction:column;align-items:flex-start;gap:24px}}