:root{--bg:#090a08;--panel:#11120f;--fg:#f1f1ea;--muted:#94968d;--accent:#caff1a;--line:rgba(241,241,234,.18);--pad:clamp(20px,3.2vw,58px);--mono:"DM Mono",Consolas,monospace;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:"Inter",Arial,sans-serif}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}::selection{background:var(--accent);color:#080808}.skip-link{position:fixed;left:18px;top:12px;z-index:500;translate:0 -160%;padding:10px 14px;background:var(--accent);color:#080808;font:700 10px var(--mono)}.skip-link:focus{translate:0 0}.noise{position:fixed;inset:0;z-index:190;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;z-index:230;inset:0 0 auto;height:2px}.scroll-progress i{display:block;width:0;height:100%;background:var(--accent)}
.project-cursor{position:fixed;z-index:400;top:-18px;left:-18px;width:36px;height:36px;border:1px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none;mix-blend-mode:difference;transition:width .25s,height .25s,margin .25s,background .25s}.project-cursor i{position:absolute;inset:50% auto auto 50%;width:4px;height:4px;translate:-50% -50%;border-radius:50%;background:#fff}.project-cursor.is-active{width:68px;height:68px;margin:-16px 0 0 -16px;background:#fff}
.project-header{position:fixed;z-index:220;inset:0 0 auto;height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);color:#fff}.project-header p,.project-header .project-menu-button{mix-blend-mode:difference}.project-brand{justify-self:start;font-size:21px;font-weight:800;letter-spacing:-.06em}.project-brand span{color:var(--accent)}.project-header p{margin:0;text-align:center;font:500 9px/1.35 var(--mono);letter-spacing:.16em;opacity:.75}.project-menu-button{justify-self:end;display:flex;align-items:center;gap:12px;padding:12px 0;border:0;background:transparent;cursor:pointer;font:600 10px var(--mono);letter-spacing:.15em}.project-menu-button i{width:9px;height:9px;border-radius:50%;background:var(--accent);transition:transform .35s var(--ease)}.project-menu-button:hover i,.project-menu-button[aria-expanded=true] i{transform:scale(1.8)}
.project-menu{position:fixed;inset:0;z-index:210;visibility:hidden;pointer-events:none}.project-menu__backdrop{position:absolute;inset:0;background:#050505;transform:translateY(-101%);transition:transform .72s var(--ease)}.project-menu__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:120px var(--pad) var(--pad);opacity:0;transition:opacity .25s}.project-menu.is-open{visibility:visible;pointer-events:auto}.project-menu.is-open .project-menu__backdrop{transform:none}.project-menu.is-open .project-menu__content{opacity:1;transition-delay:.35s}.project-menu__content>small{margin-bottom:20px;color:var(--muted);font:500 10px var(--mono);letter-spacing:.18em}.project-menu__content>a{display:flex;align-items:flex-start;gap:25px;padding:8px 0;border-bottom:1px solid var(--line);font-size:clamp(46px,8vw,124px);font-weight:700;line-height:.86;letter-spacing:-.075em;transition:padding-left .35s var(--ease),color .25s}.project-menu__content>a:hover{padding-left:22px;color:var(--accent)}.project-menu__content>a span{margin-top:.7em;font:500 10px var(--mono);letter-spacing:.14em}
.project-hero{min-height:100svh;padding:120px var(--pad) var(--pad);display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line);overflow:hidden}.project-hero__meta,.project-hero__foot{display:flex;justify-content:space-between;gap:30px;color:var(--muted);font:500 9px var(--mono);letter-spacing:.16em}.project-hero h1{margin:auto 0;font-size:clamp(76px,13vw,220px);font-weight:750;line-height:.72;letter-spacing:-.09em;text-transform:uppercase}.project-hero__line{display:block;overflow:hidden;padding-bottom:.08em}.project-hero__line>span{display:block;transform:translateY(110%);animation:project-title-in 1.1s var(--ease) forwards .15s}.project-hero__line--indent{padding-left:13vw}.project-hero__line--indent>span{animation-delay:.28s}.project-hero h1 em{font-family:Georgia,serif;font-weight:400}.project-hero__foot{align-items:flex-end;padding-top:20px;border-top:1px solid var(--line);letter-spacing:0}.project-hero__foot p{max-width:440px;margin:0;font:400 13px/1.5 "Inter",Arial,sans-serif}.project-hero__foot a{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--line);border-radius:50%;font-size:20px;transition:.3s var(--ease)}.project-hero__foot a:hover{background:var(--accent);color:#080808;transform:rotate(-45deg)}@keyframes project-title-in{to{transform:none}}
.project-collection{padding:0 var(--pad)}.project-detail{--mx:60%;--my:40%;position:relative;display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:clamp(28px,5vw,90px);align-items:center;min-height:100vh;padding:10vh 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.project-detail:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle 340px at var(--mx) var(--my),rgba(202,255,26,.055),transparent 72%);pointer-events:none}.project-detail--reverse .project-detail__visual{order:2}.project-detail--reverse .project-detail__info{order:1}.project-detail__visual{position:relative;height:74vh;min-height:520px;overflow:hidden;background:#111}.project-detail__visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px rgba(0,0,0,.3);pointer-events:none}.project-detail__visual--blue{background:radial-gradient(circle at 45% 40%,#163846,#07151d 68%)}.project-detail__visual--warm{background:#d6d1c5}.project-detail__visual--dark{background:#080907}.project-detail__visual iframe{position:absolute;inset:0;width:144%;height:144%;border:0;transform:scale(.695);transform-origin:0 0;pointer-events:none;background:transparent}.project-detail__visual>a{position:absolute;z-index:4;inset:0}.project-detail__number{position:absolute;z-index:3;top:6%;left:5%;color:rgba(255,255,255,.15);font-size:clamp(110px,17vw,280px);font-weight:800;line-height:.7;letter-spacing:-.1em;mix-blend-mode:difference;pointer-events:none}.project-detail__info>span:first-child{color:var(--muted);font:500 9px var(--mono);letter-spacing:.16em}.project-detail__info h2{margin:30px 0 38px;font-size:clamp(48px,5.8vw,96px);line-height:.8;letter-spacing:-.07em;overflow-wrap:anywhere}.project-detail__info>p{max-width:420px;margin:0 0 38px;color:#aaa;font-size:14px;line-height:1.55}.project-detail__info dl{margin:0 0 38px;border-top:1px solid var(--line)}.project-detail__info dl div{display:flex;justify-content:space-between;gap:25px;padding:13px 0;border-bottom:1px solid var(--line);font:500 9px var(--mono);letter-spacing:.1em}.project-detail__info dt{color:var(--muted)}.project-detail__info dd{margin:0;text-align:right}.project-open,.project-status{display:inline-flex;align-items:center;gap:35px;padding-bottom:8px;border-bottom:1px solid var(--line);font:500 10px var(--mono);letter-spacing:.14em}.project-open b{color:var(--accent);font-size:17px}.project-status{color:var(--muted)}
.research-visual{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(202,255,26,.09),transparent 25%),#090a08}.research-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,transparent,#000 20% 80%,transparent)}.research-docs{position:absolute;top:25%;left:7%;display:grid;grid-template-columns:48px 110px;gap:10px 15px;width:200px;padding:25px;border:1px solid rgba(255,255,255,.2);background:rgba(11,12,10,.84)}.research-docs span{grid-row:span 3;color:var(--muted);font:500 8px var(--mono)}.research-docs i{height:3px;background:rgba(255,255,255,.28)}.research-visual>strong{position:absolute;top:50%;left:51%;display:grid;place-items:center;width:112px;height:112px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--accent);color:var(--accent);font:700 14px var(--mono);box-shadow:0 0 55px rgba(202,255,26,.13),inset 0 0 30px rgba(202,255,26,.05)}.research-visual>strong:after{content:"LLM";transform:rotate(-45deg)}.research-visual>strong{font-size:0}.research-line{position:absolute;left:28%;width:18%;height:1px;transform-origin:right;background:linear-gradient(90deg,transparent,var(--accent));box-shadow:0 0 9px var(--accent);animation:research-pulse 2.5s ease-in-out infinite}.research-line--a{top:39%;transform:rotate(14deg)}.research-line--b{top:50%}.research-line--c{top:61%;transform:rotate(-14deg)}.research-result{position:absolute;top:25%;right:6%;width:210px;padding:25px;border:1px solid rgba(255,255,255,.2);background:rgba(11,12,10,.84)}.research-result small{color:var(--muted);font:500 8px var(--mono);letter-spacing:.12em}.research-result>b{display:block;margin:24px 0 15px;font-size:54px;line-height:.8;letter-spacing:-.07em}.research-result>i{display:block;height:4px;margin-bottom:15px;background:rgba(255,255,255,.12)}.research-result>i span{display:block;width:80%;height:100%;background:var(--accent)}@keyframes research-pulse{50%{opacity:.28}}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.project-contact{min-height:100svh;padding:12vh var(--pad) var(--pad);display:flex;flex-direction:column;background:var(--accent);color:#080808}.project-contact>span{font:600 9px var(--mono);letter-spacing:.15em}.project-contact h2{margin:auto 0;font-size:clamp(64px,11vw,180px);line-height:.78;letter-spacing:-.08em}.project-contact h2 em{font-family:Georgia,serif;font-weight:400}.project-contact>div{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:20px;border-top:1px solid rgba(0,0,0,.35)}.project-contact p{max-width:440px;margin:0;font-size:13px;line-height:1.5}.project-contact a{display:flex;gap:35px;padding:10px 0;border-bottom:1px solid #080808;font:600 10px var(--mono);letter-spacing:.14em}.project-footer{min-height:110px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);font:500 9px var(--mono);letter-spacing:.12em}.project-footer>a:last-child{justify-self:end}
@media(max-width:1000px){.project-header{grid-template-columns:1fr 1fr}.project-header p{display:none}.project-detail{grid-template-columns:1fr;min-height:auto;padding:70px 0 130px}.project-detail--reverse .project-detail__visual,.project-detail--reverse .project-detail__info{order:initial}.project-detail__visual{height:66vw;min-height:480px}.project-detail__info{max-width:720px}.project-cursor{display:none}}
@media(max-width:620px){.project-header{height:68px;mix-blend-mode:normal;background:rgba(9,10,8,.78);backdrop-filter:blur(14px)}.project-brand{font-size:18px}.project-menu-button{position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);color:#fff}.project-menu__content>a{font-size:15vw}.project-hero{padding:100px var(--pad) 22px}.project-hero__meta span:last-child{display:none}.project-hero h1{font-size:16vw;line-height:.82}.project-hero__line--indent{padding-left:0}.project-hero__foot p{max-width:260px;font-size:11px}.project-hero__foot a{width:46px;height:46px}.project-collection{padding:0}.project-detail{padding:0 0 100px;border-bottom:0}.project-detail__visual{height:118vw;min-height:0}.project-detail__info{padding:34px var(--pad) 0}.project-detail__info h2{font-size:14vw}.project-detail__number{font-size:34vw}.research-docs{left:3%;top:13%;transform:scale(.63);transform-origin:left top}.research-result{top:59%;right:3%;transform:scale(.63);transform-origin:right top}.research-visual>strong{width:82px;height:82px}.research-line{left:20%;width:27%}.project-contact{padding-top:95px}.project-contact>div{display:block}.project-contact a{width:max-content;margin-top:40px}.project-footer{grid-template-columns:1fr 1fr;gap:18px;padding-block:30px}.project-footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.project-cursor{display:none}}

/* Ruhigere Typografie-Skala für die Projektübersicht. */
.project-menu__content>a{font-size:clamp(40px,6.8vw,102px)}
.project-hero h1{font-size:clamp(66px,10.8vw,180px)}
.project-detail__number{font-size:clamp(94px,14vw,230px)}
.project-detail__info h2{font-size:clamp(42px,4.8vw,80px)}
.research-result>b{font-size:46px}
.project-contact h2{font-size:clamp(56px,9.2vw,150px)}

@media(max-width:620px){
  .project-menu__content>a{font-size:12.5vw}
  .project-hero h1{font-size:13.5vw}
  .project-detail__info h2{font-size:12vw}
  .project-detail__number{font-size:29vw}
}