:root{--bg: #07100c;--bg-2: #0e1814;--bg-3: #131f1a;--fg: #e8f4ef;--ink-dim: #7daaa0;--ink-mute: #4a6a62;--green: #4ade80;--cyan: #5be5ff;--rift: #b16cea;--rift-2: #5be5ff;--line: rgba(74, 222, 128, .18);--line-strong: rgba(74, 222, 128, .35);--rift-line: rgba(177, 108, 234, .35);--glow-green: 0 0 24px rgba(74, 222, 128, .35);--glow-green-soft: 0 0 12px rgba(74, 222, 128, .18);--glow-rift: 0 0 42px rgba(177, 108, 234, .28);--f-display: "Chakra Petch", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--f-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.55;min-height:100svh;overflow-x:hidden}.boot[hidden]{display:none}.boot{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer}.boot-lines{font-family:var(--f-mono);color:var(--green);font-size:clamp(13px,2.4vw,17px);letter-spacing:.08em;line-height:2;margin:0;white-space:pre-wrap;clip-path:inset(0 0 100% 0);animation:boot-type .8s steps(4) forwards;text-shadow:var(--glow-green-soft)}@keyframes boot-type{to{clip-path:inset(0 0 -10% 0)}}.boot.done{animation:boot-out .35s ease forwards}@keyframes boot-out{to{opacity:0;visibility:hidden}}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(74,222,128,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(74,222,128,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 70% at 50% 30%,black 40%,transparent 100%);pointer-events:none;z-index:0}.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.15) 3px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:1;opacity:.35}main,footer{position:relative;z-index:2}main{max-width:1200px;margin:0 auto;padding:0 5%}.meta{color:var(--ink-mute);text-transform:uppercase}.accent{color:var(--green);text-shadow:var(--glow-green-soft)}.rift-accent{color:var(--rift);text-shadow:0 0 12px rgba(177,108,234,.35)}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.js .reveal.in{opacity:1;transform:none}}.hero{position:relative;margin:0 -5%;padding:64px 5% 40px;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url(/art/branding/login-bg.webp);background-size:cover;background-position:center;opacity:.35;z-index:0}.hero-bg-fade{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 60% 80% at 30% 40%,#07100c33,#07100cf2 80%),linear-gradient(180deg,#07100c99,#07100c)}.hero-inner{position:relative;z-index:2;text-align:left}.hero-logo{display:block;width:min(420px,70vw);height:auto;margin:0 0 40px;filter:drop-shadow(0 0 32px rgba(74,222,128,.4))}.kicker{font-family:var(--f-mono);color:var(--cyan);font-size:13px;letter-spacing:.2em;margin-bottom:20px;text-transform:uppercase}h1{font-family:var(--f-display);font-weight:700;font-size:clamp(38px,7vw,84px);line-height:1.02;letter-spacing:-.01em;margin:0 0 24px;text-wrap:balance}h1 .accent{text-shadow:var(--glow-green)}.lede{max-width:640px;font-size:clamp(16px,2vw,19px);color:var(--ink-dim);line-height:1.6;margin:0 0 32px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}.cta-row.center{justify-content:center;margin-bottom:0}.btn{font-family:var(--f-mono);font-weight:500;font-size:14px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:14px 28px;border-radius:2px;border:1px solid var(--line-strong);transition:all .18s ease;display:inline-block;cursor:pointer}.btn.primary{background:var(--green);color:var(--bg);border-color:var(--green);box-shadow:var(--glow-green)}.btn.primary:hover{background:#6df59d;transform:translateY(-1px);box-shadow:0 0 32px #4ade8080}.btn.large{padding:20px 40px;font-size:16px}.btn.sm{padding:10px 18px;font-size:12px}.btn.ghost{background:transparent;color:var(--fg)}.btn.ghost:hover{border-color:var(--green);color:var(--green)}.status-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em}.tag{color:var(--green);border:1px solid var(--green);padding:4px 10px;border-radius:2px;text-transform:uppercase;white-space:nowrap}.tag.pulse{animation:tag-pulse 2.4s ease-in-out infinite}@keyframes tag-pulse{0%,to{box-shadow:0 0 #4ade8000}50%{box-shadow:0 0 18px #4ade8073}}.cinema{position:relative;padding:24px 0 8px}.stage-glow{position:absolute;inset:-40px -10% auto;height:70%;background:radial-gradient(ellipse 55% 60% at 50% 55%,rgba(177,108,234,.16),rgba(91,229,255,.06) 55%,transparent 75%);pointer-events:none;filter:blur(4px)}.stage{position:relative;margin:0 auto;max-width:1080px;aspect-ratio:16 / 9;background:#000;border:1px solid var(--rift-line);box-shadow:var(--glow-rift),0 32px 80px #0009}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.corner{position:absolute;width:18px;height:18px;z-index:3;border:2px solid var(--rift);opacity:.9;pointer-events:none;filter:drop-shadow(0 0 6px rgba(177,108,234,.5))}.corner.tl{top:-2px;left:-2px;border-right:0;border-bottom:0}.corner.tr{top:-2px;right:-2px;border-left:0;border-bottom:0}.corner.bl{bottom:-2px;left:-2px;border-right:0;border-top:0}.corner.br{bottom:-2px;right:-2px;border-left:0;border-top:0}.stage-play{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(180deg,#0000001a 40%,#0000008c);border:0;cursor:pointer;color:var(--fg)}.play-ring{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;padding-left:6px;color:var(--fg);border:1px solid rgba(232,244,239,.6);background:#07100c73;backdrop-filter:blur(4px);transition:all .2s ease;animation:play-pulse 2.6s ease-in-out infinite}@keyframes play-pulse{0%,to{box-shadow:0 0 #b16cea66}50%{box-shadow:0 0 0 16px #b16cea00}}.stage-play:hover .play-ring{background:var(--green);color:var(--bg);border-color:var(--green)}.play-label{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--ink-dim);text-transform:uppercase}.stage-play:hover .play-label{color:var(--fg)}.stage-play[hidden],.stage-end[hidden]{display:none}.stage-end{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#040806b8}.stage-again{background:none;border:0;cursor:pointer;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:var(--ink-dim);text-transform:uppercase}.stage-again:hover{color:var(--green)}.stage-reflection{margin:2px auto 0;max-width:1080px;height:110px;background-image:url(/art/branding/hero-poster.webp);background-size:cover;background-position:center;transform:scaleY(-1);filter:blur(22px) saturate(1.2);opacity:.22;mask-image:linear-gradient(to top,transparent 15%,black 100%);pointer-events:none}.ticker{margin:22px auto 0;max-width:1080px;overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--ink-dim);display:flex}.ticker span{flex-shrink:0;animation:ticker-run 36s linear infinite}@keyframes ticker-run{to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.ticker span{animation:none}}.section-title{font-family:var(--f-mono);color:var(--ink-dim);font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px}.section-lede{color:var(--ink-dim);margin:0 0 40px;max-width:680px;line-height:1.6}.proof,.lore,.runner,.konsequenz,.endgame{padding:88px 0}.akt{position:relative;margin:0 -5%;padding:110px 5% 90px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--rift) 35%,var(--rift-2) 65%,transparent) 1;overflow:hidden}.akt-kicker{font-family:var(--f-mono);font-size:12px;letter-spacing:.22em;color:var(--ink-mute);text-transform:uppercase}.akt-title{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(40px,8.5vw,110px);line-height:.98;letter-spacing:.01em;color:var(--fg);position:relative;text-wrap:balance}.rift-tone .akt-title{text-shadow:0 0 32px rgba(177,108,234,.35)}.akt:not(.rift-tone) .akt-title{text-shadow:0 0 32px rgba(74,222,128,.3)}@media(prefers-reduced-motion:no-preference){.glitch.play:before,.glitch.play:after{content:attr(data-text);position:absolute;inset:0;overflow:hidden}.glitch.play:before{color:var(--rift);clip-path:inset(20% 0 45% 0);animation:glitch-a .42s steps(3) 1 forwards}.glitch.play:after{color:var(--cyan);clip-path:inset(60% 0 15% 0);animation:glitch-b .42s steps(3) 1 forwards}@keyframes glitch-a{0%{transform:translate(-4px)}60%{transform:translate(3px)}to{transform:none;opacity:0}}@keyframes glitch-b{0%{transform:translate(4px)}60%{transform:translate(-3px)}to{transform:none;opacity:0}}}.proof-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:48px}.proof-side{display:grid;gap:20px}.clip-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line-strong);background:var(--bg-2);box-shadow:var(--glow-green-soft),0 16px 48px #00000073}.clip-frame video,.clip-frame img{width:100%;height:100%;object-fit:cover;display:block}.motion-clip,.game-shot{margin:0}.motion-clip figcaption,.game-shot figcaption{padding:12px 2px 0;display:flex;flex-direction:column;gap:3px}.motion-clip .name,.game-shot .name{font-family:var(--f-display);font-size:15px;letter-spacing:.04em;color:var(--green)}.motion-clip .sub,.game-shot .sub{font-size:13.5px;color:var(--ink-dim);line-height:1.5}.motion-clip.big .name{font-size:18px}.shots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lore,.endgame{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.lore-lede{font-family:var(--f-display);font-weight:500;font-size:clamp(20px,2.6vw,28px);line-height:1.35;color:var(--fg);margin:0 0 24px;text-wrap:balance}.lore-body{color:var(--ink-dim);line-height:1.7;margin:0;max-width:580px}.lore-img{position:relative;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--rift-line);background:var(--bg-2);box-shadow:var(--glow-rift)}.lore-img img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.08)}.klassen-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:56px}.klasse{margin:0;position:relative;overflow:hidden;aspect-ratio:3 / 4;border:1px solid var(--line);transition:border-color .2s ease,transform .25s ease}.klasse:hover{border-color:var(--green);transform:translateY(-4px)}.klasse img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.1) contrast(1.05);transition:filter .3s ease}.klasse:hover img{filter:grayscale(0) contrast(1.1)}.klasse figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(180deg,transparent 0%,rgba(7,16,12,.96) 65%);display:flex;flex-direction:column;gap:3px}.klasse .name{font-family:var(--f-display);font-weight:700;font-size:17px;color:var(--green);letter-spacing:.05em;text-transform:uppercase}.klasse .desc{font-family:var(--f-mono);font-size:10.5px;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase}.klasse .pfade{font-size:11.5px;color:var(--ink-mute)}.crew-beleg{border:1px solid var(--line);background:var(--bg-2);padding:24px}.crew-line{margin:0 0 18px;color:var(--ink-dim);font-size:15px}.crew-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.crew-mini{margin:0;position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--line)}.crew-mini img{width:100%;height:100%;object-fit:cover;display:block}.crew-mini figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(180deg,transparent,rgba(7,16,12,.94) 70%);display:flex;flex-direction:column}.crew-mini .name{font-family:var(--f-display);font-size:14px;color:var(--fg)}.crew-mini .sub{font-family:var(--f-mono);font-size:10px;color:var(--green);letter-spacing:.1em;text-transform:uppercase}.konsequenz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rift-line)}.konsequenz-card{background:var(--bg-2);padding:36px 32px;transition:background .2s ease}.konsequenz-card:hover{background:var(--bg-3)}.konsequenz-card h3{font-family:var(--f-display);font-size:24px;font-weight:600;margin:0 0 12px;color:var(--rift);text-shadow:0 0 14px rgba(177,108,234,.3)}.konsequenz-card p{color:var(--ink-dim);font-size:15px;margin:0;line-height:1.65}.atempause{margin:0 -5%;position:relative}.atempause img{width:100%;height:min(66vh,620px);object-fit:cover;display:block;filter:brightness(.85) contrast(1.08)}.museum-kino video{width:100%;height:min(66vh,620px);object-fit:cover;display:block;background:#000}.museum-kino.playing video{object-fit:contain}.museum-kino.playing figcaption{display:none}.atempause figcaption{position:absolute;left:5%;right:5%;bottom:28px;font-family:var(--f-display);font-size:clamp(17px,2.4vw,24px);color:var(--fg);text-shadow:0 2px 18px rgba(0,0,0,.9);max-width:760px;text-wrap:balance}.closer{padding:120px 0 90px;text-align:center}.closer h2{font-family:var(--f-display);font-size:clamp(34px,5.4vw,60px);font-weight:700;margin:0 0 36px;line-height:1.08;text-wrap:balance}.meta-line{margin-top:22px;font-family:var(--f-mono);font-size:13px;color:var(--ink-mute);letter-spacing:.08em}.stats-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:44px 0 28px}.stat{border:1px solid var(--line);padding:14px 22px;min-width:108px;display:flex;flex-direction:column;gap:2px}.stat .n{font-family:var(--f-display);font-weight:700;font-size:26px;color:var(--green)}.stat .l{font-family:var(--f-mono);font-size:11px;color:var(--ink-mute);letter-spacing:.12em;text-transform:uppercase}.indie-line{color:var(--ink-mute);font-size:14px;max-width:560px;margin:0 auto;line-height:1.7}.indie-line a{color:var(--ink-dim)}.indie-line a:hover{color:var(--green)}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 5%;background:#07100ce0;backdrop-filter:blur(8px);border-top:1px solid var(--line-strong);font-family:var(--f-mono);font-size:12px;transform:translateY(100%);transition:transform .3s ease}.sticky-cta.show{transform:none}.sticky-tag{color:var(--green);letter-spacing:.1em}footer{border-top:1px solid var(--line);padding:32px 5% 76px;font-family:var(--f-mono);font-size:12px;color:var(--ink-mute);letter-spacing:.08em}.footer-grid{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-left{display:flex;align-items:center;gap:16px}.footer-logo{height:28px;width:auto;opacity:.85;mix-blend-mode:screen}footer nav{display:flex;gap:24px;flex-wrap:wrap}footer a{color:var(--ink-dim);text-decoration:none;text-transform:uppercase;transition:color .15s ease}.lang-bar{position:absolute;top:18px;right:22px;z-index:5;display:flex;gap:8px}.lang-bar .lang-switch{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-decoration:none;color:var(--ink-dim);border:1px solid var(--line);border-radius:2px;padding:4px 10px;background:#07100c99;backdrop-filter:blur(4px);transition:color .15s ease,border-color .15s ease}.lang-bar .lang-switch:hover,.lang-bar .lang-switch:focus-visible{color:var(--accent);border-color:var(--accent)}@media(max-width:640px){.lang-bar{top:10px;right:12px}}footer a.lang-switch{border:1px solid var(--ink-dim);padding:2px 8px;border-radius:2px;letter-spacing:.08em}footer a.lang-switch:hover{border-color:var(--accent)}.legal-note{max-width:1200px;margin:12px auto 0;color:var(--ink-dim);font-size:12px;text-align:right}footer a:hover{color:var(--green)}@media(max-width:980px){.proof-grid{grid-template-columns:1fr}.proof-side{grid-template-columns:repeat(3,1fr)}.shots-grid{grid-template-columns:repeat(2,1fr)}.klassen-row{grid-template-columns:repeat(3,1fr)}.lore,.endgame{grid-template-columns:1fr;gap:32px}}@media(max-width:640px){.hero{padding:44px 5% 28px}.hero-logo{width:min(340px,78vw);margin-bottom:28px}.proof,.lore,.runner,.konsequenz,.endgame{padding:56px 0}.akt{padding:72px 5% 56px}.proof-side,.shots-grid{grid-template-columns:1fr}.klassen-row,.crew-row{grid-template-columns:repeat(2,1fr)}.konsequenz-grid{grid-template-columns:1fr}.stage{border-left:0;border-right:0}.stage-reflection{display:none}.stage{aspect-ratio:4 / 5}.stage video{object-fit:cover}.stage.playing{aspect-ratio:16 / 9}.stage.playing video{object-fit:contain}}