:root{--rail-width: 210px;--chrome-h: 60px;--rail-h: 36px;--gutter: var(--space-6)}@media (max-width: 1039px){:root{--rail-width: 76px}}*{box-sizing:border-box}html{background-color:var(--bg-page);scroll-snap-type:y mandatory;scroll-behavior:smooth}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-family-body);font-weight:var(--font-weight-body);font-size:var(--font-size-body-base);line-height:var(--line-height-body-base);-webkit-font-smoothing:antialiased}p,h1,h2,h3{margin:0}a{color:var(--text-accent)}a:hover{color:var(--marker-active)}.chrome{position:fixed;top:0;left:0;right:0;z-index:15;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--gutter);color:var(--text-primary);pointer-events:none}.chrome>*{pointer-events:auto}.chrome__brand{position:relative;z-index:1;display:inline-flex;color:var(--text-primary)}.chrome:before{content:"";position:absolute;inset:0 0 -24px;z-index:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg-page) 94%,transparent),color-mix(in srgb,var(--bg-page) 78%,transparent) 55%,color-mix(in srgb,var(--bg-page) 0%,transparent));opacity:0;transition:opacity .32s var(--motion-ease);pointer-events:none}html.scrolled .chrome:before{opacity:1}.brand__mark{display:block;width:132px;height:auto}.chrome__nav{position:relative;z-index:1;display:inline-flex;align-items:baseline;gap:var(--space-2);margin-top:-3.6px;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-label-md);line-height:var(--line-height-label-md)}.chrome__link{color:var(--text-secondary);text-decoration:none;padding-block:2px;white-space:nowrap}.chrome__link:hover{color:var(--text-primary)}.chrome__link{position:relative}.chrome__link:after{content:"";position:absolute;inset:-9px 0}.chrome__link.is-current{color:var(--text-primary);text-decoration:underline;text-decoration-thickness:var(--border-width-md);text-underline-offset:.28em;text-decoration-color:var(--marker-active)}.chrome__sep{color:var(--text-secondary)}@media (max-width: 719px){:root{--chrome-h: 54px}}@media (max-width: 419px){:root{--gutter: var(--space-5);--chrome-h: 60px}.chrome__brand{flex:1 1 auto;min-width:0}.brand__mark{width:100%;max-width:180px}.chrome__nav{gap:var(--space-1);font-size:var(--font-size-body-base);line-height:var(--line-height-body-base);margin-top:-5.7px}}.rail{position:fixed;left:var(--space-6);width:var(--rail-width);top:50%;transform:translateY(-50%);z-index:12;display:flex;flex-direction:column;gap:var(--space-3)}.rail__title{margin:0 0 var(--space-2);padding-left:calc(34px + var(--space-3));font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-label-md);line-height:var(--line-height-label-md);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.rail__item{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-secondary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-label-md);line-height:var(--line-height-label-md);font-variant-numeric:tabular-nums;white-space:nowrap;padding-block:var(--space-1);transition:color .32s var(--motion-ease)}.rail__num{min-width:1.5em;font-variant-numeric:tabular-nums}.rail__tick{display:block;width:34px;height:var(--border-width-md);background:var(--marker-active);transform:scaleX(.47);transform-origin:right center;transition:transform .32s var(--motion-ease)}.rail__item:hover{color:var(--marker-active)}.rail__item.is-active{color:var(--text-primary)}.rail__item.is-active .rail__tick{transform:scaleX(1)}@media (max-width: 1039px){.rail__name,.rail__title{display:none}}.rail__toggle{display:none;position:absolute;right:var(--gutter);top:-4px;width:44px;height:44px;place-items:center;background:color-mix(in srgb,var(--bg-container) 82%,transparent);backdrop-filter:blur(8px);border:0;border-radius:999px;cursor:pointer;color:var(--text-primary);transition:color .2s var(--motion-ease),background .2s var(--motion-ease),transform .2s var(--motion-ease)}.rail__toggle:hover{background:var(--bg-container);color:var(--marker-active)}.rail__toggle:focus-visible{outline:var(--border-width-md) solid var(--border-focus);outline-offset:2px}.rail__toggle svg{display:block;stroke-width:2}.rail__toggle:hover{color:var(--marker-active)}.rail.is-open .rail__toggle{transform:rotate(180deg)}@media (max-width: 719px){.rail{display:flex;position:fixed;top:var(--chrome-h);left:0;right:0;width:auto;transform:none;z-index:16;flex-direction:column;gap:0;padding:var(--space-2) var(--gutter)}.rail__title{display:flex;margin:0;gap:var(--space-2);padding-left:0}.rail__tick{transform-origin:left center}.rail__tick-slot{flex:0 0 auto}.rail__title>span:last-child{display:block}.rail:not(.is-open) .rail__item{display:none}.rail.is-open .rail__title{margin-bottom:var(--space-3)}.chrome:before{inset:0 0 calc(-1 * var(--rail-h) - 24px) 0;opacity:1}.rail{background:transparent}.rail.is-open{background:var(--bg-container);padding-bottom:var(--space-4)}html.rail-open .chrome:before{background:var(--bg-container)}.rail__toggle{display:grid}.rail__item{font-size:var(--font-size-body-base);line-height:var(--line-height-body-base);padding-block:var(--space-3);min-height:44px}.rail__name{display:block}.screen:not(.proj){padding-top:calc(var(--chrome-h) + var(--space-8))}}.screen{box-sizing:border-box;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);width:100%;max-width:44rem;margin-inline:auto;padding:var(--space-9) var(--gutter);scroll-snap-align:center;position:relative}.proj{position:relative;overflow:hidden;max-width:none;padding:0;gap:0}.hero{margin:0;display:flex;flex-direction:column;gap:var(--space-3);font-family:var(--font-family-display);font-weight:var(--font-weight-display);color:var(--text-primary);text-wrap:pretty}.hero__kicker,.hero__main{display:block}.t-display-hero{font-size:var(--font-size-display-hero);line-height:var(--line-height-display-hero)}.t-display-xl{font-size:var(--font-size-display-xl);line-height:var(--line-height-display-xl)}.t-display-md{font-size:var(--font-size-display-md);line-height:var(--line-height-display-md)}.t-display-sm{font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm)}.t-body-lg{font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg)}.t-body-base{font-size:var(--font-size-body-base);line-height:var(--line-height-body-base)}.t-label-md{font-size:var(--font-size-label-md);line-height:var(--line-height-label-md);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}@media (max-width: 719px){.m-display-hero{font-size:var(--font-size-display-hero);line-height:var(--line-height-display-hero)}.m-display-xl{font-size:var(--font-size-display-xl);line-height:var(--line-height-display-xl)}.m-display-md{font-size:var(--font-size-display-md);line-height:var(--line-height-display-md)}.m-display-sm{font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm)}.m-body-lg{font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg)}.m-body-base{font-size:var(--font-size-body-base);line-height:var(--line-height-body-base)}.m-label-md{font-size:var(--font-size-label-md);line-height:var(--line-height-label-md);font-family:var(--font-family-body);font-weight:var(--font-weight-medium)}}.hint{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-family:var(--font-family-body);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--text-secondary);text-decoration:none;transition:color .2s var(--motion-ease)}.hint:hover{color:var(--marker-active)}.proj__more,.hint{position:relative}.proj__more:after,.hint:after{content:"";position:absolute;inset:-9px 0}.hint svg{display:block;color:var(--marker-active);animation:atmen-y 2.8s ease-in-out infinite}@keyframes atmen-y{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes atmen-x{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.proj__media{position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(-45deg,transparent 0 12px,color-mix(in srgb,var(--media-line) 10%,transparent) 12px 13px),var(--media-fill);will-change:transform}.trio{position:absolute;inset:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.trio img{width:100%;height:100%;object-fit:cover;display:block}.proj__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.proj__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to right,color-mix(in srgb,var(--bg-page) 93%,transparent),color-mix(in srgb,var(--bg-page) 85%,transparent) 55%,color-mix(in srgb,var(--bg-page) 34%,transparent) 78%,color-mix(in srgb,var(--bg-page) 12%,transparent))}.proj__inner{position:relative;z-index:2;width:100%;max-width:44rem;margin-inline:auto;padding:var(--space-9) var(--gutter);display:flex;flex-direction:column;gap:var(--space-5)}.proj__logo{margin:0;display:flex;align-items:flex-end;min-height:56px}.proj__logo svg{display:block;width:auto;max-width:100%;color:var(--text-secondary)}.proj__logo svg[data-name=orf]{height:44px}.proj__logo svg[data-name=zdf]{height:50px}.proj__logo svg[data-name=tonline]{height:29px}.proj__name{font-family:var(--font-family-display);font-weight:var(--font-weight-display);font-size:var(--font-size-display-md);line-height:var(--line-height-display-md);color:var(--text-muted)}.proj__rule{height:var(--border-width-md);width:100%;background:var(--marker-active);transition:width .9s var(--motion-ease)}.proj__rule.is-in{width:100%;transition-delay:calc(var(--i, 0) * var(--motion-stagger))}html.js .proj__rule:not(.is-in){width:0}.proj__more{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-block:var(--space-1);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-body-base);line-height:var(--line-height-body-base);color:var(--text-secondary);text-decoration:none;transition:color .2s var(--motion-ease),gap .2s var(--motion-ease)}.proj__more:hover{color:var(--marker-active);gap:var(--space-3)}.proj__more svg{height:18px;width:auto;color:var(--marker-active);animation:atmen-x 2.8s ease-in-out infinite}.proj__more:hover svg{animation:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.proj__lead{font-family:var(--font-family-display);font-weight:var(--font-weight-display);font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm);color:var(--text-primary);text-wrap:pretty}.proj__note{font-family:var(--font-family-body);font-weight:var(--font-weight-body);font-size:var(--font-size-body-base);line-height:var(--line-height-body-base);color:var(--text-secondary);text-wrap:pretty}.portrait{margin:0;position:relative;width:min(44vw,156px);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--text-primary) 7%,transparent);box-shadow:inset 0 0 0 var(--border-width-md) color-mix(in srgb,var(--text-primary) 14%,transparent)}.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.werdegang{margin-top:var(--space-3);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-label-md);line-height:var(--line-height-label-md);color:var(--text-secondary)}.outro__heading{font-family:var(--font-family-display);font-weight:var(--font-weight-display);font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm);color:var(--text-primary);text-wrap:pretty}.outro__body{font-family:var(--font-family-body);font-size:var(--font-size-body-base);line-height:var(--line-height-body-base);color:var(--text-secondary);text-wrap:pretty}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.btn-secondary{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-body-base);line-height:var(--line-height-body-base);color:var(--text-button-secondary);background:transparent;border:var(--border-width-control) solid var(--border-button-secondary);border-radius:var(--radius-control);text-decoration:none;cursor:pointer;transition:color .2s var(--motion-ease),border-color .2s var(--motion-ease)}.btn-secondary:hover{color:var(--text-button-secondary-hover);border-color:var(--border-button-secondary-hover)}.rv{transition:opacity var(--motion-reveal-duration) var(--motion-ease),transform var(--motion-reveal-duration) var(--motion-ease);transition-delay:calc(var(--i, 0) * var(--motion-stagger))}.rv.is-in{opacity:1;transform:translateY(0)}html.js .rv:not(.is-in):not(.is-split){opacity:0;transform:translateY(var(--motion-reveal-translate))}.rv.is-split{opacity:1;transform:none}.is-split .ch{transition:opacity var(--hero-char-duration) var(--hero-char-ease);transition-delay:calc(var(--char-i, 0) * var(--hero-char-stagger))}.is-split.is-in .ch{opacity:1}html.js .is-split:not(.is-in) .ch{opacity:0}.w{display:inline-block;white-space:nowrap}a:focus-visible{outline:var(--border-width-md) solid var(--border-focus);outline-offset:var(--space-1);border-radius:var(--radius-control)}@media print{html.js .rv,html.js .rv:not(.is-in):not(.is-split){opacity:1;transform:none}html.js .is-split:not(.is-in) .ch{opacity:1}html.js .proj__rule:not(.is-in){width:100%}.chrome{position:static}}@media (prefers-reduced-motion: reduce){.rv,.rv.is-split,.is-split .ch,.proj__rule{transition-duration:1ms;transition-delay:0ms}.hint svg,.proj__more svg{animation:none}html{scroll-behavior:auto}}@media (min-width: 720px){.screen:not(.proj),.proj__inner{margin-inline:0;max-width:none;padding-left:calc(var(--gutter) + var(--rail-width) + var(--space-7));padding-right:var(--space-7)}.screen:not(.proj)>*,.proj__inner>*{max-width:40rem}}@media (min-width: 720px){.brand__mark{width:176px}.proj__name{font-size:var(--font-size-display-xl);line-height:var(--line-height-display-xl)}.portrait{width:220px}.proj__lead,.outro__heading{font-size:var(--font-size-display-md);line-height:var(--line-height-display-md)}.proj__note,.outro__body,.proj__more,.hint{font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg)}}@media (max-width: 719px){.proj{gap:var(--space-5);justify-content:flex-start;scroll-snap-align:start}.proj__media{position:relative;inset:auto;width:100%;aspect-ratio:auto;flex:1 1 auto;min-height:34dvh;transform:none!important}.proj__inner{flex:0 0 auto}.proj__scrim{display:none}.proj__inner{padding:0 var(--gutter) var(--space-6)}html{scroll-snap-type:y mandatory}.proj{scroll-snap-stop:always}#person,#kontakt{scroll-snap-align:start}}