:root{--ink:#f2f0fa;--paper:#0b0b12;--surface:#12121d;--muted:#a19dab;--line:rgba(242,240,250,.14);--violet:#a88bff;--lavender:#24203c;--pink:#ff8fab;--lime:#d4f980;--sans:"Manrope",Arial,sans-serif;--serif:"Playfair Display",Georgia,serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}::selection{background:var(--pink);color:#120f1a}.nav{height:78px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;background:rgba(11,11,18,.84);backdrop-filter:blur(14px)}.brand{text-decoration:none;font-size:1.2rem;font-weight:800;letter-spacing:-.055em}.brand b{color:var(--violet)}.nav-links{list-style:none;display:flex;align-items:center;gap:2rem;padding:0;margin:0}.nav-links a{text-decoration:none;font:.75rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.nav-links a:hover,.nav-links .active{color:var(--violet)}.nav-links .nav-cta{background:var(--ink);color:#120f1a;padding:.67rem 1rem;border-radius:999px;transition:.2s}.nav-links .nav-cta:hover{color:#120f1a;background:var(--lime);transform:translateY(-2px)}.eyebrow{font:.72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:.6rem}.eyebrow:before{content:"";height:1px;width:24px;background:currentColor}.button{display:inline-flex;align-items:center;gap:.7rem;padding:.92rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:700;font-size:.86rem;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 rgba(242,240,250,.13)}.button-primary{background:var(--lime);color:#120f1a}.button-outline{border:1px solid var(--ink)}
.hero{min-height:calc(100vh - 78px);padding:7rem 5vw 4rem;position:relative;overflow:hidden;display:flex;align-items:center}.hero-content{max-width:1170px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.08fr .92fr;gap:4vw;align-items:center;position:relative;z-index:1}.hero h1{font-size:clamp(4.2rem,8.5vw,8.5rem);line-height:.9;letter-spacing:-.09em;margin:1.3rem 0 1.8rem}.hero h1 em,.display em{font-family:var(--serif);font-weight:600;color:var(--violet);letter-spacing:-.07em}.intro{font-size:1.12rem;line-height:1.75;max-width:500px;color:var(--muted);margin:0 0 2.2rem}.hero-photo{height:min(590px,62vw);border-radius:180px 180px 8px 8px;overflow:hidden;background:var(--lavender);position:relative;box-shadow:18px 18px 0 var(--pink)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 32%;display:block}.hero-photo:after{content:"FLORIAN / 2026";position:absolute;right:-.1rem;bottom:1.4rem;background:var(--ink);color:#120f1a;font:.63rem var(--mono);letter-spacing:.09em;padding:.65rem .7rem;writing-mode:vertical-rl}.dot{position:absolute;border-radius:50%;pointer-events:none}.dot-one{height:32vw;width:32vw;max-width:450px;max-height:450px;background:var(--lavender);right:-10vw;top:-13vw}.dot-two{height:70px;width:70px;background:var(--pink);left:45%;bottom:10%}.ticker{background:#181526;color:#fff;overflow:hidden;white-space:nowrap;padding:1.1rem 0}.ticker div{font:.78rem var(--mono);letter-spacing:.09em;text-transform:uppercase;animation:ticker 25s linear infinite;width:max-content}.ticker span{color:var(--lime);padding:0 1.6rem}@keyframes ticker{to{transform:translateX(-50%)}}
.section{max-width:1200px;padding:8rem 5vw;margin:0 auto}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:3.5rem}.section-head h1,.section-head h2{font-size:clamp(2.55rem,4.5vw,4.6rem);line-height:.98;letter-spacing:-.075em;margin:0}.section-head p{margin:0;max-width:530px;color:var(--muted);line-height:1.8}.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.body-copy{font-size:clamp(1.3rem,2.25vw,2rem);line-height:1.48;letter-spacing:-.045em;margin:0}.body-copy strong{color:var(--violet)}.facts{margin-top:3rem;border-top:1px solid var(--line)}.fact{padding:1.05rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:1rem;font-size:.9rem}.fact span:first-child{font:.7rem var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.photo-frame{height:560px;background:var(--lavender);padding:1rem;position:relative}.photo-frame img{height:100%;width:100%;object-fit:cover;object-position:center 35%;display:block;filter:saturate(.93)}.photo-frame:after{content:"HIER & JETZT";position:absolute;bottom:1.25rem;left:1.25rem;background:var(--lime);color:#16121e;border:2px solid #16121e;padding:.85rem 1rem;font:700 .76rem var(--mono);letter-spacing:.1em;box-shadow:4px 4px 0 #16121e;transform:none}
.work-bg{background:#17142a}.project-list{border-top:1px solid var(--line)}.project{padding:2rem 0;display:grid;grid-template-columns:85px minmax(0,1fr) auto;gap:1.3rem;align-items:start;border-bottom:1px solid var(--line);text-decoration:none;transition:.22s}.project:hover{padding-left:1rem;color:var(--violet)}.project-no,.project-type{font:.7rem var(--mono);letter-spacing:.07em;color:#aaa1d4;text-transform:uppercase}.project h3{font-size:clamp(1.45rem,2.6vw,2.5rem);letter-spacing:-.06em;margin:0}.project-copy{max-width:650px;color:var(--muted);font-size:.93rem;line-height:1.7;margin:.7rem 0 1rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.project-tags span{border:1px solid rgba(212,249,128,.34);border-radius:99px;color:var(--lime);padding:.3rem .55rem;font:.62rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.project-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;min-width:130px}.project-arrow{font-size:1.5rem}.note{font:.7rem/1.7 var(--mono);color:#aaa1d4;margin:1.4rem 0 0}.page-hero{padding:8rem 5vw 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.page-hero-inner{max-width:1200px;margin:auto;position:relative;z-index:1}.page-hero h1{font-size:clamp(4rem,9vw,8rem);line-height:.91;letter-spacing:-.09em;margin:1.2rem 0 1.5rem}.page-hero p{max-width:560px;color:var(--muted);line-height:1.8;font-size:1.1rem;margin:0}.page-orb{position:absolute;height:430px;width:430px;border-radius:50%;background:var(--lavender);right:-100px;top:-180px}.contact-panel{max-width:970px;margin:0 auto;background:#181526;color:#fff;padding:clamp(2.2rem,7vw,6rem);text-align:center;position:relative;overflow:hidden;border:1px solid var(--line)}.contact-panel:before{content:"✦";color:var(--lime);font-size:10rem;position:absolute;left:-1.5rem;top:-3rem;opacity:.25}.contact-panel .eyebrow{justify-content:center;color:var(--lime)}.contact-panel h2{font-size:clamp(3rem,6.5vw,6.4rem);letter-spacing:-.09em;line-height:.9;margin:1.5rem 0 1.8rem}.contact-panel h2 em{font-family:var(--serif);font-weight:600;color:var(--pink)}.contact-panel p{color:#c5c0cc;margin:0 auto 2rem;max-width:500px;line-height:1.7}.contact-mail{font-size:clamp(1rem,2vw,1.6rem);font-weight:700;text-decoration:none;border-bottom:2px solid var(--pink);position:relative}.contact-mail:hover{color:var(--lime)}.contact-links{padding:2rem 0 0;display:flex;justify-content:center;gap:1.3rem;font:.7rem var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.contact-links a:hover{color:var(--violet)}footer{padding:1.5rem 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font:.7rem var(--mono);text-transform:uppercase;letter-spacing:.06em}footer a{text-decoration:none}footer a:hover{color:var(--violet)}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.nav{padding:0 1.3rem}.nav-links li:not(:last-child){display:none}.hero{padding:5rem 1.35rem 4rem}.hero-content,.split{grid-template-columns:1fr}.hero h1{font-size:clamp(4rem,17vw,6.7rem)}.hero-photo{height:420px;max-width:350px;margin:1.8rem auto 0;box-shadow:10px 10px 0 var(--pink)}.dot-two{display:none}.section{padding:5.5rem 1.35rem}.section-head{grid-template-columns:1fr;gap:1.2rem;margin-bottom:2.4rem}.photo-frame{height:440px;max-width:400px}.project{grid-template-columns:35px minmax(0,1fr);gap:.8rem}.project-meta{grid-column:2;align-items:flex-start;flex-direction:row;justify-content:space-between}.project h3{font-size:1.4rem}.page-hero{padding:5rem 1.35rem 4rem}.page-orb{width:250px;height:250px;right:-100px;top:-120px}.contact-panel{margin:0 1.35rem}.fact{grid-template-columns:110px 1fr}footer{padding:1.3rem;flex-direction:column}}
/* Detailseiten für die einzelnen Projekte */
.detail-hero{max-width:1200px;margin:0 auto;padding:7rem 5vw 4rem}.back{display:inline-flex;text-decoration:none;font:.7rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4rem}.back:hover{color:var(--lime)}.detail-kicker{color:var(--lime);font:.72rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.detail-hero h1{font-size:clamp(3.5rem,8vw,7.5rem);letter-spacing:-.09em;line-height:.9;margin:1rem 0 1.5rem;max-width:920px}.detail-hero h1 em{font-family:var(--serif);color:var(--violet);font-weight:600}.detail-intro{max-width:650px;font-size:1.1rem;line-height:1.8;color:var(--muted);margin:0}.detail-banner{background:linear-gradient(125deg,#1d1934,#161526 65%,#29214c);border:1px solid var(--line);margin:0 5vw;min-height:220px;display:flex;align-items:end;padding:2rem;position:relative;overflow:hidden}.detail-banner:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:var(--violet);right:-80px;top:-185px;opacity:.25}.detail-banner:after{content:"";position:absolute;width:160px;height:160px;border:1px solid var(--lime);transform:rotate(45deg);right:15%;bottom:-115px;opacity:.6}.detail-banner span{font:700 clamp(2rem,5vw,4.5rem)/1 var(--sans);letter-spacing:-.08em;position:relative}.detail-content{max-width:1200px;padding:6rem 5vw 7rem;margin:0 auto;display:grid;grid-template-columns:1.4fr .6fr;gap:8vw}.detail-content h2{font-size:clamp(2rem,3.4vw,3.5rem);letter-spacing:-.07em;line-height:1;margin:0 0 1.3rem}.detail-content p{color:var(--muted);line-height:1.8;margin:0 0 1.2rem}.feature-list{margin:2rem 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.feature-list li{padding:1rem 0;border-bottom:1px solid var(--line);font-size:.92rem}.feature-list li:before{content:"✦";color:var(--lime);margin-right:.7rem}.status-card{background:#17142a;border:1px solid var(--line);padding:1.6rem}.status-card small{font:.65rem var(--mono);color:var(--lime);letter-spacing:.08em;text-transform:uppercase}.status-card h3{font-size:1.35rem;letter-spacing:-.05em;margin:.7rem 0}.status-card p{font-size:.85rem;margin:0}.status-card a{display:inline-block;margin-top:1.5rem;color:#120f1a;background:var(--lime);padding:.75rem 1rem;border-radius:999px;text-decoration:none;font-size:.75rem;font-weight:800}@media(max-width:760px){.detail-hero{padding:4rem 1.35rem 3rem}.back{margin-bottom:2.8rem}.detail-banner{margin:0 1.35rem;min-height:170px;padding:1.4rem}.detail-content{padding:4rem 1.35rem 5rem;grid-template-columns:1fr;gap:2.5rem}}
.social-buttons{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;position:relative}.social-buttons a{display:inline-flex;align-items:center;text-decoration:none;border:1px solid rgba(242,240,250,.35);border-radius:999px;padding:.82rem 1.05rem;color:var(--ink);font-size:.8rem;font-weight:800}.social-buttons a:hover{background:var(--lime);color:#120f1a;border-color:var(--lime)}
.home-socials{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.4rem;color:var(--muted);font:.72rem var(--mono);letter-spacing:.04em;text-transform:uppercase}.home-socials a{color:var(--ink);text-decoration:none}.home-socials a:hover{color:var(--lime)}
.brand{display:inline-flex;align-items:center}.brand img{display:block;width:96px;height:auto}
.home-section{max-width:1200px;margin:0 auto;padding:6rem 5vw}.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.home-section-head h2{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.08em;line-height:.92;margin:.85rem 0 0}.text-link{font:.72rem var(--mono);color:var(--lime);text-decoration:none;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.text-link:hover{color:var(--pink)}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project-card{min-height:345px;padding:1.6rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:var(--surface);text-decoration:none;transition:.25s;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-75px;top:-75px;background:var(--violet);opacity:.19;transition:.3s}.project-card:hover{border-color:var(--violet);transform:translateY(-5px);box-shadow:10px 10px 0 rgba(168,139,255,.25)}.project-card:hover:before{transform:scale(1.4)}.project-card small{font:.67rem var(--mono);color:var(--lime);letter-spacing:.07em;text-transform:uppercase;position:relative}.project-card h3{font-size:clamp(1.65rem,2.7vw,2.55rem);letter-spacing:-.07em;line-height:.95;margin:0;position:relative}.project-card p{color:var(--muted);font-size:.88rem;line-height:1.7;margin:0;position:relative}.focus-wrap{background:#17142a}.focus-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.focus-lead{background:var(--lime);color:#171322;padding:clamp(2rem,4vw,4rem);min-height:370px;display:flex;flex-direction:column;justify-content:space-between}.focus-lead h2{font-size:clamp(2.6rem,5vw,5.2rem);letter-spacing:-.085em;line-height:.9;margin:0;max-width:610px}.focus-lead p{font-size:.98rem;line-height:1.75;max-width:470px;margin:2rem 0 0}.focus-items{display:grid;grid-template-rows:1fr 1fr;gap:1rem}.focus-item{padding:2rem;background:#201c37;border:1px solid var(--line)}.focus-item span{font:.65rem var(--mono);color:var(--pink);letter-spacing:.08em;text-transform:uppercase}.focus-item h3{font-size:1.5rem;letter-spacing:-.05em;margin:.65rem 0}.focus-item p{font-size:.88rem;line-height:1.7;color:var(--muted);margin:0}.home-community{padding:6rem 5vw 7rem;max-width:1200px;margin:0 auto;text-align:center}.home-community h2{font-size:clamp(3rem,6.5vw,6.5rem);letter-spacing:-.09em;line-height:.9;margin:.9rem 0 1.4rem}.home-community h2 em{font:600 1em var(--serif);color:var(--pink)}.home-community p{max-width:570px;margin:0 auto 2rem;color:var(--muted);line-height:1.75}.home-community .social-buttons a{background:var(--surface)}
@media(max-width:760px){.home-section{padding:4.5rem 1.35rem}.home-section-head{align-items:start;flex-direction:column;gap:1.2rem}.project-cards,.focus-grid{grid-template-columns:1fr}.project-card{min-height:260px}.focus-lead{min-height:300px}.focus-items{grid-template-rows:auto}.home-community{padding:4.5rem 1.35rem}.home-socials{margin-top:1.1rem}}
/* Bewegung & Tiefe */
body{background-image:radial-gradient(circle at var(--cursor-x,50%) var(--cursor-y,0%),rgba(168,139,255,.09),transparent 28rem)}
.nav{position:sticky;top:0}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(242,240,250,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(242,240,250,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 76%)}.hero-content{transition:transform .45s ease}.hero-content:hover{transform:scale(1.008)}.hero-photo{transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}.hero-photo:hover{transform:scale(1.025) rotate(1deg);box-shadow:24px 24px 0 var(--pink)}.dot-one{animation:drift 12s ease-in-out infinite}.dot-two{animation:float 5s ease-in-out infinite}.project-card,.focus-item,.status-card,.contact-panel{will-change:transform}.project-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.project-card:nth-child(2){transition-delay:.07s}.project-card:nth-child(3){transition-delay:.14s}.project-card:hover{transform:translateY(-10px) scale(1.015);box-shadow:14px 16px 0 rgba(168,139,255,.22)}.focus-item{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}.focus-item:hover{transform:translateX(8px);background:#292247}.button{position:relative;overflow:hidden}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.34) 45%,transparent 65%);transform:translateX(-120%);transition:transform .55s}.button:hover:before{transform:translateX(120%)}.ticker{box-shadow:0 1px 0 var(--line),0 -1px 0 var(--line)}.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.reveal.visible{animation:pop-in .7s cubic-bezier(.2,.8,.2,1) both}.detail-banner,.focus-lead{overflow:hidden}.detail-banner:hover:before{transform:scale(1.18)}.detail-banner:before{transition:transform .7s ease}.status-card{transition:transform .35s ease,border-color .35s}.status-card:hover{transform:translateY(-6px);border-color:var(--violet)}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-3vw,4vw) scale(1.08)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(8deg)}}@keyframes pop-in{0%{opacity:0;transform:translateY(28px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-content:hover,.hero-photo:hover,.project-card:hover,.focus-item:hover,.status-card:hover{transform:none}}
/* Ruhiger Glass-Look */
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% 14%,rgba(168,139,255,.14),transparent 28rem),radial-gradient(circle at 12% 78%,rgba(255,143,171,.08),transparent 23rem)}.nav{background:rgba(11,11,18,.62);border-bottom-color:rgba(242,240,250,.11);box-shadow:0 12px 32px rgba(0,0,0,.14)}.project-card,.focus-item,.status-card,.contact-panel{background:rgba(27,24,45,.68);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(242,240,250,.14)}.project-card:before{opacity:.12}.focus-item{background:rgba(32,28,55,.6)}.detail-banner{background:linear-gradient(120deg,rgba(38,31,69,.9),rgba(18,17,31,.75));backdrop-filter:blur(14px)}.detail-content{align-items:start}.project-read{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem}.read-card{background:rgba(27,24,45,.58);border:1px solid rgba(242,240,250,.12);padding:1.25rem}.read-card small{font:.63rem var(--mono);color:var(--lime);letter-spacing:.08em;text-transform:uppercase}.read-card h3{font-size:1.05rem!important;letter-spacing:-.04em;margin:.65rem 0!important}.read-card p{font-size:.84rem!important;line-height:1.7!important;margin:0!important}.project-quote{margin:2.5rem 0 0;padding:1.3rem 1.45rem;border-left:2px solid var(--pink);background:rgba(255,143,171,.055);color:#d7d1e6;font-size:1.05rem;line-height:1.65}.project-quote span{display:block;color:var(--pink);font:.65rem var(--mono);text-transform:uppercase;letter-spacing:.07em;margin-top:.8rem}@media(max-width:760px){.project-read{grid-template-columns:1fr}.project-quote{font-size:.96rem}}
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:20;background:linear-gradient(90deg,var(--pink),var(--violet),var(--lime));transform:scaleX(0);transform-origin:left;box-shadow:0 0 14px rgba(168,139,255,.7)}.page-hero,.detail-hero{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.page-hero:hover,.detail-hero:hover{transform:translateY(-2px)}.page-hero:after{content:"";position:absolute;bottom:-1px;left:5vw;width:clamp(100px,18vw,250px);height:2px;background:linear-gradient(90deg,var(--pink),var(--violet),transparent)}.photo-frame{transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s}.photo-frame:hover{transform:rotate(-.7deg) scale(1.015);box-shadow:14px 16px 0 rgba(168,139,255,.2)}.fact{transition:padding .25s ease,color .25s}.fact:hover{padding-left:.7rem;color:var(--violet)}.project{transition:padding .35s cubic-bezier(.2,.8,.2,1),background .35s}.project:hover{background:rgba(242,240,250,.035)}.read-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,background .35s}.read-card:hover{transform:translateY(-6px);border-color:rgba(168,139,255,.6);background:rgba(51,42,85,.75)}.feature-list li{transition:padding .25s ease,color .25s}.feature-list li:hover{padding-left:.6rem;color:var(--lime)}.contact-links a{transition:color .2s,letter-spacing .2s}.contact-links a:hover{letter-spacing:.12em}.is-dynamic{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.is-dynamic.visible{opacity:1;transform:translateY(0)}
.text-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.text-reveal.visible{opacity:1;transform:translateY(0)}@media(hover:hover){.page-hero h1,.detail-hero h1,.home-section-head h2,.detail-content h2,.home-community h2,.focus-lead h2{transition:color .3s ease,text-shadow .3s ease}.page-hero h1:hover,.detail-hero h1:hover,.home-section-head h2:hover,.detail-content h2:hover,.home-community h2:hover,.focus-lead h2:hover{text-shadow:0 0 16px rgba(168,139,255,.15)}}
/* Intro, Bento-Grid und scroll-gebundene Akzente */
.intro-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0b0b12;transition:clip-path .75s cubic-bezier(.76,0,.24,1),visibility .75s}.intro-loader__word{font:800 clamp(2.5rem,8vw,7rem)/1 var(--sans);letter-spacing:-.1em;color:var(--ink);animation:loader-word .7s cubic-bezier(.2,.8,.2,1) both}.intro-loader__word i{color:var(--violet);font-style:normal}.page-ready .intro-loader{clip-path:inset(0 0 100% 0);visibility:hidden}.project-cards{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.project-card:nth-child(1){grid-column:span 7;min-height:410px}.project-card:nth-child(2){grid-column:span 5;min-height:410px}.project-card:nth-child(3){grid-column:span 12;min-height:260px;display:grid;grid-template-columns:1fr 1.15fr;align-items:end;column-gap:2rem}.project-card:nth-child(3) p{max-width:500px;justify-self:end}.project-card.is-tilting{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px) scale(1.012);transition:transform .12s ease-out,border-color .3s,box-shadow .3s}.project-card.is-tilting:before{transform:translate(var(--glow-x,0px),var(--glow-y,0px)) scale(1.35)}@keyframes loader-word{from{opacity:0;transform:translateY(20px) scale(.96);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@supports (animation-timeline:view()) and (animation-range:entry 0% cover 40%){.detail-banner,.focus-lead{animation:scroll-lift linear both;animation-timeline:view();animation-range:entry 0% cover 45%}@keyframes scroll-lift{from{transform:translateY(40px) scale(.96);opacity:.35}to{transform:translateY(0) scale(1);opacity:1}}}@media(max-width:760px){.project-cards{grid-template-columns:1fr}.project-card:nth-child(n){grid-column:auto;min-height:260px;display:flex}.project-card:nth-child(3) p{justify-self:auto}.intro-loader__word{font-size:3rem}}@media(prefers-reduced-motion:reduce){.intro-loader{display:none}.project-card.is-tilting{transform:none!important}}
.hero-webgl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.72;mix-blend-mode:screen;z-index:0}.hero-content{z-index:1}@media(max-width:760px){.hero-webgl{opacity:.35}}@media(prefers-reduced-motion:reduce){.hero-webgl{display:none}}
/* Unterseiten: Archiv, HUD & thematische Atmosphären */
body.page-about .page-hero h1{position:relative;text-shadow:2px 0 #8df7ff,-2px 0 rgba(245,140,175,.7);animation:terminal-glitch .55s steps(2,end) 2}.portrait-liquid{overflow:hidden}.portrait-liquid img{will-change:transform,filter;transform:scale(1.06) translate(var(--liquid-x,0),var(--liquid-y,0));transition:transform .2s ease-out,filter .35s}.portrait-liquid:before{content:"";position:absolute;z-index:1;width:170px;height:170px;left:var(--liquid-left,50%);top:var(--liquid-top,50%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(141,247,255,.26),transparent 65%);mix-blend-mode:screen;pointer-events:none;opacity:0;transition:opacity .25s}.portrait-liquid:hover:before{opacity:1}.about-timeline{max-width:1200px;margin:0 auto;padding:1rem 5vw 6rem;position:relative}.about-timeline:before{content:"";position:absolute;left:calc(5vw + 7px);top:2rem;bottom:5.5rem;width:1px;background:rgba(242,240,250,.15)}.about-timeline:after{content:"";position:absolute;left:calc(5vw + 7px);top:2rem;width:2px;height:var(--timeline-progress,0%);background:linear-gradient(var(--violet),var(--lime));box-shadow:0 0 15px var(--violet)}.timeline-title{font:.68rem var(--mono);color:var(--lime);letter-spacing:.1em;text-transform:uppercase;margin:0 0 1.8rem 2rem}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:2rem;max-width:760px;margin:0 0 1.5rem 2rem;padding:1.15rem 1.25rem;border:1px solid rgba(242,240,250,.12);background:rgba(26,23,44,.55);backdrop-filter:blur(12px);position:relative}.timeline-item:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime);left:-2.32rem;top:1.55rem}.timeline-item small{font:.66rem var(--mono);color:var(--pink);letter-spacing:.08em}.timeline-item h3{margin:0 0 .4rem;font-size:1.1rem;letter-spacing:-.04em}.timeline-item p{margin:0;color:var(--muted);line-height:1.65;font-size:.86rem}.tool-hud{max-width:1200px;margin:0 auto;padding:0 5vw 6rem}.tool-hud h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.07em;margin:0 0 1.4rem}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.tool-chip{position:relative;min-height:118px;padding:1rem;border:1px solid rgba(141,247,255,.16);background:rgba(17,17,29,.65);backdrop-filter:blur(12px);cursor:default;transition:transform .25s,border-color .25s}.tool-chip strong{display:block;font-size:1rem;letter-spacing:-.04em}.tool-chip span{display:block;margin-top:.65rem;color:var(--muted);font:.7rem var(--mono)}.tool-chip:after{content:attr(data-note);position:absolute;left:1rem;right:1rem;bottom:.8rem;color:var(--lime);font:.64rem var(--mono);opacity:0;transform:translateY(5px);transition:.25s}.tool-chip:hover{transform:translateY(-5px);border-color:var(--lime);animation:rumble .25s linear}.tool-chip:hover:after{opacity:1;transform:none}.archive-filters{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.5rem}.archive-filter{appearance:none;border:1px solid rgba(242,240,250,.18);border-radius:99px;background:transparent;color:var(--muted);padding:.6rem .85rem;font:.68rem var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.25s}.archive-filter:hover,.archive-filter.active{color:#11101a;background:var(--lime);border-color:var(--lime)}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;border:0}.archive-grid .project{min-height:280px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(242,240,250,.14);background:rgba(27,24,45,.66);backdrop-filter:blur(14px);overflow:hidden}.archive-grid .project:nth-child(3){grid-column:span 2}.archive-grid .project-copy{font-size:.9rem}.archive-grid .project-meta{flex-direction:row;align-items:center;min-width:0}.metric-strip{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.3rem}.metric{padding:.65rem .75rem;border:1px solid rgba(242,240,250,.13);background:rgba(0,0,0,.18);font:.65rem var(--mono);color:var(--muted)}.metric b{color:var(--lime);font-size:1rem;margin-right:.35rem}.page-fivem{--page-accent:#ffc970}.page-minecraft{--page-accent:#a8dd8a}.page-webdesign{--page-accent:#8df7ff}.page-fivem .detail-banner{background:linear-gradient(125deg,#26221f,#151617 60%,#43352a)}.page-fivem .detail-banner:after{border-color:var(--page-accent)}.page-fivem .detail-kicker,.page-fivem .status-card small{color:var(--page-accent)}.page-fivem .status-card:after{content:"";position:absolute;right:1.4rem;top:1.35rem;width:8px;height:8px;border-radius:50%;background:var(--page-accent);box-shadow:0 0 12px var(--page-accent);animation:led 1.4s ease-in-out infinite}.page-minecraft .detail-banner{background:linear-gradient(125deg,#17221a,#111714 60%,#263b25)}.page-minecraft .detail-banner:before{background:var(--page-accent);opacity:.18}.page-minecraft .project-quote{will-change:transform;transition:transform .25s ease}.page-webdesign .detail-banner{background:linear-gradient(125deg,#09242a,#0c1114 60%,#122936)}.page-webdesign .detail-banner span{color:#eaffff;animation:heartbeat 2.2s ease-in-out infinite}.page-webdesign .feature-list li:hover{background-image:linear-gradient(rgba(141,247,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(141,247,255,.12) 1px,transparent 1px);background-size:10px 10px;border-color:var(--page-accent)}@keyframes terminal-glitch{0%,100%{clip-path:inset(0)}20%{clip-path:inset(12% 0 60% 0);transform:translateX(3px)}40%{clip-path:inset(65% 0 8% 0);transform:translateX(-3px)}60%{clip-path:inset(35% 0 34% 0);transform:translateX(2px)}}@keyframes rumble{25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}@keyframes led{50%{opacity:.35;box-shadow:0 0 4px var(--page-accent)}}@keyframes heartbeat{0%,100%{transform:scale(1)}10%{transform:scale(1.025)}20%{transform:scale(1)}}@media(max-width:760px){.tool-grid,.archive-grid{grid-template-columns:1fr}.archive-grid .project:nth-child(3){grid-column:auto}.about-timeline{padding-left:1.35rem;padding-right:1.35rem}.about-timeline:before,.about-timeline:after{left:1.85rem}.timeline-item{grid-template-columns:1fr;margin-left:2rem}.tool-hud{padding:0 1.35rem 4.5rem}}@media(prefers-reduced-motion:reduce){.portrait-liquid img,.tool-chip:hover,.page-webdesign .detail-banner span,.page-fivem .status-card:after{animation:none!important;transform:none!important}}
.contact-shell{max-width:1120px;margin:0 auto;padding:6rem 5vw 7rem;display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem}.contact-side,.contact-form{border:1px solid rgba(242,240,250,.14);background:rgba(27,24,45,.62);backdrop-filter:blur(18px);padding:clamp(1.5rem,3vw,2.7rem)}.contact-side h2{font-size:clamp(2.4rem,4vw,4.4rem);letter-spacing:-.08em;line-height:.93;margin:1rem 0}.contact-side p{color:var(--muted);line-height:1.75;max-width:390px}.contact-suggestions{display:grid;gap:.65rem;margin-top:2rem}.contact-suggestion{border:1px solid rgba(242,240,250,.12);background:transparent;color:var(--ink);padding:1rem;text-align:left;cursor:pointer;transition:.25s}.contact-suggestion strong{display:block;font-size:.9rem}.contact-suggestion span{display:block;color:var(--muted);font-size:.75rem;margin-top:.3rem}.contact-suggestion:hover{transform:translateX(6px);border-color:var(--violet);background:rgba(168,139,255,.09)}.contact-form{display:grid;gap:1.1rem}.contact-form label{display:grid;gap:.45rem;color:var(--muted);font:.67rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(242,240,250,.18);border-radius:0;background:rgba(5,5,10,.38);color:var(--ink);padding:.9rem 1rem;font:400 .94rem var(--sans);outline:0;transition:border-color .25s,box-shadow .25s}.contact-form textarea{resize:vertical;min-height:145px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(212,249,128,.08)}.contact-form .button{justify-content:center;border:0;cursor:pointer}.form-note{color:var(--muted);font-size:.73rem;line-height:1.6;margin:0}.contact-success{display:none;color:var(--lime);font:.75rem var(--mono)}.contact-success.visible{display:block}@media(max-width:760px){.contact-shell{padding:4rem 1.35rem 5rem;grid-template-columns:1fr}.contact-side,.contact-form{padding:1.4rem}}
/* High-end interaction layer */
.gradient-text{background:linear-gradient(105deg,#8df7ff 0%,#9f8bff 48%,#f58caf 100%);background-size:180% 180%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 7s ease infinite}.hero h1 .gradient-text{filter:drop-shadow(0 0 24px rgba(141,247,255,.15))}.ticker{transition:background .35s,color .35s}.ticker:hover{background:#211a3d}.ticker:hover div{animation-duration:50s;color:#d9d1ff;text-shadow:0 0 10px rgba(212,249,128,.55)}.ticker:hover span{color:#d4f980;text-shadow:0 0 12px rgba(212,249,128,.75)}.button{isolation:isolate;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s}.button:after{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.52),transparent 31%),linear-gradient(110deg,#8df7ff,#9f8bff 50%,#f58caf);z-index:-1;transform:scaleX(0);transform-origin:left;border-radius:inherit;transition:transform .45s cubic-bezier(.3,.8,.2,1)}.button:hover{transform:translateY(-3px) scale(1.045);box-shadow:0 14px 30px rgba(168,139,255,.2)}.button:hover:after{transform:scaleX(1)}.button-outline:hover{border-color:transparent;color:#11101a}.button-primary:after{opacity:.55}.project-card--fivem{isolation:isolate}.project-card--fivem:after{content:"MURRIETTA / LIVE";position:absolute;inset:0;z-index:-1;display:flex;align-items:flex-end;padding:1.3rem;color:rgba(242,240,250,.34);font:.64rem var(--mono);letter-spacing:.08em;background:linear-gradient(180deg,rgba(11,11,18,.18),rgba(11,11,18,.91)),repeating-linear-gradient(90deg,transparent 0 36px,rgba(168,139,255,.22) 37px 39px),linear-gradient(135deg,#443568,#15152b 54%,#31213b);background-size:auto,100% 100%,150% 150%;opacity:0;transition:opacity .55s,background-position 1.6s ease}.project-card--fivem:hover:after{opacity:1;background-position:0,13px 0,100% 100%}.voxel{position:absolute;right:12%;bottom:14%;width:86px;height:86px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(35deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.voxel i{position:absolute;inset:0;border:1px solid rgba(212,249,128,.8);background:linear-gradient(135deg,rgba(212,249,128,.5),rgba(168,139,255,.18));box-shadow:inset 0 0 26px rgba(141,247,255,.2)}.voxel i:nth-child(1){transform:translateZ(43px)}.voxel i:nth-child(2){transform:rotateY(90deg) translateZ(43px)}.voxel i:nth-child(3){transform:rotateX(90deg) translateZ(43px)}.project-card--minecraft:hover .voxel{transform:rotateX(336deg) rotateY(395deg) scale(1.15)}.mini-ui{position:absolute;right:1.6rem;bottom:1.6rem;width:170px;padding:.8rem;border:1px solid rgba(242,240,250,.22);border-radius:10px;background:rgba(10,10,18,.72);backdrop-filter:blur(12px);transition:transform .35s ease}.mini-ui b,.mini-ui i{display:block;height:7px;border-radius:99px;background:var(--violet);margin-bottom:.55rem}.mini-ui i{width:68%;background:var(--pink);opacity:.8}.mini-ui span{display:block;height:26px;border-radius:5px;background:linear-gradient(90deg,var(--lime),#8df7ff);width:48%;transition:width .45s ease}.project-card--web:hover .mini-ui{transform:translate(-10px,-9px) rotate(-2deg)}.project-card--web:hover .mini-ui span{width:100%}.story-words{display:inline}.story-word{display:inline-block;opacity:0;transform:translateY(20px);transition:opacity .52s ease,transform .52s cubic-bezier(.2,.8,.2,1);margin-right:.23em}.words-visible .story-word{opacity:1;transform:translateY(0)}footer{position:relative;overflow:hidden;isolation:isolate}footer:before{content:"";position:absolute;z-index:-1;inset:-100% -10%;background:radial-gradient(ellipse at 30% 55%,rgba(141,247,255,.16),transparent 31%),radial-gradient(ellipse at 68% 35%,rgba(168,139,255,.22),transparent 35%),radial-gradient(ellipse at 50% 72%,rgba(245,140,175,.13),transparent 38%);filter:blur(25px);animation:aurora 11s ease-in-out infinite alternate}.magnetic{transition:transform .18s ease-out}.magnetic:hover{border-color:var(--lime)!important}@keyframes gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes aurora{from{transform:translate3d(-5%,3%,0) rotate(-5deg) scale(1)}to{transform:translate3d(6%,-4%,0) rotate(6deg) scale(1.12)}}@media(max-width:760px){.project-card--fivem:after,.voxel,.mini-ui{display:none}.button:hover{transform:translateY(-2px) scale(1.015)}}@media(prefers-reduced-motion:reduce){.gradient-text,footer:before{animation:none}.button:hover{transform:none}.project-card--minecraft:hover .voxel{transform:rotateX(-24deg) rotateY(35deg)}}