.mobile-wrap{background:hsl(var(--bg-base));color:hsl(var(--text-primary));font-family:var(--font-manrope), system-ui, sans-serif;position:relative}html:has(.mobile-wrap){scroll-snap-type:y mandatory}.m-page{z-index:1;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;min-height:100dvh;display:flex;position:relative}.m-dispo-bg{z-index:0;pointer-events:none;filter:invert()contrast(1.02)brightness(1.02);opacity:.1;background-image:url(/landing/screenshots/disposition-anonymisiert.png);background-position:top;background-size:cover;position:fixed;inset:0}.m-dispo-scrim{z-index:0;pointer-events:none;background:linear-gradient(to right, hsl(var(--bg-base)) 0%, hsl(var(--bg-base) / .82) 32%, hsl(var(--bg-base) / .42) 64%, hsl(var(--bg-base) / .2) 100%), linear-gradient(to bottom, hsl(var(--bg-base)) 0%, transparent 13%, transparent 85%, hsl(var(--bg-base)) 100%);position:fixed;inset:0}.mobile-wrap:before{content:"";z-index:60;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.m-portrait-side{filter:grayscale()contrast(1.04)brightness(1.12);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in, xor;-webkit-mask-image:linear-gradient(270deg,#000 0% 66%,#0000 100%),linear-gradient(#000 0% 84%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 66%,#0000 100%),linear-gradient(#000 0% 84%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.m-glow-word{color:hsl(var(--accent));text-shadow:0 0 30px hsl(var(--accent) / .5)}.m-num{font-family:var(--font-display), Georgia, serif;color:hsl(var(--accent));text-shadow:0 0 20px hsl(var(--accent) / .55), 0 0 46px hsl(var(--accent) / .32), 0 2px 10px #000, 0 0 5px #000;line-height:.9}.m-node{border:1.5px solid hsl(var(--accent));border-radius:9999px;flex:none;width:8px;height:8px;position:relative}.m-node:after{content:"";background:hsl(var(--accent));border-radius:9999px;position:absolute;inset:2px}.m-eyebrow{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.28em;text-transform:uppercase;color:hsl(var(--text-primary) / .55);font-size:10px}.m-tl-line{border-left:1px solid hsl(var(--text-primary) / .16);width:0;position:absolute;top:7px;bottom:7px;left:4px}.m-tl-dot{background:hsl(var(--text-primary) / .4);border-radius:9999px;width:7px;height:7px;position:absolute;top:4px;left:4px;transform:translate(-50%)}.m-tl-dot.cur{border:1.5px solid hsl(var(--accent));background:0 0;width:10px;height:10px;top:3px}.m-tl-dot.cur:after{content:"";background:hsl(var(--accent));border-radius:9999px;position:absolute;inset:2px}.m-strokes line{stroke:hsl(var(--accent) / .8);stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px hsl(var(--accent) / .5))}
:root{--base:24 16% 8%;--base2:0 0% 0%;--amber:32 62% 58%;--cool:220 60% 62%;--txt:38 30% 95%}html:has(.landing-wrap){scroll-behavior:auto!important}.landing-wrap{font-family:var(--font-manrope), "Manrope", system-ui, sans-serif;background:hsl(var(--base));color:hsl(var(--txt));min-height:100vh}.landing-wrap .serif{font-family:var(--font-display), "Instrument Serif", Georgia, serif}.landing-wrap .mono{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace}.grain:before{content:"";z-index:60;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.grain:after{content:"";z-index:61;pointer-events:none;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");position:fixed;inset:0}.head-stage{z-index:5;pointer-events:none;width:62%;position:fixed;inset:0 0 0 auto}.face-backing{z-index:1;pointer-events:none;background:radial-gradient(48% 76% at 74% 50%, hsl(var(--base)) 0%, hsl(var(--base)) 68%, hsl(var(--base) / .55) 85%, transparent 97%);position:absolute;inset:0}.head-media{z-index:2;filter:grayscale()contrast(1.04)brightness(1.2);opacity:.8;width:auto;max-width:none;height:152%;position:absolute;top:50%;right:-5vh;transform:translate(24%,-50%);-webkit-mask-image:linear-gradient(270deg,#000 0% 16%,#000000bd 38%,#00000075 56%,#00000038 72%,#00000012 88%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 16%,#000000bd 38%,#00000075 56%,#00000038 72%,#00000012 88%,#0000 100%)}.vignette{z-index:8;pointer-events:none;background:linear-gradient(to right, hsl(var(--base2)) 0%, hsl(var(--base2)) 7%, hsl(var(--base2) / .62) 15%, hsl(var(--base2) / .22) 24%, transparent 34%, transparent 66%, hsl(var(--base2) / .22) 76%, hsl(var(--base2) / .62) 85%, hsl(var(--base2)) 93%, hsl(var(--base2)) 100%), linear-gradient(to bottom, hsl(var(--base2)) 0%, hsl(var(--base2) / .6) 6%, hsl(var(--base2) / .18) 14%, transparent 24%, transparent 80%, hsl(var(--base2) / .4) 93%, hsl(var(--base2)) 100%), radial-gradient(122% 115% at 50% 42%, transparent 0%, transparent 34%, hsl(var(--base2) / .16) 52%, hsl(var(--base2) / .4) 68%, hsl(var(--base2) / .66) 81%, hsl(var(--base2) / .88) 92%, hsl(var(--base2)) 100%);position:fixed;inset:0}.nav-fixed{z-index:50;align-items:center;gap:.75rem;padding:2rem 1.5rem;display:flex;position:fixed;top:0;right:0}@media (min-width:768px){.nav-fixed{padding:2.25rem 2.5rem}}.btn-amber{background:hsl(var(--amber));color:#24170f;box-shadow:0 8px 24px -8px hsl(var(--amber) / .55);border-radius:9999px;padding:.625rem 1.25rem;font-size:14px;font-weight:500;transition:filter .2s}.btn-amber:hover{filter:brightness(1.1)}.btn-ghost{border:1px solid hsl(var(--txt) / .22);color:hsl(var(--txt) / .88);border-radius:9999px;padding:.625rem 1.25rem;font-size:14px;font-weight:500;transition:opacity .2s}.btn-ghost:hover{opacity:.8}.dispo-bg{filter:invert()contrast(1.08)brightness(1.08);mix-blend-mode:screen;opacity:.2;pointer-events:none;background-image:url(/landing/screenshots/disposition-anonymisiert.png);background-position:0 0;background-repeat:no-repeat;background-size:100%;position:absolute;inset:-2% -8% 0;transform:translate(-3%)rotate(-1.5deg);-webkit-mask-image:linear-gradient(90deg,#000 0% 56%,#0000008c 72%,#0000001f 84%,#0000 92%);mask-image:linear-gradient(90deg,#000 0% 56%,#0000008c 72%,#0000001f 84%,#0000 92%)}.read-scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg, hsl(var(--base) / .6) 0%, hsl(var(--base) / .52) 18%, hsl(var(--base) / .4) 34%, hsl(var(--base) / .26) 48%, hsl(var(--base) / .14) 62%, hsl(var(--base) / .06) 74%, hsl(var(--base) / .02) 84%, transparent 94%);position:absolute;inset:0}.glow-word{color:hsl(var(--amber));text-shadow:0 0 34px hsl(var(--amber) / .5)}.node{border:1.5px solid hsl(var(--amber));border-radius:9999px;width:9px;height:9px;position:relative}.node:after{content:"";background:hsl(var(--amber));border-radius:9999px;position:absolute;inset:2px}.head-shadow{text-shadow:0 0 6px #000,0 0 16px #000,0 0 32px #000000fa,0 0 60px #000000eb,0 0 104px #000000c7}.tl-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.tl-title{transition:color .15s}.tl-link:hover .tl-title{color:hsl(var(--amber))}.tl-link:hover .tl-ext{opacity:1}.tl-ext{opacity:0;font-size:11px;transition:opacity .15s}.tl-prep{letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--txt) / .4);font-size:10px}.tl-head-flow{letter-spacing:.28em;text-transform:uppercase;color:hsl(var(--txt) / .4);font-size:10px}#tl-wrap{z-index:20;pointer-events:none;width:460px;position:absolute;top:48vh;bottom:4vh;left:128px}#tl-line{border-left:1px solid hsl(var(--txt) / .14);z-index:19;pointer-events:none;width:0;position:absolute;top:48vh;left:128px}#tl-a,#tl-b{pointer-events:auto;flex-direction:column;padding-left:24px;display:flex;position:absolute;left:0;right:0}#tl-a{gap:1.5rem;top:0}#tl-b{gap:1.4rem;bottom:0}.tl-item{transition:opacity .12s linear}@media (max-width:880px){#tl-wrap,#tl-line{left:24px}}.stat-card{opacity:0;text-align:center;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:flex-start;align-items:center;padding:.25rem .5rem;transition:opacity .7s,transform .7s;display:flex;transform:translateY(28px)}.stat-card:hover .stat-num{text-shadow:0 0 28px hsl(var(--amber) / .85), 0 0 64px hsl(var(--amber) / .5), 0 2px 12px #000, 0 0 6px #000}.stat-card.in{opacity:1;transform:none}.stat-num{font-family:var(--font-display), "Instrument Serif", Georgia, serif;color:hsl(var(--amber));text-shadow:0 0 22px hsl(var(--amber) / .6), 0 0 50px hsl(var(--amber) / .38), 0 2px 12px #000, 0 0 6px #000;margin:0;font-size:clamp(72px,9vw,126px);line-height:1}.stat-label{color:hsl(var(--txt) / .9);margin-top:.55rem;font-size:14px;font-weight:600;line-height:1.25}.tree-connector{opacity:0;width:100%;max-width:600px;height:54px;margin:.1rem 0 .5rem;transition:opacity .6s}.tree-connector.in{opacity:1}.tree-connector line{stroke:hsl(var(--amber) / .85);stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px hsl(var(--amber) / .5))}.skills-card{opacity:0;text-align:center;background:0 0;border:none;width:100%;max-width:680px;margin-top:2.2rem;padding:1.2rem 1rem;transition:opacity .7s,transform .7s;transform:translateY(28px)}.skills-card.in{opacity:1;transform:none}.skills-card .row{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.04em;color:hsl(var(--txt) / .82);opacity:0;font-size:13px;line-height:2;transition:opacity .5s,transform .5s;transform:translateY(-8px)}.skills-card.in .row{opacity:1;transform:none}.skills-card.in .row:first-child{transition-delay:0s}.skills-card.in .row:nth-child(2){transition-delay:.12s}.skills-card.in .row:nth-child(3){transition-delay:.24s}.skills-card.in .row:nth-child(4){transition-delay:.36s}.skills-card.in .row:nth-child(5){transition-delay:.5s}.skills-link{color:hsl(var(--amber));text-shadow:0 0 18px hsl(var(--amber) / .6), 0 0 40px hsl(var(--amber) / .35);font-weight:700;text-decoration:none}.skills-link:hover{text-decoration:underline}.kstat{text-align:center;cursor:pointer;pointer-events:auto;opacity:0;flex-direction:column;align-items:center;text-decoration:none;transition:opacity 1s,transform .15s,filter .15s;display:flex}.kstat.in{opacity:1}.kstat:hover{filter:brightness(1.12);transform:translateY(-3px)}.knum{font-family:var(--font-display), "Instrument Serif", Georgia, serif;color:hsl(var(--amber));text-shadow:0 0 22px hsl(var(--amber) / .6), 0 0 50px hsl(var(--amber) / .38), 0 2px 12px #000, 0 0 6px #000;font-size:clamp(72px,9vw,126px);line-height:1}.klabel{letter-spacing:.04em;color:hsl(var(--txt) / .85);margin-top:.35rem;font-size:12px;font-weight:600}.footer-bar{z-index:20;border-top:1px solid hsl(var(--txt) / .1);background:hsl(var(--base2));position:relative}@media (max-width:880px){.head-stage{opacity:.28;width:100%}.head-media{height:74%;top:30%;right:-16%}.read-scrim{background:linear-gradient(180deg, hsl(var(--base) / .7) 0%, hsl(var(--base) / .94) 60%)}}