:root{--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Courier New", Courier, monospace;--fw-thin:200;--fw-extralight:300;--fw-light:400;--fs-hero:clamp(24px, 2.9vw, 38px);--fs-statement:clamp(16px, 1.5vw, 21px);--fs-section-heading:clamp(16px, 2.2vw, 32px);--fs-contact:clamp(20px, 2.8vw, 44px);--fs-body:clamp(14px, 1.3vw, 19px);--fs-meta:clamp(11px, 1vw, 14px);--fs-label:12px;--fs-index:12px;--ls-hero:.16em;--ls-label:.32em;--ls-eyebrow:.34em;--ls-meta:.25em;--ls-heading:.04em;--bg-rgb:10, 10, 10;--fg-rgb:215, 215, 215;--shader-accent-rgb:8, 76, 103;--shader-accent-alt-rgb:111, 9, 115;--shader-intensity:.95;--shader-core-boost:1.12;--shader-veil:0;--color-bg:rgb(var(--bg-rgb));--color-text-strong:#f8f8f8fa;--color-text:#eaeaeaf2;--color-text-body:#e2e2e2f0;--color-text-muted:#dcdcdced;--color-text-subtle:#dadadaeb;--color-text-faint:#d6d6d6eb;--color-text-dim:#d8d8d8eb;--color-text-ghost:#cececee6;--color-link:#d4d4d4eb;--color-link-hover:#f8f8f8fa;--color-focus:#ffffffa6;--color-divider:#c8c8c826;--color-rule:#ffffff0f;--color-border:#ffffff0d;--color-border-hover:#ffffff26;--glass-bg:#0a0a0a38;--glass-border:#ffffff29;--glass-shadow:0 18px 55px #00000061;--glass-sheen:linear-gradient(135deg, #ffffff0d, #ffffff03 55%);--glass-highlight:inset 0 1px 0 #ffffff24;--glass-filter:blur(11px) saturate(135%);--ease-soft:cubic-bezier(.22, 1, .36, 1);--section-padding-x:10vw;--content-max-width:960px}[data-theme=light]{--bg-rgb:245, 245, 245;--fg-rgb:30, 30, 30;--shader-accent-rgb:100, 198, 242;--shader-accent-alt-rgb:227, 154, 247;--shader-intensity:1;--shader-core-boost:1.06;--shader-veil:0;--color-text-strong:#080808fa;--color-text:#181818f2;--color-text-body:#222222f0;--color-text-muted:#2c2c2ced;--color-text-subtle:#2e2e2eeb;--color-text-faint:#303030eb;--color-text-dim:#323232eb;--color-text-ghost:#383838e6;--color-link:#303030eb;--color-link-hover:#080808fa;--color-focus:#0000008c;--color-divider:#28282826;--color-rule:#00000014;--color-border:#00000012;--color-border-hover:#0000002e;--glass-bg:#ffffff42;--glass-border:#ffffff9e;--glass-shadow:0 18px 55px #0000001a;--glass-sheen:linear-gradient(135deg, #ffffff52, #ffffff1a 55%);--glass-highlight:inset 0 1px 0 #fff9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--color-bg);color:var(--color-text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s,color .4s}a{color:inherit;text-decoration:none}:focus-visible{outline:1px solid var(--color-focus);outline-offset:5px}#root{isolation:isolate}.content{z-index:10;position:relative}.section{padding:120px var(--section-padding-x) 100px;scroll-margin-top:96px}.section-head{margin-bottom:56px}.section-head__top{align-items:baseline;gap:22px;margin-bottom:14px;display:flex}.section-head__index{font-family:var(--font-mono);font-size:var(--fs-index);letter-spacing:.2em;color:var(--color-text-dim);flex-shrink:0}.section-head__eyebrow{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-faint)}.section-head__rule{background:var(--color-rule);width:100%;height:1px}.about{min-height:70vh}.about__panel{border:1px solid var(--glass-border);background-color:var(--glass-bg);background-image:var(--glass-sheen);box-shadow:var(--glass-shadow), var(--glass-highlight);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:18px;overflow:hidden}.about__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:48px;padding:44px 48px;display:grid}.about__grid.has-portrait{grid-template-columns:300px minmax(0,1fr)}.about__portrait{width:100%;max-width:300px;height:auto;display:block}.about__bio{max-width:62ch;font-family:var(--font-sans);font-size:var(--fs-statement);font-weight:var(--fw-extralight);letter-spacing:.01em;color:var(--color-text-strong);quotes:"„" "“" "‚" "‘";align-self:center;line-height:1.65}html:lang(en) .about__bio{quotes:"“" "”" "‘" "’"}.about__bio p+p{margin-top:1.1em}.about__bio p:first-child:before{content:open-quote}.about__bio p:last-child:after{content:close-quote}.about__stats{border-top:1px solid var(--color-border);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding-top:34px;display:grid}.about__stat{flex-direction:column;gap:10px;display:flex}.about__stat-label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-dim)}.about__stat-value{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.08em;color:var(--color-text-strong);margin:0;line-height:1.5}@media (width<=900px){.about__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 32px}}@media (width<=720px){.about__grid,.about__grid.has-portrait{grid-template-columns:1fr;gap:30px;padding:28px 24px}.about__portrait{max-width:180px}.about__bio{max-width:none}.about__stats{grid-template-columns:1fr;gap:0;padding-top:8px}.about__stat{border-bottom:1px solid var(--color-border);padding:16px 0}.about__stat:last-child{border-bottom:0}}.contact{padding-bottom:160px}.contact__email{font-family:var(--font-sans);font-size:var(--fs-contact);font-weight:var(--fw-thin);letter-spacing:.06em;color:var(--color-text);margin-bottom:44px;transition:color .3s;display:inline-block}.contact__email:hover{color:var(--color-text-strong)}.contact__socials{flex-wrap:wrap;gap:12px;display:flex}.contact__social{border:1px solid var(--color-border-hover);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted);background-color:#0000;background-image:none;border-radius:999px;padding:12px 24px;transition:color .3s,border-color .3s,background-color .3s,box-shadow .3s,transform .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s}.contact__social:hover{color:var(--color-link-hover);border-color:var(--glass-border);background-color:var(--glass-bg);background-image:var(--glass-sheen);box-shadow:var(--glass-shadow), var(--glass-highlight);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);transform:translateY(-2px)}.nav{align-items:center;gap:18px;display:flex;overflow:hidden}.nav>*{flex-shrink:0}.nav__list{white-space:nowrap;align-items:center;gap:4px;list-style:none;display:flex}.nav__link{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-meta);text-transform:uppercase;color:var(--color-text-ghost);border-radius:999px;align-items:baseline;gap:9px;padding:7px 13px;transition:color .25s;display:flex;position:relative}.nav__link:hover,.nav__link.is-active{color:var(--color-text-strong)}.nav__highlight{z-index:0;background:rgba(var(--fg-rgb), .12);border-radius:999px;position:absolute;inset:0}.nav__index,.nav__label{z-index:1;position:relative}.nav__index{font-size:var(--fs-index);letter-spacing:.2em;color:var(--color-text-dim);transition:color .25s}.nav__link:hover .nav__index,.nav__link.is-active .nav__index{color:var(--color-text)}@media (width<=720px){.nav{display:none}}.controls{z-index:20;border:1px solid var(--glass-border);background-color:var(--glass-bg);background-image:var(--glass-sheen);box-shadow:var(--glass-shadow), var(--glass-highlight);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:999px;align-items:center;gap:0;padding:6px 8px;display:flex;position:fixed;top:28px;right:28px;overflow:hidden}.controls__group{flex-shrink:0;align-items:center;padding:0 10px;display:flex}.controls__divider{background:var(--color-border-hover);flex-shrink:0;width:1px;height:12px}@media (width<=720px){.controls{padding:6px;right:20px}.controls__group{padding:0 7px}}.toggle{align-items:center;gap:10px;display:flex}.toggle__option{cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.2em;text-transform:uppercase;color:var(--color-link);background:0 0;border:none;padding:0;line-height:1;transition:color .25s}.toggle__option:hover{color:var(--color-link-hover)}.toggle__option.is-active{color:var(--color-text)}.switch{border:1px solid var(--color-border-hover);cursor:pointer;background:0 0;border-radius:999px;width:42px;height:22px;padding:0;transition:border-color .3s;display:block;position:relative}.switch:hover{border-color:var(--color-link-hover)}.switch__knob{background:var(--color-text);border-radius:50%;width:16px;height:16px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:3px;transform:translateY(-50%)}.switch.is-on .switch__knob{transform:translate(20px,-50%)}@media (prefers-reduced-motion:reduce){.switch__knob{transition:none}}.hero{height:100vh;padding:0 var(--section-padding-x);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;display:flex}.hero .section-head{width:100%;max-width:var(--content-max-width);margin-bottom:10px}.hero__name{font-family:var(--font-sans);font-size:var(--fs-hero);font-weight:var(--fw-thin);letter-spacing:var(--ls-hero);text-transform:uppercase;color:var(--color-text-strong)}.hero__title{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--color-text-subtle)}.projects{min-height:100vh}.projects__list{flex-direction:column;gap:16px;list-style:none;display:flex}.project{--card-duration:.62s;border:1px solid #0000;border-bottom-color:var(--color-border);transition:padding var(--card-duration) var(--ease-soft), background-color .8s var(--ease-soft), background-image .8s var(--ease-soft), border-color .8s var(--ease-soft), box-shadow .8s var(--ease-soft), -webkit-backdrop-filter .8s var(--ease-soft), backdrop-filter .8s var(--ease-soft);border-radius:18px}.project.is-active{border-color:var(--glass-border);background-color:var(--glass-bg);background-image:var(--glass-sheen);box-shadow:var(--glass-shadow), var(--glass-highlight);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);padding:8px 28px 28px}.project__inner{transition:opacity .8s var(--ease-soft), transform .8s var(--ease-soft)}.project:not(.is-active) .project__inner{opacity:.52;transform:scale(.985)}.project.is-active .project__inner{opacity:1;transform:none}.project__row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:24px;padding:38px 0;display:flex}.project__main{align-items:baseline;gap:28px;display:flex}.project__index{font-family:var(--font-mono);font-size:var(--fs-index);letter-spacing:.2em;color:var(--color-text-dim);flex-shrink:0}.project__title{font-family:var(--font-sans);font-size:var(--fs-section-heading);font-weight:var(--fw-extralight);letter-spacing:var(--ls-heading);color:var(--color-text);transition:color .3s}.project.is-active .project__title,.project__row:hover .project__title{color:var(--color-text-strong)}.project__meta{flex-shrink:0;align-items:baseline;gap:28px;padding-left:24px;display:flex}.project__tags{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-meta);text-transform:uppercase;color:var(--color-text-dim)}.project__year{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.15em;color:var(--color-text-ghost)}.project__marker{opacity:.5;flex-shrink:0;align-self:center;width:11px;height:11px;transition:opacity .3s;position:relative}.project__marker:before,.project__marker:after{content:"";background:var(--color-text-dim);margin:auto;transition:transform .5s;position:absolute;inset:0}.project__marker:before{width:100%;height:1px}.project__marker:after{width:1px;height:100%}.project.is-active .project__marker:after{transform:scaleY(0)}.project.is-active .project__marker,.project__row:hover .project__marker{opacity:1}.project__card{overflow:hidden}.project__card-body{flex-direction:column;gap:20px;padding-top:22px;display:flex}.project__image{border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:760px;height:auto;display:block}.project__description{max-width:60ch;font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-extralight);color:var(--color-text-body);line-height:1.7}.project__stack{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.project__chip{border:1px solid var(--glass-border);background:var(--glass-bg);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);border-radius:999px;padding:6px 14px}.project__link{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.25em;text-transform:uppercase;color:var(--color-link);align-self:flex-start;transition:color .25s}.project__link:hover{color:var(--color-link-hover)}@media (width<=720px){.project:not(.is-active) .project__inner{opacity:.45}.project__row{flex-direction:column;gap:10px;padding:30px 0}.project__meta{padding-left:0}}.shader-background{z-index:0;pointer-events:none;background:var(--color-bg);position:fixed;inset:0}.shader-background[data-fallback=true]{background:radial-gradient(120% 90% at 50% 40%, rgba(var(--shader-accent-rgb), .35), transparent 70%), var(--color-bg)}.shader-background:after{content:"";background:rgba(var(--bg-rgb), var(--shader-veil));pointer-events:none;position:absolute;inset:0}.shader-background__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}