@font-face{font-family:Dancing Script;src:url(/fonts/DancingScript-Bold.woff2)format("woff2");font-weight:700;font-display:swap}.about{--font-script:"Dancing Script", cursive;--about-ember:var(--intro-b);--about-tile:#fffaf1;--about-spring:cubic-bezier(.34, 1.56, .64, 1);--about-gutter:clamp(1rem, 2.2vw, 2rem);--tide-ember:oklab(51.8054% .129121 .100712/.19);--tide-sky:oklab(83.2239% -.0253408 -.0511545/.52)}:root[data-theme=dark] .about{--about-tile:#1a2260;--tide-ember:oklab(72.6594% .132204 .115753/.09);--tide-sky:oklab(44.21% -.00249666 -.171661/.34)}@media (width>=40.0625rem) and (not ((orientation:portrait) and (width<=64rem))){:root:has(.about) .hero__toggles{margin-right:3.5rem}}#content.about{--content-end:var(--hero-bg);isolation:isolate;background:var(--hero-bg);color:var(--hero-fg);font-family:var(--font-ui);position:relative;overflow-x:clip}#content.about:after{z-index:-1}.about__grid{z-index:1;padding:0 var(--about-gutter);grid-template-columns:1fr;display:grid;position:relative}@media (width>=56.0625rem){.about__grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem}}.about__sky{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.about__sky:before,.about__sky:after{content:"";filter:blur(60px);background:linear-gradient(transparent, var(--tide-ember), transparent);width:220vmax;height:30vmax;margin:-15vmax 0 0 -110vmax;position:absolute;top:50%;left:50%;transform:rotate(-22deg)translateY(-30vh)}.about__sky:after{background:linear-gradient(transparent, var(--tide-sky), transparent);transform:rotate(-22deg)translateY(34vh)}@media (prefers-reduced-motion:no-preference){.about__sky:before{animation:5s ease-in-out infinite alternate about-tide-a}.about__sky:after{animation:6s ease-in-out infinite alternate about-tide-b}.about.is-paused .about__sky:before,.about.is-paused .about__sky:after{animation-play-state:paused}}@keyframes about-tide-a{0%{transform:rotate(-22deg)translateY(-30vh)}to{transform:rotate(-19deg)translateY(12vh)}}@keyframes about-tide-b{0%{transform:rotate(-22deg)translateY(34vh)}to{transform:rotate(-26deg)translateY(-4vh)}}.about__pause{z-index:6;border:1px solid var(--hero-line);background:var(--hero-bg);width:2.25rem;height:2.25rem;color:var(--hero-fg);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:1.5625rem;right:12.5rem}.about__pause svg{fill:currentColor;width:.875rem;height:.875rem}.about__pause:focus-visible{outline:2px solid var(--hero-accent);outline-offset:3px}.about__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.about__fig-col{z-index:3;position:relative}:is(.about__grid:has(.about__card[open]),.about__fig-col:has(.about__card[open])){z-index:7}@media (width>=56.0625rem){.about__fig-col{overflow-clip-margin:var(--about-gutter);align-items:flex-end;height:100dvh;display:flex;position:sticky;top:0;overflow:clip}}.about__figure{width:100%;height:min(70svh,46rem,100svh - 22rem);position:relative}.about__body{aspect-ratio:945/1015;transform-origin:50% 100%;height:100%;margin-inline:auto;position:relative;translate:0 2.5%}.about__me{object-fit:contain;object-position:50% 100%;clip-path:inset(0 0 2.5%);-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .45s,filter .45s;display:block;position:absolute;inset:0;transform:scaleX(-1)}.about__me--up{opacity:0;transform-origin:50% 100%;filter:blur(6px);transform:scale(-1.03,1.03)}.is-open .about__me--up{opacity:1;filter:blur()}.is-open .about__me--think{opacity:0;filter:blur(6px)}.about__head{z-index:6;cursor:pointer;background:0 0;border:0;border-radius:50%;width:42%;height:44%;position:absolute;top:0;left:33%}.about__head:focus-visible{outline:2px solid var(--hero-accent);outline-offset:4px}.about__say{z-index:7;pointer-events:none;color:#000;width:max-content;max-width:13rem;font:700 1.15rem/1.05 var(--font-ui);text-transform:uppercase;letter-spacing:-.01em;opacity:0;transform-origin:0 100%;transition:opacity .14s ease, scale .38s var(--about-spring), translate .38s var(--about-spring);background:#fff;border:3px solid #000;border-radius:1.1rem;margin:0;padding:.8rem 1.15rem .75rem;position:absolute;top:-8%;left:70%;translate:-14px 10px;rotate:3deg;scale:.6;box-shadow:4px 5px #989898}.about__say:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 38'%3E%3Cpath d='M10 0 L6 30 L30 0 Z' fill='%23989898' transform='translate(4 5)'/%3E%3Cpath d='M8.5 0 L6 30 L31.5 0 Z' fill='%23fff'/%3E%3Cpath d='M8.5 3 L6 30 L29 3' fill='none' stroke='%23000' stroke-width='3' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;width:36px;height:38px;position:absolute;top:calc(100% - 1.5px);left:14px}.about__say small{white-space:nowrap;font:.6875rem/1 var(--font-label);letter-spacing:.1em;color:#4a4a4a;align-items:center;gap:.35rem;margin-top:.45rem;display:flex}.about__say-tap{display:none!important}@media (pointer:coarse){.about__say-click{display:none!important}.about__say-tap{display:flex!important}}.about__head:focus-visible~.about__say{opacity:1;translate:0;scale:1}@media (hover:hover) and (pointer:fine){.about__head:hover~.about__say{opacity:1;translate:0;scale:1}}@media (hover:none),(width<=56rem){.about__say{opacity:1;translate:0;scale:1}}.is-open .about__say{opacity:0!important}.about__burst{z-index:4;pointer-events:none;width:0;height:0;position:absolute;top:6%;left:54%}.about__burst i{background:var(--hero-fg);transform-origin:50% 100%;opacity:0;border-radius:3px;width:3px;position:absolute}.about__burst svg{opacity:0;width:1rem;height:1rem;color:var(--hero-fg);position:absolute;top:-.5rem;left:-.5rem;overflow:visible}.about__pile{z-index:5;width:0;height:0;margin:0;padding:0;list-style:none;position:absolute;top:6%;left:54%}@media (width>=56.0625rem) and (width<=72rem){.about__pile{scale:.8}}.about__ico{cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;width:6.5rem;height:6rem;margin:-3rem 0 0 -3.25rem;padding:0;position:absolute}.is-open .about__ico{pointer-events:auto}.about__ico:focus-visible{outline:2px solid var(--hero-accent);outline-offset:2px;border-radius:.75rem}.about__float,.about__art{width:100%;height:100%;display:block}.about__art{transition:transform .28s var(--about-spring);position:relative}.about__ico:focus-visible .about__art{transform:translateY(-6px) scale(1.08) rotate(calc(var(--r) * -1))}@media (hover:hover) and (pointer:fine){.about__ico:hover .about__art{transform:translateY(-6px) scale(1.08) rotate(calc(var(--r) * -1))}}.about__ico.is-picked .about__art{transform:scale(.92)}@media (prefers-reduced-motion:no-preference){.is-settled .about__float{animation:about-sway calc(3.6s + var(--i) * .4s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.7s)}}@keyframes about-sway{0%{transform:translateY(-2px)rotate(-1.5deg)}to{transform:translateY(2px)rotate(1.5deg)}}.about__ico svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.about__aura{color:var(--hero-fg);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;top:0;left:0}.is-settled .about__aura{opacity:1}.about__aura i{transform-origin:50% 100%;background:currentColor;border-radius:3px;width:3px;position:absolute}.about__aura svg{width:1rem;height:1rem;margin:-.5rem;position:absolute;overflow:visible}@media (prefers-reduced-motion:no-preference){.is-settled .about__aura i{animation:2.2s ease-in-out infinite alternate about-flick;animation-delay:calc(var(--k) * -.4s)}.is-settled .about__aura svg{animation:about-drift calc(2.2s + var(--k) * .3s) ease-in-out infinite alternate;animation-delay:calc(var(--k) * -.6s)}}@keyframes about-flick{0%{opacity:.45;transform:scaleY(.75)}to{opacity:.9;transform:scaleY(1)}}@keyframes about-drift{0%{transform:translate(-1.5px,1.5px)rotate(-6deg)}to{transform:translate(1.5px,-2px)rotate(6deg)}}.about.is-paused :is(.about__float,.about__aura i,.about__aura svg){animation-play-state:paused!important}.about__ico,.about__tile-art{--d-line:#000;--d-paper:#ededed;--d-mid:#989898;--d-dot:#1a1a1a}.so{fill:var(--d-paper);stroke:var(--d-line);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.sp{fill:var(--d-paper);stroke:#1a1a1a;stroke-width:1.15px;stroke-linejoin:round}.si{fill:none;stroke:#1a1a1a;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round}.sf{fill:none;stroke:var(--d-line);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.sf2{fill:none;stroke:var(--d-line);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.sm{fill:var(--d-mid);stroke:#1a1a1a;stroke-width:1.15px;stroke-linejoin:round}.smo{fill:var(--d-mid);stroke:var(--d-line);stroke-width:3px;stroke-linejoin:round}.sk{fill:var(--d-line)}.sw{fill:#fff}.sh{fill:none;stroke:var(--d-paper);stroke-width:1.4px;stroke-linecap:round}.ht{fill:url(#about-dots)}:root[data-theme=dark] :is(.about__ico,.about__tile-art) svg{filter:drop-shadow(1.5px 0 #f6f1e6)drop-shadow(-1.5px 0 #f6f1e6)drop-shadow(0 1.5px #f6f1e6)drop-shadow(0 -1.5px #f6f1e6)}[class*=a-]{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.is-settled .about__ico{--on: }.about.is-paused{--ps:paused}.a-lift{animation:var(--on) about-lift 1.6s var(--ease-out) infinite alternate;animation-play-state:var(--ps,running)}.a-wheel{animation:var(--on) about-spin 2.6s linear infinite;animation-play-state:var(--ps,running)}.a-buzz{animation:var(--on) about-buzz 4.2s linear infinite;animation-play-state:var(--ps,running)}.a-stick{animation:var(--on) about-nudge 2.4s steps(1, end) infinite;animation-play-state:var(--ps,running)}.a-code{animation:var(--on) about-type-1 4.8s steps(1, end) infinite;animation-play-state:var(--ps,running)}.a-code.c2{animation-name:about-type-2}.a-code.c3{animation-name:about-type-3}.a-code.c4{animation-name:about-type-4}.a-caret{animation:var(--on) about-caret 4.8s steps(1, end) infinite;animation-play-state:var(--ps,running)}.a-pack{transform-origin:50% 100%;animation:var(--on) about-pack 2.2s ease-in-out infinite alternate;animation-play-state:var(--ps,running)}.a-roll{animation:var(--on) about-roll .6s ease-in-out infinite alternate;animation-play-state:var(--ps,running)}.a-scrib{animation:var(--on) about-scrib 1.1s ease-in-out infinite alternate;animation-play-state:var(--ps,running)}.a-peek{animation:var(--on) about-peek 3.2s ease-in-out infinite alternate;animation-play-state:var(--ps,running)}.a-blink{animation:var(--on) about-blink 1.8s ease-in-out infinite;animation-play-state:var(--ps,running)}.a-b1{animation:var(--on) about-talk-a 2.4s ease-in-out infinite;animation-play-state:var(--ps,running)}.a-b2{animation:var(--on) about-talk-b 2.4s ease-in-out infinite;animation-play-state:var(--ps,running)}}@keyframes about-lift{to{transform:translateY(-2.5px)}}@keyframes about-spin{to{transform:rotate(360deg)}}@keyframes about-buzz{0%,10%,to{transform:rotate(0)}2%{transform:rotate(-2deg)}4%{transform:rotate(2deg)}6%{transform:rotate(-1.2deg)}8%{transform:rotate(.6deg)}}@keyframes about-nudge{0%{transform:none}50%{transform:translate(.8px,-.6px)}}@keyframes about-type-1{0%{opacity:1}60%{opacity:0}68%{opacity:1}}@keyframes about-type-2{0%{opacity:1}60%{opacity:0}76%{opacity:1}}@keyframes about-type-3{0%{opacity:1}60%{opacity:0}84%{opacity:1}}@keyframes about-type-4{0%{opacity:1}60%{opacity:0}92%{opacity:1}}@keyframes about-caret{0%,20%,40%{opacity:1}10%,30%,50%{opacity:0}}@keyframes about-pack{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}@keyframes about-roll{to{transform:translateY(-1.2px)}}@keyframes about-scrib{0%{transform:translate(-.8px,.8px)rotate(-1.5deg)}to{transform:translate(.8px,-.8px)rotate(1.5deg)}}@keyframes about-peek{0%,45%{transform:none}to{transform:translateY(5px)}}@keyframes about-blink{0%,42%,54%,to{transform:scaleY(1)}48%{transform:scaleY(.12)}}@keyframes about-talk-a{0%,to{transform:none}50%{transform:translate(1px,1px)scale(.97)}}@keyframes about-talk-b{0%,to{transform:none}50%{transform:translate(-1px,-1px)scale(1.03)}}.about__text{z-index:2;max-width:40rem;padding:clamp(5.5rem,9svh,7.5rem) 1rem 22svh 0;position:relative}.about__kicker{font:.75rem/1 var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--hero-muted);margin:0 0 1rem}.about__title{font:400 clamp(2.8rem, 1.6rem + 3.6vw, 5rem)/.98 var(--font-display);letter-spacing:-.02em;margin:0 0 1.4rem}.about__title em{font:700 1.05em/1 var(--font-script);color:var(--hero-accent);font-style:normal}.about__intro{font:400 clamp(1.5rem, 1.1rem + 1vw, 2rem)/1.25 var(--font-display);text-wrap:pretty;margin:0 0 .5rem}.about__intro em{color:var(--hero-accent);font-style:normal}.about__block{margin-top:3.25rem}.about__block-h{font:400 1.75rem/1 var(--font-display);letter-spacing:-.01em;align-items:center;gap:1rem;margin:0 0 1.25rem;display:flex}.about__block-h:after{content:"";background:color-mix(in oklab, var(--hero-fg) 18%, transparent);flex:1;height:1px}.about__tiles{grid-template-columns:1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=30rem){.about__tiles{grid-template-columns:1fr 1fr}}.about__tile{background:color-mix(in oklab, var(--about-tile) 86%, transparent);border:1px solid color-mix(in oklab, var(--hero-fg) 9%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;padding:1.25rem 1.3rem 1.35rem}:root[data-theme=dark] .about__tile{background:oklab(93.5177% .00124213 .018451/.05);border-color:oklab(93.5177% .00124213 .018451/.11)}.about__tile h3{font:600 1.0625rem/1.3 var(--font-ui);margin:0 0 .35rem}.about__tile p{color:var(--hero-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.5}.about__tile-art{width:3.75rem;height:3.3rem;margin-bottom:.9rem;display:block;position:relative}.about__tile-art svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.about__work{color:var(--hero-muted);text-wrap:pretty;margin:0 0 1.5rem;font-size:1.125rem;line-height:1.65}.about__closing{background:var(--hero-fg);color:var(--hero-bg);border-radius:1.25rem;padding:2rem 2rem 1.75rem}:root[data-theme=dark] .about__closing{color:var(--hero-fg);background:oklab(93.5177% .00124213 .018451/.07);border:1px solid oklab(93.5177% .00124213 .018451/.14)}.about__quote{font:400 clamp(1.5rem, 1.1rem + 1vw, 2rem)/1.2 var(--font-display);text-wrap:balance;margin:0 0 1rem}.about__quote em{font:700 1.2em/1 var(--font-script);color:var(--about-ember)}.about__closing-end{max-width:30rem;color:color-mix(in oklab, var(--hero-bg) 78%, transparent);margin:0;font-size:1.0625rem;line-height:1.55}:root[data-theme=dark] .about__closing-end{color:var(--hero-muted)}.about__cta{border-top:1px solid color-mix(in oklab, var(--hero-bg) 16%, transparent);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.75rem;padding-top:1.5rem;display:flex}:root[data-theme=dark] .about__cta{border-top-color:oklab(93.5177% .00124213 .018451/.14)}.about__cta .about-link{--pill-w:14.5rem;color:#0e1430}.about__cta .about-link__goo i{background:var(--about-ember)}.about__cv-file{color:inherit;text-underline-offset:.25em;font-size:.9375rem;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){.about__cv-file:hover{text-decoration-thickness:2px}}.about__closing :focus-visible{outline:2px solid var(--about-ember);outline-offset:4px}.about__card{z-index:20;inset:auto;left:var(--cx,50%);top:var(--cy,50%);color:#0e1430;width:min(32em,100vw - 2rem);transition:rotate .52s var(--about-spring), scale .26s var(--ease-out);background:0 0;border:0;margin:0;padding:0;font-size:clamp(.75rem,2.32558svh - .116279rem,.8rem);position:fixed;overflow:visible}.about__card.is-dragging{scale:1.03}.about__sheet{height:min(43em,100svh - 5rem);rotate:var(--tilt,-4deg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;padding:.65em .65em .9em;transition:box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 70px -24px #0e143099,0 2px #0e14300d}.is-dragging .about__sheet{cursor:grabbing;box-shadow:0 60px 90px -28px #0e1430aa,0 2px #0e14300d}.about__photo{aspect-ratio:16/9;background:#f2ede3;flex:none;place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.about__photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.about__caption{font:.75em/1 var(--font-label);color:#0e1430;background:#fff;margin:0;padding:.35em .6em;position:absolute;bottom:.666667em;left:.666667em}.about__card h2{font:600 1.6em/1 var(--font-ui);color:#0e1430;text-transform:uppercase;letter-spacing:-.02em;margin:.7em 0 .35em}.about__card p,.about__card ul{color:#1b2040;margin:0 0 .7em;font-size:.94em;line-height:1.55}.about__card ul{margin-top:-.2em;padding-left:1.1em}.about__card li{margin-bottom:.15em}.about__card li::marker{color:#b23a0b}.about__card li b{color:#0e1430;font-weight:600}.about__card-body{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;-webkit-user-select:text;user-select:text;padding-inline:.5em;flex:1;min-height:0;padding-bottom:1.25em;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 1.5em),#0000);mask-image:linear-gradient(#000 calc(100% - 1.5em),#0000)}.about__card-body:focus-visible{outline-offset:-2px;outline:2px solid #b23a0b}.about__close{cursor:pointer;min-height:2.25em;font:500 .9375em/1 var(--font-ui);color:#0e1430;background:0 0;border:0;flex:none;align-items:center;gap:.5em;margin:.5em .4em 0 auto;padding:.5em;display:flex}.about__close:after{content:"×";font-size:1.5em;font-weight:300;line-height:.6}.about__close:focus-visible{outline-offset:2px;outline:2px solid #b23a0b}@media (width<=56rem){.about__card{font-size:1rem}.about__sheet{height:min(37rem,100svh - 7rem)}@media (width<=40rem){.about__card{width:min(22em,100vw - 2.5rem);font-size:.9375rem}.about__sheet{height:min(32em,100svh - 7rem)}}.about__text{order:-1;padding:5rem 0 2rem}.about__figure{height:auto;margin-top:14rem}.about__body{width:100%;height:auto;margin:0;translate:none}.about__ico{width:4.4rem;height:4rem;margin:-2rem 0 0 -2.2rem}.about__aura{scale:.62 .72}.about__say{--say-w:9.1rem;left:max(0px, 45% + 1.25rem - var(--say-w));transform-origin:100% 100%;border-radius:.95rem;width:max-content;max-width:none;padding:.65rem .9rem .6rem;font-size:1rem;top:calc(8% - 7.9rem);rotate:-3deg}.about__say:before{left:auto;right:14px;scale:-1 1}:root:lang(de) .about__say{--say-w:12.1rem}@media (pointer:fine){.about__say{--say-w:10.1rem}:root:lang(de) .about__say{--say-w:12.6rem}}.about__closing{padding:1.5rem 1.25rem}.about__cta .about-link{--pill-w:12rem}.about__pause{top:auto;right:auto;bottom:calc(1rem + env(safe-area-inset-bottom));margin:-3.25rem 1rem 1rem auto;position:sticky}}
