.activeProjects[data-astro-cid-atfppfah]{font-size:var(--font-size-medium);@media (width>=52em){font-size:var(--font-size-large)}}.project-link[data-astro-cid-atfppfah]{padding:0 var(--spacing-near);background:color-mix(in oklch, var(--primary-color) 10%, transparent);border:var(--border-width-thin) solid transparent;text-decoration:none;display:inline-flex;transform:translateY(.13lh);&:hover{background:color-mix(in oklch, var(--primary-color) 20%, transparent);border-color:var(--primary-color)}&.-ariadne{--primary-color:oklch(66.18% .2214 36.89)}&.-nordcode{--primary-color:oklch(56% .3 265)}&.-vegan-hamburg{--primary-color:oklch(50.69% .1474 1.26)}&.-waslos{--primary-color:oklch(88% .325 125)}}.favicon-path[data-astro-cid-atfppfah]{fill:var(--lightningcss-light,#222938)var(--lightningcss-dark,#c7d8fa)}.latest-updates{color:var(--color-text-base);border-block-start:var(--border-width-thin) solid var(--color-border-base);background:var(--color-surface-muted);background-color:var(--color-surface-subtle);max-inline-size:100vw;overflow:hidden}.lu-item{white-space:nowrap;margin-block-end:0;display:inline-block;& strong{margin-inline-end:var(--spacing-nearest)}}.webrings{margin-block-start:var(--spacing-farthest)}.webring-title{font-size:var(--font-size-medium);margin-block-end:var(--spacing-far);& a{font-family:var(--font-family-default);font-weight:var(--font-weight-active)}}.webring-nav{gap:var(--spacing-base);flex-direction:column;margin-block-start:var(--spacing-near);@media (width>=24em){gap:var(--spacing-farthest);flex-direction:row}}.animation-container{block-size:var(--animation-size);inline-size:calc(var(--animation-size) * var(--aspect-ratio));cursor:pointer;position:relative;@media (prefers-reduced-motion:reduce){animation:none}&:has(input:checked){& .animation-canvas{animation-play-state:paused}& .animation-label.-paused{display:block}& .animation-label.-playing{display:none}}&:focus-within{outline:2px solid var(--color-brand-primary-base);outline-offset:2px}}.animation-canvas{block-size:100%;inline-size:100%;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:steps(var(--steps), jump-none);background-size:calc(var(--steps) * 100%) 100%;position:absolute;inset:0}.animation-label{background-color:var(--color-surface-emphasis);color:var(--color-text-on-emphasis);padding:0;position:absolute;inset-block-end:var(--spacing-nearest);inset-inline-end:var(--spacing-nearest);& svg{--icon-size:1.5em}&.-paused{display:none}}.animation-toggle{opacity:0}.pR{overflow-x:clip}.pR-split{gap:var(--spacing-farthest);margin-top:var(--spacing-base);grid-template-columns:repeat(auto-fit,minmax(min(14em,100%),1fr));align-items:flex-start;display:grid;& h4{font-weight:400}}.pR-badge{padding:.5ch}.pR-dog{--dog-size:7.5rem;--aspect-ratio:256 / 96;overflow-clip-margin:1rem;inline-size:fit-content;position:absolute;inset-block-start:3.5rem;inset-inline-end:0;overflow:clip;@media (width>=33.5rem){inset-block-start:-1rem;inset-inline-end:1rem}@media (width>=50rem){--dog-size:9rem;inset-block-start:-1rem;inset-inline-end:1rem}}.pR-dogcanvas{transform:scaleX(-1)rotate(-20deg)}@keyframes dog-anim{0%{background-position:0%}to{background-position:100%}}a{overflow-wrap:break-word;word-break:break-word;text-wrap:balance}.welcome{container:letters/inline-size}.letters{aspect-ratio:25/9;justify-content:space-between;gap:1cqi;inline-size:100%}.letter-box{--letter-size:5cqi;--letter-size-between:calc(.6 * var(--letter-size));--letter-fg:var(--color-text-base);--letter-bg:var(--color-surface-muted);block-size:100%;&:hover{--letter-size:4cqi;--letter-size-between:calc(1.5 * var(--letter-size))}}.letter,.letter:before,.letter:after{content:"";background:var(--letter-fg);transition:all var(--transition-duration-base) var(--ease-2)}.letter{box-sizing:border-box;flex-shrink:0;position:relative;&.j{inline-size:var(--letter-size);block-size:100%;margin-inline-start:var(--letter-size-between);&:before,&:after{inline-size:calc(var(--letter-size) + var(--letter-size-between));block-size:var(--letter-size-between);position:absolute}&:before{inset-block-start:0;inset-inline-end:0}&:after{inset-block-end:0;inset-inline-end:0}}&.o{inline-size:calc(var(--letter-size) * 2 + var(--letter-size-between));block-size:100%;&:before{inline-size:var(--letter-size-between);block-size:calc(100% - 2 * var(--letter-size-between));background:var(--letter-bg);position:absolute;inset-block-start:var(--letter-size-between);inset-inline-end:var(--letter-size)}}&.s{margin-inline:var(--letter-size-between);inline-size:var(--letter-size);block-size:100%;&:before,&:after{inline-size:calc(var(--letter-size) + var(--letter-size-between));block-size:var(--letter-size-between);position:absolute}&:before{inset-block-start:0;inset-inline-start:0}&:after{inset-block-end:0;inset-inline-end:0}}&.h{inline-size:calc(var(--letter-size) * 2 + var(--letter-size-between));block-size:100%;&:before,&:after{background:var(--letter-bg);inline-size:var(--letter-size-between);block-size:calc(100% / 2 - var(--letter-size-between) / 2);position:absolute;inset-inline-start:var(--letter-size)}&:before{inset-block-start:0}&:after{inset-block-end:0}}&.u{inline-size:calc(var(--letter-size) * 2 + var(--letter-size-between));block-size:100%;&:before{inline-size:var(--letter-size-between);block-size:calc(100% - var(--letter-size-between));background:var(--letter-bg);position:absolute;inset-block-start:0;inset-inline-end:var(--letter-size)}}&.a{inline-size:calc(var(--letter-size) * 2 + var(--letter-size-between));block-size:100%;&:before{inline-size:var(--letter-size-between);block-size:calc(100% - var(--letter-size-between));background:var(--letter-bg);position:absolute;inset-block-end:0;inset-inline-end:var(--letter-size)}&:after{inline-size:100%;block-size:var(--letter-size-between);background:var(--letter-fg);position:absolute;inset-block-end:calc(50% - var(--letter-size-between) / 2);inset-inline-start:0}}}.lastName{font-size:max(2rem,8cqi);font-weight:var(--font-weight-heading);letter-spacing:4cqi;line-height:var(--line-height-small);color:var(--color-text-muted);align-items:baseline;& .nc-icon{color:var(--color-brand-primary-base);margin-inline-start:-4cqi}}.job{color:var(--color-text-subtle)}.desc{align-items:center}.meta{justify-content:center}@container letters (inline-size>=35rem){.desc{align-items:flex-end}.meta{justify-content:space-between}}.welcome-title{color:var(--color-text-muted);align-items:baseline;& .nc-icon{color:var(--color-brand-primary-base);margin-inline-start:-.35ch}}