@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}:root{--bg-color: #ffffff;--text-main: #242424;--text-muted: #6f6f6f;--text-title: #181818;--text-subtitle: #666666;--card-bg: #ffffff;--frame-border: #f0f0f0;--container: min(600px, 92vw);--ease-out: cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--text-main);background:var(--bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a{font:inherit}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #242424;outline-offset:3px}.container{position:relative;width:var(--container);margin-inline:auto;padding:100px 0}header{display:flex;flex-direction:column;gap:4px;width:100%;margin-inline:auto;text-align:left}.avatar{width:64px;height:64px;margin-bottom:20px;border-radius:8px;filter:grayscale(1);object-fit:cover}h1.title{margin:0;color:var(--text-title);font-size:15px;font-style:normal;font-weight:500;line-height:1.2}.subtitle{margin:0 0 24px;color:var(--text-subtitle);font-size:15px;font-weight:400;line-height:1.2}.intro,.headline{max-width:100%;color:var(--text-main);font-size:15px;font-style:normal;font-weight:400;line-height:24px}.headline{margin:0 0 12px}.intro{margin:0}.btn-contact{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:28px;padding:5px 12px;border-radius:9999px;background:#181818;color:#fff;box-shadow:none;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .2s var(--ease-out),transform .16s var(--ease-out)}.btn-contact:hover{background:#2d2d2d;text-decoration:none}.btn-contact:active{transform:scale(.96)}.top-fade{position:fixed;z-index:100;top:0;right:0;left:0;height:80px;pointer-events:none;background:linear-gradient(to bottom,var(--bg-color) 10%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);mask:linear-gradient(to bottom,black 10%,transparent);-webkit-mask:linear-gradient(to bottom,black 10%,transparent)}.social-header{position:absolute;z-index:200;top:100px;right:0;display:flex;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#969696;text-decoration:none;transition:color .2s var(--ease-out),transform .16s var(--ease-out)}.social-link:hover{color:#111}.social-link:active{transform:scale(.95)}.experience-section{margin-top:64px}#projects{scroll-margin-top:96px}.experience-list{display:grid;grid-template-columns:120px 1fr;column-gap:20px;row-gap:32px}.experience-title,.experience-date,.experience-role,.experience-desc{margin:0;font-size:14px;font-style:normal;font-weight:400}.experience-title{color:#111;line-height:140%}.experience-header-empty{display:block}.experience-date{color:#6d6d6d;line-height:180%}.experience-content{display:flex;flex-direction:column;gap:0}.experience-role{margin-bottom:4px;color:#111;line-height:180%}.experience-desc{color:#555;line-height:160%}.project-thumb-button,.work-image-button,.lightbox-image-button,.lightbox-backdrop,.lightbox-dot{margin:0;padding:0;border:0;background:none}.project-thumb-button,.work-image-button,.lightbox-image-button{display:block;cursor:zoom-in}.project-thumb{display:block;width:96px;height:72px;border:1px solid var(--frame-border);border-radius:6px;object-fit:cover;transition:transform .25s var(--ease-out)}.project-thumb:active{transform:translateY(-1px) scale(.97)}.selected-work-title-block{margin-top:64px;scroll-margin-top:96px}.mockup{margin-top:30px;overflow:hidden;background:var(--card-bg)}.work-item{margin-bottom:50px}.work-item:last-child{margin-bottom:0}.work-frame{padding:30px;border:1px solid var(--frame-border)}.work-image-button{width:100%}.work-frame img{display:block;width:100%;height:auto;border-radius:8px;object-fit:contain;transition:transform .25s var(--ease-out)}.work-frame.portrait{display:grid;min-height:397px;place-items:center;background:#fafafa}.work-frame.portrait .work-image-button{width:auto}.work-frame.portrait img{width:auto;max-width:100%;height:337px}.work-frame img:active{transform:scale(.99)}.work-caption{margin:10px 0 0;color:var(--text-muted);font-size:13px}footer{margin-top:60px;color:var(--text-muted);font-size:13px}.floating-menu{position:fixed;z-index:900;bottom:24px;left:50%;display:flex;align-items:center;padding:6px;border-radius:9999px;background:#ffffffbf;box-shadow:0 1px 2px #0000000d,0 2px 4px #00000005,0 0 0 .5px #00000014;opacity:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fade-in-up-menu .65s var(--ease-out) .45s forwards;transform:translate(-50%)}.menu-item{padding:6px 16px;border-radius:9999px;color:#555;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s var(--ease-out),background-color .2s var(--ease-out),transform .16s var(--ease-out)}.menu-item:hover{background:#00000008;color:#111}.menu-item:active{transform:scale(.96)}.menu-item.active{background:#0000000a;color:#111}.lightbox{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;opacity:0;animation:lightbox-fade .2s var(--ease-out) forwards}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:zoom-out;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.lightbox-content{position:relative;z-index:1010;display:flex;flex-direction:column;align-items:center;width:100%;max-width:min(1100px,94vw);max-height:94vh;animation:lightbox-scale .25s var(--ease-out) forwards;transform:scale(.95)}.lightbox-img-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:78vh}.lightbox-image-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%;cursor:zoom-out}.lightbox-img{display:block;max-width:100%;max-height:78vh;border-radius:12px;object-fit:contain}.lightbox-caption{margin:16px 0 0;color:#111;font-size:14px;font-weight:400;text-align:center}.lightbox-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.lightbox-dot{width:7px;height:7px;border-radius:50%;background:#00000026;cursor:pointer;transition:background-color .25s ease,transform .25s ease}.lightbox-dot.active{background:#0006;transform:scale(1.15)}header,.social-header,.experience-section,.selected-work-title-block,.mockup,footer{opacity:0;animation:fade-in-up .65s var(--ease-out) forwards}header,.social-header{animation-delay:50ms}.experience-section:nth-of-type(1){animation-delay:.12s}.experience-section:nth-of-type(2){animation-delay:.19s}.selected-work-title-block{animation-delay:.26s}.mockup{animation-delay:.33s}footer{animation-delay:.4s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up-menu{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes lightbox-fade{to{opacity:1}}@keyframes lightbox-scale{to{transform:scale(1)}}@media(hover:hover)and (pointer:fine){.work-frame img:hover{transform:scale(1.015)}.project-thumb:hover{transform:translateY(-2px)}}@media(max-width:640px){.top-fade{opacity:0;transition:opacity .22s var(--ease-out)}.top-fade.is-visible{opacity:1}.container{padding-top:20px;padding-bottom:80px}.social-header{top:20px}.work-image-button,.project-thumb-button{cursor:default}.work-frame.portrait{min-height:280px}.work-frame.portrait img{height:220px}}@media(max-width:500px){.experience-list{grid-template-columns:1fr;row-gap:24px}.experience-header-empty{display:none}.experience-title{margin-bottom:8px}.experience-date{margin-bottom:-18px}.experience-date.project-date{margin-bottom:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}