@charset "UTF-8";:root{--bg: #FAF7F2;--bg2: #F4F0E8;--surface: #ffffff;--ink: #2D3436;--ink2: #4D5A54;--ink3: #5C6A63;--ink4: #65716C;--green: #4A7C59;--green-soft: #6B9B7A;--green-ink: #3A6146;--accent: #E8734A;--accent-ink: #A8451F;--line: rgba(74,124,89,.17);--line-soft: rgba(74,124,89,.11);--line-strong: rgba(74,124,89,.3);--tint: rgba(107,155,122,.12);--tint2: rgba(107,155,122,.16);--shadow: rgba(45,52,54,.09);--stripe: rgba(107,155,122,.1)}html[data-theme=dark]{--bg: #1B201E;--bg2: #161A19;--surface: #232926;--ink: #ECE8E1;--ink2: #BCC5BE;--ink3: #A6B0AA;--ink4: #8C9791;--green: #86B795;--green-soft: #6B9B7A;--green-ink: #A7CDB2;--accent: #F0855D;--accent-ink: #F8AE90;--line: rgba(134,183,149,.22);--line-soft: rgba(134,183,149,.14);--line-strong: rgba(134,183,149,.38);--tint: rgba(134,183,149,.12);--tint2: rgba(134,183,149,.17);--shadow: rgba(0,0,0,.4);--stripe: rgba(134,183,149,.12)}html,body{background:var(--bg)}body{margin:0;color:var(--ink);font-family:Karla,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease}a{color:var(--green-ink);text-decoration-color:var(--line-strong);text-underline-offset:3px}a:hover{color:var(--accent);text-decoration-color:var(--accent)}*{box-sizing:border-box}input,textarea{color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--ink4)}@keyframes nicoSway{0%,to{transform:rotate(var(--leaf-rot, 0deg)) translateY(0)}50%{transform:rotate(calc(var(--leaf-rot, 0deg) + 6deg)) translateY(-5px)}}@keyframes nicoBlip{0%{box-shadow:0 0 0 0 var(--tint2)}60%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@keyframes nicoWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes nicoDrift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(14px,-10px,0) scale(1.06)}}[data-progress]{position:fixed;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(var(--nico-progress, 0));transform-origin:0 50%;z-index:50;pointer-events:none}header{position:sticky;top:0;z-index:40;background:var(--bg);transition:box-shadow .3s ease,padding .3s ease}html[data-scrolled] header{box-shadow:0 6px 24px var(--shadow);padding-top:16px;padding-bottom:12px}[data-underline]{display:block;height:3px;width:0;margin-top:16px;border-radius:2px;background:var(--accent);transition:width .8s cubic-bezier(.22,.7,.2,1) .2s}[data-reveal][data-shown] [data-underline],[data-reveal][data-shown][data-underline]{width:58px}html[data-noanim] [data-underline]{transition:none!important}[data-leaf]{animation:nicoSway 7s ease-in-out infinite}[data-glow]{animation:nicoDrift 12s ease-in-out infinite}[data-pop][data-shown]{animation:nicoBlip .7s ease-out .1s}[data-cta] span{transition:transform .3s cubic-bezier(.2,1.4,.4,1)}[data-cta]:hover span{transform:translate(6px)}[data-icon]{transition:transform .4s cubic-bezier(.2,1.5,.4,1),background .3s ease}[data-card]:hover [data-icon]{transform:rotate(-10deg) scale(1.12)}[data-card]:hover [data-icon][data-spin]{transform:rotate(180deg)}[data-chip]{transition:transform .3s cubic-bezier(.2,1.5,.4,1),box-shadow .3s ease,border-color .3s ease}[data-chip]:hover{transform:translateY(-4px) rotate(-1.5deg);box-shadow:0 10px 20px var(--shadow);border-color:var(--line-strong)}[data-chip]:hover span{animation:nicoWiggle .6s ease-in-out}[data-pill]{transition:transform .25s cubic-bezier(.2,1.5,.4,1),background .25s ease,color .25s ease}[data-pill]:hover{transform:translateY(-3px) scale(1.05);background:var(--tint2)}[data-shot]{transition:transform .6s cubic-bezier(.22,.7,.2,1),border-color .4s ease}html [data-shot][data-shown]:hover{transform:scale(1.02) rotate(.4deg);border-color:var(--accent)}[data-illustration]{transition:border-color .4s ease}[data-illustration]:hover{border-color:var(--line-strong)}[data-growv][data-shown]{box-shadow:0 0 10px -2px var(--tint2)}[data-bgdrift]{position:fixed;inset:-10vh -10% auto;height:130vh;z-index:-1;pointer-events:none;background:radial-gradient(38% 26% at 14% 18%,var(--tint) 0%,rgba(0,0,0,0) 70%),radial-gradient(34% 24% at 86% 58%,var(--tint) 0%,rgba(0,0,0,0) 72%);transform:translate3d(0,calc(var(--nico-progress, 0) * -16vh),0)}[data-parallax]{display:block;transform:translate3d(0,var(--py, 0px),0);will-change:transform}header nav a{position:relative;padding-bottom:3px}header nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s cubic-bezier(.22,.7,.2,1)}header nav a:hover:after{transform:scaleX(1)}header button span:first-child{display:inline-block;transition:transform .45s cubic-bezier(.2,1.5,.4,1)}header button:hover span:first-child{transform:rotate(25deg) scale(1.2)}[data-stats]>div{transition:background .3s ease}[data-stats]>div:hover{background:var(--tint)!important}[data-stats]>div>div:first-child{transition:transform .35s cubic-bezier(.2,1.5,.4,1)}[data-stats]>div:hover>div:first-child{transform:translateY(-3px)}html [data-topskills][data-shown]>div{transition:transform .3s cubic-bezier(.2,1.5,.4,1),box-shadow .3s ease,border-color .3s ease}html [data-topskills][data-shown]>div:hover{transform:translateY(-6px) scale(1.03);border-color:var(--accent);box-shadow:0 14px 26px var(--shadow)}html #werdegang [data-reveal][data-shown]:hover{transform:translate(7px)}#werdegang [data-reveal] div:first-child{transition:color .3s ease}#werdegang [data-reveal]:hover div:first-child{color:var(--accent)}#projekte article h3{transition:color .3s ease}#projekte article:hover h3{color:var(--accent-ink)}#projekte article li span{transition:transform .3s cubic-bezier(.2,1.5,.4,1)}#projekte article li:hover span{transform:scale(1.35)}#kontakt a{transition:transform .3s cubic-bezier(.22,.7,.2,1)}#kontakt a:hover{transform:translate(5px)}[data-tech-label]{transition:color .3s ease,letter-spacing .3s ease}[data-tech-row]:hover [data-tech-label]{color:var(--accent-ink);letter-spacing:.12em}input,textarea{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}input:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px #e8734a29;transform:translateY(-2px)}button,a{-webkit-tap-highlight-color:transparent}button:active,[data-cta]:active,[data-chip]:active,[data-pill]:active{transform:translateY(-1px) scale(.985)!important}footer span{transition:color .3s ease}footer span:hover{color:var(--ink2)}@media(max-width:900px){section{margin-top:76px!important}#projekte article{gap:30px!important}}@media(max-width:560px){header{padding:18px 18px 0!important}header nav{gap:15px!important;font-size:13.5px!important}section,header,footer{padding-left:18px!important;padding-right:18px!important}section{margin-top:64px!important}h1{font-size:33px!important;line-height:1.1!important}h2{font-size:26px!important}[data-stats]{grid-template-columns:1fr 1fr!important}[data-stats]>div{padding:20px 18px!important}[data-stats]>div>div:first-child{font-size:29px!important}[data-cta]{width:100%!important;justify-content:center!important}[data-pill],[data-chip]{padding:12px 16px!important;font-size:14.5px!important}[data-tech-label]{flex:1 1 100%!important;padding-top:0!important}form{padding:22px!important}#projekte,#kontakt{padding:64px 0!important}#projekte>div,#kontakt>div{padding-left:18px!important;padding-right:18px!important}header{row-gap:12px!important}#werdegang>div>div{grid-template-columns:24px minmax(0,1fr)!important}footer{padding-bottom:40px!important}}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .6s cubic-bezier(.22,.7,.2,1)}[data-reveal][data-slide=x]{transform:translate(-18px)}[data-pop]{opacity:0;transform:scale(.4)}[data-reveal][data-shown]{opacity:1;transform:none}[data-pop]{transition:opacity .3s ease,transform .5s cubic-bezier(.2,1.6,.4,1)}[data-pop][data-shown]{opacity:1;transform:none}[data-pills]>*,[data-topskills]>*{opacity:0;transform:scale(.85);transition:opacity .35s ease,transform .4s cubic-bezier(.2,1.5,.4,1)}[data-pills][data-shown]>*,[data-topskills][data-shown]>*{opacity:1;transform:none}[data-pills][data-shown]>*:nth-child(2),[data-topskills][data-shown]>*:nth-child(2){transition-delay:.06s}[data-pills][data-shown]>*:nth-child(3),[data-topskills][data-shown]>*:nth-child(3){transition-delay:.12s}[data-pills][data-shown]>*:nth-child(4),[data-topskills][data-shown]>*:nth-child(4){transition-delay:.18s}[data-pills][data-shown]>*:nth-child(5),[data-topskills][data-shown]>*:nth-child(5){transition-delay:.24s}[data-pills][data-shown]>*:nth-child(6){transition-delay:.3s}[data-pills][data-shown]>*:nth-child(7){transition-delay:.36s}html[data-noanim] [data-reveal],html[data-noanim] [data-pop],html[data-noanim] [data-pills]>*,html[data-noanim] [data-topskills]>*,html[data-noanim] [data-growv]{transition:none!important;transition-delay:0s!important}[data-growv]{height:0;transition:height 1s cubic-bezier(.22,.7,.2,1)}[data-growv][data-shown]{height:100%}@keyframes nicoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes nicoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.35)}}@keyframes nicoRing{0%{box-shadow:0 0 0 0 var(--tint2)}70%{box-shadow:0 0 0 14px #0000}to{box-shadow:0 0 #0000}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01s!important;transition-delay:0s!important}[data-reveal],[data-pop],[data-pills]>*,[data-topskills]>*{opacity:1!important;transform:none!important}[data-growv]{height:100%!important}}