@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap";:root{--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--color-bg:#0a0e1a;--color-surface:#141b2d;--color-surface-elevated:#1a2236;--color-text-primary:#e8ecf4;--color-text-muted:#8a94a6;--color-text-subtle:#5c6577;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-muted:#3b82f61a;--color-border:#1f2937;--color-border-strong:#2d3748;--color-success:#10b981;--color-success-muted:#10b9811a;--color-warning:#f59e0b;--color-error:#ef4444;--color-error-muted:#ef44441a;--color-nav-bg:#0a0e1ad9;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.875rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--space-3xl:9rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080;--transition:.15s ease;--transition-slow:.3s ease;--max-width:1100px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;color-scheme:dark}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.7}img,picture,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,button{font-family:inherit;font-size:inherit}.skip-link{z-index:9999;background:var(--color-accent);color:#fff;border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}.container{width:100%;max-width:var(--max-width);padding-inline:var(--space-md);margin-inline:auto}.section{padding-block:var(--space-2xl)}.section--alt{background-color:var(--color-surface)}.section__heading{font-family:var(--font-heading);font-size:var(--text-4xl);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-xl);font-weight:700}.btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius);font-size:var(--text-sm);letter-spacing:.01em;transition:background-color var(--transition), transform var(--transition), box-shadow var(--transition);padding:.75rem 1.75rem;font-weight:600;display:inline-flex}.btn--primary{background-color:var(--color-accent);color:#fff}.btn--primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 0 24px #3b82f640}.btn--primary:active{box-shadow:none;transform:translateY(0)}.nav{top:0;z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(16px);background-color:var(--color-nav-bg);transition:border-color var(--transition-slow), box-shadow var(--transition-slow);border-bottom:1px solid #0000;position:fixed;inset-inline:0}.nav--scrolled{border-bottom-color:var(--color-border);box-shadow:0 1px 24px #0006}.nav__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav__logo{font-family:var(--font-heading);font-size:var(--text-xl);letter-spacing:-.01em;color:var(--color-text-primary);transition:color var(--transition);font-weight:700}.nav__logo:hover{color:var(--color-accent)}.nav__right{align-items:center;gap:var(--space-lg);display:flex}.nav__links{align-items:center;gap:var(--space-lg);display:none}.nav__links a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition);font-weight:500;position:relative}.nav__links a:after{content:"";background-color:var(--color-accent);width:0;height:1px;transition:width var(--transition-slow);position:absolute;bottom:-2px;left:0}.nav__links a:hover,.nav__links a.active{color:var(--color-text-primary)}.nav__links a:hover:after,.nav__links a.active:after{width:100%}.lang-toggle{align-items:center;gap:var(--space-2xs);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px;display:flex}.lang-btn{font-size:var(--text-xs);letter-spacing:.05em;border-radius:var(--radius-full);color:var(--color-text-muted);transition:background-color var(--transition), color var(--transition);padding:4px 10px;font-weight:600}.lang-btn:hover{color:var(--color-text-primary)}.lang-btn--active{background-color:var(--color-accent);color:#fff}.lang-btn--active:hover{color:#fff}.nav__toggle{flex-direction:column;justify-content:space-between;width:22px;height:16px;padding:0;display:flex}.nav__toggle span{background-color:var(--color-text-primary);width:100%;height:2px;transition:transform var(--transition-slow), opacity var(--transition);border-radius:2px;display:block}.nav__toggle--open span:first-child{transform:translateY(7px)rotate(45deg)}.nav__toggle--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__toggle--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav__drawer{top:var(--nav-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md);gap:var(--space-sm);box-shadow:var(--shadow-lg);z-index:99;flex-direction:column;display:none;position:fixed;inset-inline:0}.nav__drawer.open{display:flex}.nav__drawer a{font-size:var(--text-base);color:var(--color-text-muted);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border);transition:color var(--transition);font-weight:500}.nav__drawer a:hover{color:var(--color-accent)}.hero{min-height:100svh;padding-top:var(--nav-height);padding-bottom:var(--space-2xl);background:linear-gradient(160deg, var(--color-bg) 0%, var(--color-surface) 100%);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse at top right, var(--color-accent-muted) 0%, transparent 65%);pointer-events:none;width:55%;height:80%;position:absolute;top:-10%;right:-15%}.hero__inner{z-index:1;gap:var(--space-xl);grid-template-columns:1fr;align-items:center;display:grid;position:relative}.hero__text{max-width:640px}.hero__photo-wrap{display:none}.hero__photo{border-radius:12px;width:clamp(240px,35vw,420px);height:auto;box-shadow:0 20px 60px #00000080}.hero__eyebrow{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-md);font-weight:500;display:inline-flex}.hero__eyebrow:before{content:"";background-color:var(--color-accent);flex-shrink:0;width:2rem;height:2px;display:block}.hero__name{font-family:var(--font-heading);font-size:clamp(var(--text-5xl), 8vw, var(--text-7xl));letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-lg);font-weight:700;line-height:1.05}.hero__tagline{font-family:var(--font-heading);font-size:clamp(var(--text-xl), 3vw, var(--text-3xl));color:var(--color-text-muted);margin-bottom:var(--space-md);font-style:italic;font-weight:400;line-height:1.35}.hero__intro{font-size:var(--text-lg);color:var(--color-text-muted);max-width:600px;margin-bottom:var(--space-lg);line-height:1.75}.about__grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}.about__photo-wrap{justify-content:center;display:flex}.photo-placeholder{background:linear-gradient(135deg, var(--color-accent) 0%, #7c3aed 100%);width:220px;height:220px;font-family:var(--font-heading);color:#fff;letter-spacing:.05em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:3.5rem;font-weight:700;display:flex;box-shadow:0 0 40px #3b82f633}.about__photo{border-radius:12px;flex-shrink:0;width:220px;height:auto;box-shadow:0 0 40px #3b82f633}.about__bio{gap:var(--space-md);flex-direction:column;display:flex}.about__bio p{color:var(--color-text-muted);line-height:1.8}.timeline{padding-left:var(--space-lg);flex-direction:column;gap:0;display:flex;position:relative}.timeline:before{content:"";background-color:var(--color-border-strong);width:1px;position:absolute;top:12px;bottom:12px;left:0}.timeline__item{padding-bottom:var(--space-xl);position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__dot{left:calc(-1 * var(--space-lg));background-color:var(--color-accent);border:2px solid var(--color-bg);border-radius:50%;width:11px;height:11px;position:absolute;top:6px;transform:translate(-5px);box-shadow:0 0 8px #3b82f680}.timeline__header{align-items:baseline;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-2xs);flex-wrap:wrap;display:flex}.timeline__role{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:600}.timeline__period{font-size:var(--text-sm);color:var(--color-accent);white-space:nowrap;font-weight:500}.timeline__company{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-weight:600}.timeline__description{color:var(--color-text-muted);line-height:1.75}.education__languages{margin-top:var(--space-xl);font-size:var(--text-sm);color:var(--color-text-muted)}.projects__grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:background-color var(--transition), border-color var(--transition), transform var(--transition);flex-direction:column;display:flex;overflow:hidden}.project-card__image{aspect-ratio:16/9;object-fit:cover;flex-shrink:0;width:100%;display:block}.project-card__body{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.project-card:hover{background-color:var(--color-surface-elevated);border-color:var(--color-accent);transform:translateY(-2px)}.project-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap;display:flex}.project-card__name{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}.project-card__badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;background-color:var(--color-accent-muted);color:var(--color-accent);white-space:nowrap;border:1px solid #3b82f633;flex-shrink:0;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.project-card__company{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-subtle);font-weight:600}.project-card__tagline{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text-primary);font-style:italic;font-weight:400;line-height:1.4}.project-card__description{font-size:var(--text-sm);color:var(--color-text-muted);flex:1;line-height:1.75}.project-card__link{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-accent);transition:color var(--transition), letter-spacing var(--transition);align-self:flex-start;margin-top:auto;font-weight:600;display:inline-flex}.project-card__link:hover{color:#fff;letter-spacing:.02em}#articles:has(#articles-grid:empty){display:none}.articles__grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.article-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:background-color var(--transition), border-color var(--transition), transform var(--transition);flex-direction:column;display:flex;overflow:hidden}.article-card__image{aspect-ratio:16/9;object-fit:cover;flex-shrink:0;width:100%;display:block}.article-card__body{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.article-card:hover{background-color:var(--color-surface-elevated);border-color:var(--color-accent);transform:translateY(-2px)}.article-card__date{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.article-card__title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:600;line-height:1.3}.article-card__title-link{color:inherit;text-decoration:none}.article-card__title-link:hover{text-decoration:underline}.article-card__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);flex:1;line-height:1.75}.article-card__link{font-size:var(--text-sm);color:var(--color-accent);transition:color var(--transition), letter-spacing var(--transition);align-self:flex-start;margin-top:auto;font-weight:600}.article-card__link:hover{color:#fff;letter-spacing:.02em}.contact__intro{font-size:var(--text-lg);color:var(--color-text-muted);max-width:580px;margin-bottom:var(--space-xl);line-height:1.75}.contact__links{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.contact__link{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:background-color var(--transition), border-color var(--transition);display:flex}.contact__link:hover{background-color:var(--color-surface-elevated);border-color:var(--color-accent)}.contact__link-label{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-subtle);min-width:70px;font-weight:600}.contact__link-value{color:var(--color-accent);font-weight:500}.contact__form{gap:var(--space-md);flex-direction:column;max-width:560px;display:flex}.form-field{gap:var(--space-2xs);flex-direction:column;display:flex}.form-input,.form-textarea{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius);width:100%;color:var(--color-text-primary);transition:border-color var(--transition), box-shadow var(--transition);padding:.75rem 1rem;line-height:1.5}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-subtle)}.form-input:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.form-textarea{resize:vertical;min-height:140px}.form-feedback{font-size:var(--text-sm);padding:var(--space-sm);border-radius:var(--radius);border:1px solid #0000;font-weight:500;display:none}.form-feedback.success{color:var(--color-success);background-color:var(--color-success-muted);border-color:var(--color-success);display:block}.form-feedback.error{color:var(--color-error);background-color:var(--color-error-muted);border-color:var(--color-error);display:block}.form-privacy{font-size:var(--text-xs);color:var(--color-text-subtle);margin-top:var(--space-sm)}.form-privacy__link{color:var(--color-text-muted);text-underline-offset:2px;text-decoration:underline}.footer{padding-block:var(--space-lg);border-top:1px solid var(--color-border);background-color:var(--color-surface)}.footer__inner{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.footer__copy{font-size:var(--text-sm);color:var(--color-text-subtle)}.footer__link{color:var(--color-accent);transition:color var(--transition)}.footer__link:hover{color:var(--color-text-primary)}.project-card__actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-top:auto;display:flex}.project-card__name-link{color:inherit}.project-card__name-link:hover .project-card__name{color:var(--color-accent)}.project-card__ext-link{font-size:var(--text-sm);color:var(--color-text-subtle);transition:color var(--transition);font-weight:500}.project-card__ext-link:hover{color:var(--color-text-muted)}.page-main{padding-top:calc(var(--nav-height) + var(--space-2xl));padding-bottom:var(--space-3xl);min-height:100svh}.back-link{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl);transition:color var(--transition);align-items:center;gap:.4em;font-weight:500;display:inline-flex}.back-link:hover{color:var(--color-accent)}.article-page__header{max-width:720px;margin-bottom:var(--space-xl)}.article-page__meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.article-page__date{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.article-page__reading-time{font-size:var(--text-sm);color:var(--color-text-subtle)}.article-page__title{font-family:var(--font-heading);font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl));letter-spacing:-.02em;color:var(--color-text-primary);font-weight:700;line-height:1.15}.article-page__cover-wrap{width:100%;max-width:720px;margin-bottom:var(--space-xl)}.article-page__cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);width:100%;display:block}.article-page__cover-credit{margin-top:var(--space-xs);color:var(--color-text-muted);text-align:right;font-size:.75rem}.article-page__cover-credit a{color:inherit;text-underline-offset:2px;text-decoration:underline}.prose{max-width:720px}.prose a,.about__bio a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline 1px}.prose a:hover,.about__bio a:hover{color:var(--color-accent-hover)}.prose-p{color:var(--color-text-muted);line-height:1.85;font-size:var(--text-lg);margin-bottom:var(--space-md)}.prose-h2{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-md);font-weight:600}.prose-h3{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-weight:600}.prose-blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-lg);margin-block:var(--space-lg)}.prose-figure{margin-block:var(--space-xl)}.prose-figure img{border-radius:var(--radius-md,8px);width:100%;display:block}.prose-figure figcaption{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.prose-blockquote p{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:0;font-style:italic;line-height:1.6}.project-page__header{max-width:800px;margin-bottom:var(--space-xl)}.project-page__top{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.project-page__badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;background-color:var(--color-accent-muted);color:var(--color-accent);border:1px solid #3b82f633;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.project-page__company{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-subtle);font-weight:600}.project-page__logo{object-fit:contain;width:auto;max-width:280px;max-height:72px;margin-bottom:var(--space-md);display:block}.project-page__name{font-family:var(--font-heading);font-size:clamp(var(--text-4xl), 6vw, var(--text-6xl));letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-md);font-weight:700;line-height:1.05}.project-page__tagline{font-family:var(--font-heading);font-size:clamp(var(--text-xl), 2.5vw, var(--text-2xl));color:var(--color-text-muted);margin-bottom:var(--space-lg);font-style:italic;line-height:1.4}.project-page__cta{align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);display:inline-flex}.project-page__cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);width:100%;max-width:720px;margin-bottom:var(--space-xl);display:block}.project-page__sections{gap:var(--space-xl);flex-direction:column;max-width:720px;display:flex}.project-section__heading{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-weight:600}.project-section__body{color:var(--color-text-muted);line-height:1.85;font-size:var(--text-lg)}@media (width>=640px){.articles__grid,.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.nav__links{display:flex}.nav__toggle,.nav__drawer{display:none!important}.hero__inner{grid-template-columns:1fr auto}.hero__photo-wrap{display:block}.contact__links{flex-direction:row}.contact__link{flex:1}.about__grid{grid-template-columns:auto 1fr;align-items:start}.about__photo-wrap{justify-content:flex-start}.timeline{padding-left:var(--space-xl)}}@media (width>=1024px){.articles__grid{grid-template-columns:repeat(3,1fr)}.section__heading{font-size:var(--text-5xl)}}#cookie-banner{z-index:9999;background:var(--color-surface-elevated);border-top:1px solid var(--color-border-strong);padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.cookie-banner__text{min-width:200px;font-size:var(--text-sm);color:var(--color-text-muted);flex:1;margin:0}.cookie-banner__link{color:var(--color-accent);text-decoration:underline}.cookie-banner__actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.btn--sm{font-size:var(--text-sm);padding:.4rem 1rem}.cookie-banner__decline{cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted);background:0 0;border:none;padding:.4rem 0;text-decoration:underline}.cookie-banner__decline:hover{color:var(--color-text-primary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__eyebrow{animation:.6s 50ms both fadeUp}.hero__name{animation:.7s .2s both fadeUp}.hero__tagline{animation:.6s .35s both fadeUp}.hero__intro{animation:.6s .5s both fadeUp}.hero__text .btn{animation:.6s .62s both fadeUp}.hero__photo-wrap{animation:.9s .15s both fadeUp}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.hero__eyebrow,.hero__name,.hero__tagline,.hero__intro,.hero__text .btn,.hero__photo-wrap{animation:none}.reveal{opacity:1;transition:none;transform:none}}