*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}:root{--color-bg: #0a0a0b;--color-bg-elevated: #141416;--color-text: #e8e6e3;--color-text-muted: #9a9691;--color-accent: #7eb8a4;--color-accent-dim: rgba(126, 184, 164, .15);--color-border: rgba(232, 230, 227, .08);--color-border-hover: rgba(126, 184, 164, .4);--font-body: "DM Sans", system-ui, sans-serif;--font-display: "EB Garamond", "DM Sans", Georgia, serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 3rem;--space-2xl: 4.5rem;--container-max: 60rem;--header-height: 4rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .5s cubic-bezier(.22, 1, .36, 1)}body{font-family:var(--font-body);font-size:1rem;color:var(--color-text);background-color:var(--color-bg)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-md)}.section{padding-block:var(--space-xl)}.hero.section{padding-block:var(--space-2xl)}.section__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:400;margin-bottom:var(--space-md);letter-spacing:.01em}.skip-link{position:absolute;top:-100%;left:var(--space-sm);z-index:1000;padding:var(--space-xs) var(--space-sm);background:var(--color-accent);color:var(--color-bg);border-radius:var(--radius-sm);font-weight:600;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-sm)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);transition:border-color var(--transition-base)}.site-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.site-header.is-scrolled:before{opacity:1}.site-header.is-scrolled:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--color-border);opacity:1;transition:opacity var(--transition-base);pointer-events:none}.site-header.is-scrolled:has(.nav__menu.is-open):after{opacity:0}.nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:100%}.nav__logo{font-family:var(--font-display);font-size:1.35rem;font-weight:400;letter-spacing:.02em;transition:color var(--transition-fast)}.nav__logo:hover{color:var(--color-accent)}.nav__menu{display:flex;gap:var(--space-lg)}.nav__link{font-size:.9rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.nav__link:hover,.nav__link:focus-visible{color:var(--color-text)}.nav__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:2rem;height:2rem;padding:.25rem}.nav__toggle-bar{display:block;width:100%;height:2px;background:var(--color-text);border-radius:1px;transition:transform var(--transition-base),opacity var(--transition-base)}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:640px){.nav__toggle{display:flex}.nav__menu{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);background:#0a0a0bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.nav__menu.is-open{opacity:1;visibility:visible}.nav__link{font-size:1.25rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height);overflow:hidden}.hero__inner{position:relative;z-index:1}.hero__layout{display:grid;gap:var(--space-lg);align-items:start}@media(min-width:768px){.hero__layout{grid-template-columns:1.2fr 1fr;gap:var(--space-xl)}}.hero__skills{display:flex;flex-direction:column;gap:var(--space-sm)}.hero__skills .skill-group{padding:var(--space-sm) var(--space-md)}.hero__title{margin-bottom:var(--space-xs)}.hero__name{font-family:var(--font-display);font-size:clamp(3rem,10vw,5.5rem);font-weight:400;line-height:1.1;letter-spacing:.01em}.hero__role{font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.hero__location{font-size:.95rem;color:var(--color-accent);margin-bottom:var(--space-md)}.hero__tagline{max-width:32rem;font-size:1.1rem;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero__glow{position:absolute;top:20%;right:-10%;width:50vw;max-width:28rem;aspect-ratio:1;background:radial-gradient(circle,var(--color-accent-dim) 0%,transparent 70%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn--primary{background:var(--color-accent);color:var(--color-bg)}.btn--primary:hover{filter:brightness(1.1)}.btn--secondary{border:1px solid var(--color-border);color:var(--color-text)}.btn--secondary:hover{border-color:var(--color-border-hover);color:var(--color-accent)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.about__layout{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}@media(min-width:640px){.about__layout{flex-direction:row;align-items:flex-start;gap:var(--space-xl)}}.about__photo{flex-shrink:0;margin:0}.about__photo img{width:10.5rem;height:10.5rem;object-fit:cover;object-position:center 22%;border-radius:50%;border:2px solid var(--color-border);box-shadow:0 0 0 4px var(--color-accent-dim)}@media(min-width:640px){.about__photo img{width:12rem;height:12rem}}.about__content{max-width:38rem;flex:1}.about__content p+p{margin-top:var(--space-md);color:var(--color-text-muted)}.timeline{display:flex;flex-direction:column;gap:var(--space-md);max-width:42rem}.timeline__item{padding:var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-left:3px solid var(--color-accent)}.timeline__meta{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-xs);font-size:.8rem;color:var(--color-text-muted)}.timeline__meta time{color:var(--color-accent);font-weight:500}.timeline__title{font-family:var(--font-display);font-size:1.35rem;font-weight:400;letter-spacing:.01em;margin-bottom:.25rem}.timeline__org{font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.timeline__desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.timeline__list{list-style:disc;padding-left:1.25rem;font-size:.9rem;color:var(--color-text-muted)}.timeline__list li+li{margin-top:.35rem}.skill-group{padding:var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.skill-group__title{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.skill-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.skill-chips li{padding:.35rem .75rem;font-size:.875rem;background:var(--color-accent-dim);color:var(--color-accent);border-radius:var(--radius-sm)}.projects-intro{max-width:32rem;color:var(--color-text-muted);margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-lg)}.projects-list{display:flex;flex-direction:column;gap:var(--space-lg)}.project-showcase{display:flex;flex-direction:column;scroll-margin-top:calc(var(--header-height) + var(--space-md));background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.project-showcase:hover{border-color:var(--color-border-hover)}.project-showcase__gallery{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--color-border-hover) var(--color-bg-elevated);background:var(--color-bg)}.project-showcase__gallery::-webkit-scrollbar{height:6px}.project-showcase__gallery::-webkit-scrollbar-track{background:var(--color-bg-elevated);border-radius:3px}.project-showcase__gallery::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}.project-showcase__gallery::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.project-showcase__gallery:not(:has(.project-showcase__media:nth-child(2))){overflow:hidden;scroll-snap-type:none;scrollbar-width:none}.project-showcase__gallery:not(:has(.project-showcase__media:nth-child(2)))::-webkit-scrollbar{display:none}.project-showcase__gallery:has(.project-showcase__media:nth-child(3)){justify-content:start;cursor:grab}@media(max-width:560px){.project-showcase__gallery[aria-label="Mastermind game media"]{justify-content:start}}@media(max-width:400px){.project-showcase__gallery[aria-label="GAN training media"]{justify-content:start}}.project-showcase__gallery.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.project-showcase__media{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;margin:0;scroll-snap-align:center;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.project-showcase__media img,.project-showcase__media video{-webkit-user-drag:none}.project-showcase__media img,.project-showcase__media video{display:block;height:auto;max-height:18rem;width:auto;max-width:min(85vw,30rem)}.project-showcase__media--video video{min-width:0}.video-unmute-btn{position:absolute;bottom:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#0a0a0bb3;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.video-unmute-btn:hover{background:#0a0a0be6;color:var(--color-accent)}.video-unmute-btn--paired{right:3rem}.video-expand-btn{position:absolute;bottom:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#0a0a0bb3;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.video-expand-btn:hover{background:#0a0a0be6;color:var(--color-accent)}.video-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:none;align-items:center;justify-content:center;padding:var(--space-lg);background:#0a0a0beb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-lightbox.is-open{display:flex}.video-lightbox__inner{position:relative;max-width:min(92vw,64rem);max-height:88vh}.video-lightbox__inner .video-unmute-btn--paired{right:.5rem}.video-lightbox__inner video{display:block;max-width:100%;max-height:88vh;border-radius:var(--radius-md);box-shadow:0 1.5rem 4rem #00000080}.video-lightbox__close{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#0a0a0bb3;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.video-lightbox__close:hover{background:#0a0a0be6;color:var(--color-accent)}.video-unmute-btn .icon-unmuted,.video-unmute-btn[aria-pressed=true] .icon-muted{display:none}.video-unmute-btn[aria-pressed=true] .icon-unmuted{display:block}@media(min-width:900px){.project-showcase{flex-direction:row}.project-showcase__gallery{flex:1 1 58%}.project-showcase__body{flex:1 1 42%;border-left:1px solid var(--color-border)}}.project-showcase__body{padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column}.project-showcase__year{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-xs)}.project-showcase__title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.01em;margin-bottom:var(--space-sm)}.project-showcase__desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.65;margin-bottom:var(--space-md)}.project-showcase__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.project-showcase__tags li{font-size:.75rem;color:var(--color-text-muted);padding:.2rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.project-showcase__links{display:flex;gap:var(--space-md);margin-top:auto}.project-showcase__links a{font-size:.875rem;font-weight:500;color:var(--color-accent);transition:opacity var(--transition-fast)}.project-showcase__links a:hover{opacity:.8}.project-showcase__links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.contact__inner{max-width:32rem}.contact__note{color:var(--color-text-muted);margin-bottom:var(--space-md)}.contact__email{display:inline-block;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:400;letter-spacing:.01em;color:var(--color-text);margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.contact__email:hover{color:var(--color-accent)}.contact__location{font-size:.95rem;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.contact__social{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.social-link{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.social-link:hover{color:var(--color-accent);border-color:var(--color-border-hover);background:var(--color-accent-dim)}.social-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.footer{padding-block:var(--space-lg);border-top:1px solid var(--color-border)}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm)}.footer__copy{font-size:.875rem;color:var(--color-text-muted)}.footer__top{font-size:.875rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.footer__top:hover{color:var(--color-accent)}.footer__top:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--transition-slow),transform var(--transition-slow);transition-delay:var(--delay, 0s)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}