@font-face{font-family:Fraunces;src:url(/fonts/fraunces-normal-latin.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic-latin.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrainsmono-normal-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f6f5f2;--panel: #edece8;--frame: #e9e8e4;--ink: #0e0e0d;--ink-soft: #2a2a26;--text: #43433e;--mid: #6e6e68;--faint: #a3a29c;--line-faint: rgba(14, 14, 13, .08);--line: rgba(14, 14, 13, .12);--line-strong: rgba(14, 14, 13, .18);--line-bold: rgba(14, 14, 13, .24);--line-invert: rgba(246, 245, 242, .22);--quiet: #8a8a83;--nav-h: 68px;--on-ink-muted: rgba(246, 245, 242, .5);--on-ink-faint: rgba(246, 245, 242, .45);--on-ink-quiet: rgba(246, 245, 242, .55);--line-invert-faint: rgba(246, 245, 242, .16);--line-invert-strong: rgba(246, 245, 242, .28);--gutter: clamp(20px, 4vw, 64px);--max: 1320px;--display: "Fraunces", "Iowan Old Style", Georgia, serif;--body: "Fraunces", "Iowan Old Style", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.015em}.hero__title,.contact__title,.h2{font-variation-settings:"SOFT" 40,"WONK" 1}body{font-variation-settings:"SOFT" 30,"WONK" 0}p{margin:0;text-wrap:pretty}ul{margin:0;padding:0;list-style:none}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid currentColor;outline-offset:3px}::selection{background:var(--ink);color:var(--paper)}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--paper);padding:12px 18px;font-family:var(--body);font-size:14px}.skip-link:focus{left:12px;top:12px}.mono-label{font-family:var(--body);font-size:12.5px;font-weight:500;letter-spacing:.01em;text-transform:none;color:var(--quiet)}.body{font-size:clamp(16px,1.25vw,17.5px);line-height:1.72;color:var(--text);max-width:62ch}.body+.body{margin-top:18px}.h2+.body{margin-top:clamp(18px,2vw,26px)}.body--sm{font-size:15.5px;line-height:1.65;max-width:60ch}.h2{font-family:var(--display);font-size:clamp(27px,3.2vw,44px);font-weight:600;line-height:1.12;text-wrap:balance;max-width:34ch}.band{background:var(--paper);color:var(--ink);scroll-margin-top:70px}.section{max-width:var(--max);margin:0 auto;padding:clamp(44px,6vw,90px) var(--gutter);scroll-margin-top:70px}.band--dark{--paper: #0e0e0d;--panel: #1c1c19;--frame: #26261f;--ink: #f6f5f2;--ink-soft: #e9e8e4;--text: rgba(246, 245, 242, .72);--mid: rgba(246, 245, 242, .62);--faint: rgba(246, 245, 242, .45);--quiet: rgba(246, 245, 242, .55);--line-faint: rgba(246, 245, 242, .12);--line: rgba(246, 245, 242, .16);--line-strong: rgba(246, 245, 242, .24);--line-bold: rgba(246, 245, 242, .3)}.section-header{position:sticky;top:var(--nav-h);z-index:20;background:var(--paper);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line-strong);padding-top:16px;margin-bottom:clamp(28px,4vw,56px);font-family:var(--display);font-style:italic;font-size:clamp(15px,1.4vw,18px);letter-spacing:0;text-transform:none;color:var(--quiet)}.section-header--tight{position:static;margin:clamp(40px,5vw,72px) 0 22px}.section-header__title{color:var(--ink)}.section-header__num{margin-left:14px;font-family:var(--body);font-style:normal;font-size:12px;font-weight:500;color:var(--faint)}.section-header--dark{border-color:var(--line-invert);color:var(--on-ink-quiet);margin-bottom:0;background:var(--ink)}.section-header--dark .section-header__title{color:var(--paper)}.reveal{opacity:1}@keyframes reveal-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}@supports (animation-timeline: view()){.reveal{transition:none;animation:reveal-in linear both;animation-timeline:view();animation-range:entry 5% entry 75%}.hero__bg{animation:hero-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.hero__inner{animation:hero-exit linear both;animation-timeline:view();animation-range:exit 0% exit 75%}}}@keyframes hero-drift{0%{transform:translateY(-40px) scale(1.12)}to{transform:translateY(60px) scale(1.12)}}@keyframes hero-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-40px)}}.split{display:inline}.split__word{display:inline-block;overflow:clip;vertical-align:bottom;padding:.18em 0 .24em;margin:-.18em 0 -.24em}.split__inner{display:inline-block}@keyframes word-rise{0%{transform:translateY(105%);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: no-preference){.split .split__inner{transform:translateY(105%);opacity:0}.split.is-revealed .split__inner{animation:word-rise .9s var(--ease) both;animation-delay:calc(var(--i, 0) * 85ms)}}.nav{position:sticky;top:0;z-index:60;background:var(--ink);color:var(--paper)}.nav__inner{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);height:var(--nav-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.nav__brand{justify-self:start;display:flex;align-items:baseline;gap:10px}.nav__name{font-weight:700;font-size:17px;letter-spacing:-.02em}.nav__links{justify-self:center;display:flex;align-items:center;gap:clamp(14px,1.8vw,30px)}.nav__link{font-family:var(--body);font-size:13px;letter-spacing:.01em;color:var(--on-ink-muted);padding:6px 0;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.nav__link:hover,.nav__link.is-active{color:var(--paper);border-bottom-color:var(--paper)}.nav__social{justify-self:end;display:flex;gap:18px;font-family:var(--body);font-size:13px;letter-spacing:.01em;color:var(--on-ink-muted)}.nav__social a{transition:color .2s ease}.nav__social a:hover{color:var(--paper)}.nav__burger{display:none}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;padding:0 clamp(20px,5vw,40px) 40px}.menu__bar{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-invert)}.menu__bar .mono-label{color:var(--on-ink-muted)}.menu__close{width:44px;height:44px;background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--paper)}.menu__links{display:flex;flex-direction:column;margin-top:24px}.menu__links a{display:flex;align-items:baseline;gap:14px;padding:20px 0;border-bottom:1px solid var(--line-invert);font-size:clamp(28px,9vw,40px);font-weight:700;letter-spacing:-.03em}.menu__num{font-family:var(--body);font-size:13px;font-weight:400;color:var(--on-ink-faint)}.menu__social{margin-top:auto;display:flex;gap:22px;font-family:var(--body);font-size:13px;letter-spacing:.01em;color:var(--on-ink-muted)}.hero{position:relative;overflow:clip;min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:flex;flex-direction:column;justify-content:flex-end;background:var(--ink);color:var(--paper);scroll-margin-top:0}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.04);opacity:.62}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0e0e0df0,#0e0e0de6 26%,#0e0e0d9e 46%,#0e0e0d3d 72%,#0e0e0d24),linear-gradient(180deg,rgba(14,14,13,.4) 0%,rgba(14,14,13,0) 24%,rgba(14,14,13,0) 60%,rgba(14,14,13,.7) 93%,var(--ink) 100%)}.hero__inner{position:relative;width:100%;max-width:var(--max);margin:0 auto;padding:clamp(20px,2.4vw,36px) var(--gutter) clamp(20px,2.4vw,32px)}.hero__eyebrow{font-family:var(--body);font-size:clamp(10.5px,1vw,12px);letter-spacing:.2em;color:#f6f5f299}.hero__title{margin-top:clamp(18px,2.5vw,30px);font-family:var(--display);font-size:clamp(46px,9.2vw,148px);font-weight:600;line-height:.92;letter-spacing:-.03em}.hero__role{margin-top:clamp(10px,1.4vw,16px);font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(18px,1.95vw,27px);line-height:1.25;color:#f6f5f2c7}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.hero__intro{margin-top:clamp(16px,2vw,24px);max-width:54ch;font-size:clamp(15px,1.15vw,16.5px);line-height:1.62;color:#f6f5f2b8}.hero .btn-row{margin-top:clamp(24px,3vw,34px)}.hero__foot{position:relative;width:100%;max-width:var(--max);margin:0 auto;padding:16px var(--gutter) clamp(20px,3vw,34px);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-family:var(--body);font-size:12.5px;letter-spacing:.01em;color:var(--on-ink-quiet)}.hero__foot:before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid rgba(246,245,242,.18)}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,36px)}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;min-height:48px;font-family:var(--body);font-size:14px;font-weight:500;letter-spacing:0;border:1px solid transparent;cursor:pointer;transition:transform .22s var(--ease),background .2s ease,border-color .2s ease}.btn--sm{padding:13px 20px;min-height:46px;font-size:11px;letter-spacing:.13em}.btn--solid{background:var(--ink);color:var(--paper)}.btn--solid:hover{background:var(--ink-soft);transform:translateY(-2px)}.btn--ghost{border-color:var(--line-bold);background:none;color:var(--ink)}.btn--ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.btn--invert{background:var(--paper);color:var(--ink);align-self:flex-start}.btn--invert:hover{background:#fff;transform:translateY(-2px)}.btn--outline-invert{background:none;border-color:var(--line-bold);color:var(--paper)}.btn--outline-invert:hover{border-color:var(--paper)}.link-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;font-family:var(--body);font-size:13px;letter-spacing:.01em}.link{display:inline-flex;gap:7px;border-bottom:1px solid var(--line-strong);padding-bottom:3px;transition:color .2s ease,border-color .2s ease}.link:hover{border-color:var(--ink)}.link--muted{color:var(--mid)}.link--muted:hover{color:var(--ink)}.about{display:flex;flex-wrap:wrap;gap:clamp(28px,5vw,72px)}.about__figure{flex:1 1 260px;max-width:340px}.about__text{flex:2 1 420px;max-width:760px}.about__details{margin:22px 0 0;border-top:1px solid var(--line)}.about__detail{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line-faint);font-family:var(--body);font-size:13.5px}.about__detail:last-child{border-bottom:0}.about__details dt{color:var(--quiet);letter-spacing:.01em;font-size:13px}.about__details dd{margin:0;text-align:right;overflow-wrap:anywhere}.frame{position:relative;width:100%;background:var(--frame);overflow:clip;border:1px solid var(--line)}.frame--portrait{aspect-ratio:4 / 5}.frame__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--body);font-size:12.5px;letter-spacing:.01em;color:var(--faint)}.skala{margin-top:clamp(30px,3.5vw,46px);--skala-spalten: minmax(104px, 1.15fr) minmax(200px, 2.3fr) 148px}.skala>.mono-label{display:block;margin-bottom:16px}.skala__legende{display:grid;grid-template-columns:var(--skala-spalten);gap:8px 18px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.skala__legende-stufen{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.skala__legende-stufen li{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 4px;text-align:center;font-size:11.5px;line-height:1.25;color:var(--quiet)}.skala__legende-nr{font-size:10px;color:var(--faint);font-variant-numeric:tabular-nums}.skala__liste{display:flex;flex-direction:column}.skala__zeile{display:grid;grid-template-columns:var(--skala-spalten);align-items:center;gap:8px 18px;padding:11px 0;border-bottom:1px solid var(--line-faint)}.skala__zeile:last-child{border-bottom:0}.skala__label{font-size:15px}.skala__achse{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.skala__stufe{position:relative;height:14px}.skala__stufe:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line);transform:translateY(-50%)}.skala__stufe:after{content:"";position:absolute;top:50%;left:50%;width:1px;height:7px;background:var(--line-strong);transform:translate(-50%,-50%)}.skala__stufe.is-hier:after{width:11px;height:11px;border-radius:50%;background:var(--ink);border:1px solid var(--ink)}.skala__stufe.is-hier.is-niedrig:after{background:transparent;border:1.5px solid var(--faint)}.skala__wert{grid-column:3;font-size:13.5px;color:var(--text);text-align:right}.skala__wert.is-offen{color:var(--faint);font-style:italic}.skala__notiz{grid-column:1 / -1;margin:2px 0 0;font-size:13.5px;line-height:1.5;color:var(--quiet);max-width:60ch}@media (max-width: 640px){.skala__legende{display:block}.skala__legende-stufen{display:flex;flex-wrap:wrap;gap:4px 14px}.skala__legende-stufen li{flex-direction:row;align-items:baseline;gap:5px;padding:0;text-align:left}.skala__zeile{grid-template-columns:1fr auto;gap:7px 12px}.skala__label{grid-column:1;grid-row:1}.skala__wert{grid-column:2;grid-row:1}.skala__achse{grid-column:1 / -1;grid-row:2}.skala__notiz{grid-column:1 / -1;grid-row:3}}.project{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,56px)}.project--featured{margin-bottom:clamp(48px,6vw,88px)}.project--featured .project__media{flex:1.6 1 480px;min-width:0}.project--featured .project__body{flex:1 1 300px;min-width:0;display:flex;flex-direction:column}.project--row{border-top:1px solid var(--line);padding-top:clamp(24px,3vw,40px);margin-bottom:clamp(40px,5vw,72px)}.project--row .project__body{flex:1 1 300px;min-width:0}.project--row .project__media{flex:1.25 1 380px;min-width:0}.project--row.is-flipped{flex-direction:row-reverse}.project__body .mono-label{display:block;margin-bottom:12px;color:var(--quiet)}.project__title{font-family:var(--display);font-size:clamp(27px,2.9vw,40px);line-height:1.05}.project__title--lg{font-size:clamp(32px,3.9vw,56px);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}.project__body .body{margin-top:18px;max-width:46ch}.project__actions{margin-top:auto;padding-top:28px}.project__actions .btn-row{margin-top:0}.tech{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:20px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--line)}.tile{display:flex;flex-direction:column;gap:12px;background:var(--paper);padding:clamp(20px,2.4vw,30px);min-height:220px;transition:background .22s ease}.tile:hover{background:var(--panel)}.tile__title{font-family:var(--display);font-size:24px;letter-spacing:0}.tile__foot{margin-top:auto;display:flex;justify-content:space-between;gap:12px;font-family:var(--body);font-size:13px;letter-spacing:.1em;color:var(--mid)}.resume{display:flex;flex-wrap:wrap;gap:clamp(28px,5vw,72px)}.resume__col{flex:1 1 340px;min-width:0;display:flex;flex-direction:column}.resume__col>.mono-label{display:block;margin-bottom:18px}.resume__block{padding-left:20px;border-left:1px solid var(--line);margin-top:clamp(20px,2.4vw,28px)}.resume__role{margin:0;font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:0}.resume__meta{margin-top:6px;font-family:var(--body);font-size:13px;letter-spacing:.01em;color:var(--quiet)}.resume__bullets{margin-top:12px;display:flex;flex-direction:column;gap:7px}.resume__bullets li{position:relative;padding-left:20px;font-size:15px;line-height:1.6;color:var(--text)}.resume__bullets li:before{content:"·";position:absolute;left:3px;color:var(--faint)}.contact__inner{max-width:var(--max);margin:0 auto;padding:clamp(56px,8vw,120px) var(--gutter) clamp(32px,4vw,48px)}.contact__title{margin-top:clamp(32px,5vw,64px);font-family:var(--display);font-size:clamp(46px,10vw,164px);font-weight:400;line-height:.92;letter-spacing:-.015em}.contact__grid{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);margin-top:clamp(40px,6vw,80px)}.contact__col{flex:1 1 100%;min-width:0;max-width:62ch}.contact__email{display:inline-block;margin-top:clamp(24px,3vw,36px);font-size:clamp(20px,2.6vw,34px);font-weight:600;letter-spacing:-.03em;border-bottom:1px solid var(--line-bold);padding-bottom:6px;transition:border-color .2s ease}.contact__email:hover{border-color:var(--ink)}.footer__legal{max-width:var(--max);margin:0 auto;padding:clamp(40px,5vw,72px) var(--gutter) clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(28px,4vw,64px)}.footer__recht{scroll-margin-top:70px}.footer__recht-titel{font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px;color:var(--paper)}.footer__recht p{font-size:13.5px;line-height:1.6;color:var(--on-ink-muted);max-width:56ch}.footer__recht p+p{margin-top:8px}.footer{background:var(--ink);color:var(--on-ink-muted)}.footer__inner{max-width:var(--max);margin:0 auto;padding:0 var(--gutter) clamp(28px,3vw,44px);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;border-top:1px solid rgba(246,245,242,.16);padding-top:22px;font-family:var(--body);font-size:12.5px;letter-spacing:.01em}.footer__links{display:flex;flex-wrap:wrap;gap:20px}.footer__links a{transition:color .2s ease}.footer__links a:hover{color:var(--paper)}@media (max-width: 760px){.hero__bg{opacity:.4}.hero__scrim{background:linear-gradient(180deg,rgba(14,14,13,.7) 0%,rgba(14,14,13,.78) 55%,var(--ink) 100%)}}@media (max-width: 900px){.nav__inner{grid-template-columns:1fr auto}.nav__links,.nav__social{display:none}.nav__burger{display:flex;justify-self:end;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;background:none;border:0;cursor:pointer}.nav__burger span{display:block;height:1.5px;width:100%;background:var(--paper)}.project--row.is-flipped{flex-direction:row}.project--featured .project__media{order:-1}.resume{gap:clamp(24px,4vw,40px)}}@media (max-width: 560px){.hero__title{letter-spacing:-.035em}.btn{width:100%;justify-content:space-between}.btn--outline-invert{background:none;border-color:var(--line-bold);color:var(--paper)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}