.faces-root{--faces-bg:#04070a;--faces-brand:#1389d6;--faces-brand-light:#5ec2f5;--kachel-w:240px;--kachel-h:427px;background:var(--faces-bg);color:#fff;font-family:var(--font-hanken), system-ui, sans-serif;position:fixed;inset:0;overflow:hidden}.faces-stage{width:1920px;height:1080px;transform:translate(-50%, -50%) scale(var(--faces-scale,1));transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%;overflow:hidden}.faces-root[data-cursor=hidden],.faces-root[data-cursor=hidden] *{cursor:none}.faces-root[data-paused=true] .faces-stage *,.faces-root[data-paused=true] .faces-stage :before,.faces-root[data-paused=true] .faces-stage :after{animation-play-state:paused!important}.faces-mono{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase}.faces-chrome{z-index:20;position:absolute}@keyframes facesFade{0%{opacity:0}to{opacity:1}}.faces__wall{will-change:transform;animation:54s ease-in-out infinite facesAtem;position:absolute;inset:0}@keyframes facesAtem{0%,to{transform:translate(-9px,5px)}50%{transform:translate(9px,-6px)}}.faces__tile{width:var(--kachel-w);height:var(--kachel-h);transform-origin:50%;transform:translate3d(var(--tx,0), var(--ty,0), 0) rotate(var(--rot,0deg)) scale(var(--k,1));opacity:var(--op,0);transition:transform var(--morph,2.4s) cubic-bezier(.32, .06, .14, 1), opacity .9s ease;background:#0a1017 50% 34%/cover;position:absolute;top:0;left:0;overflow:hidden}.faces__tile video{opacity:0;transition:opacity .26s}.faces__tile video[data-bereit=true]{opacity:1}.faces__tile video{object-fit:cover;object-position:center 34%;width:100%;height:100%;display:block}.faces__scrim{opacity:var(--scrim,0);transition:opacity var(--morph,2.4s) ease;pointer-events:none;background:#04070a;position:absolute;inset:0}.faces-root[data-frost=true] .faces__wall{animation-play-state:paused}.faces__hero{width:var(--kachel-w);height:var(--kachel-h);transform-origin:50%;transform:translate3d(var(--tx,0), var(--ty,0), 0) rotate(var(--rot,0deg)) scale(var(--k,1));transition:transform var(--morph,2.4s) cubic-bezier(.32, .06, .14, 1), opacity .42s ease;object-fit:cover;object-position:center 34%;opacity:0;pointer-events:none;position:absolute;top:0;left:0}.faces__hero[data-ready=true]{opacity:1}.faces__plate{animation:.62s cubic-bezier(.16,.84,.32,1) both facesZeile;position:absolute}.faces__plate b{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:-.02em;color:#fff;font-size:46px;font-weight:800;line-height:1.05;display:block}.faces__plate span{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--faces-brand-light);margin-top:10px;font-size:21px;display:block}@keyframes facesZeile{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translate(0,0)}}.faces__zeile{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:-.025em;color:#fff;font-weight:800;line-height:1.04;animation:.52s cubic-bezier(.16,.84,.32,1) both facesZeile;display:block}.faces__zeile[data-akzent=true]{color:var(--faces-brand-light)}.faces__klein{font-family:var(--font-hanken), system-ui, sans-serif;color:#fff9;margin-top:40px;font-size:34px;line-height:1.4;animation:.62s cubic-bezier(.16,.84,.32,1) both facesZeile}.faces__lesbar{pointer-events:none;animation:.7s both facesFade;position:absolute;inset:0}.faces__lesbar[data-satz=links]{background:linear-gradient(100deg,#04070aed 0%,#04070ab8 34%,#04070a00 62%)}.faces__lesbar[data-satz=mitte]{background:radial-gradient(76% 52%,#04070ae0 0%,#04070a8c 52%,#04070a00 82%)}.faces__gewerk{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.32em;text-transform:uppercase;color:var(--faces-brand-light);font-size:26px;animation:.48s cubic-bezier(.16,.84,.32,1) both facesZeile}.faces__zaehler{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.34em;color:#ffffff5c;font-size:22px;animation:.6s .2s both facesFade}.faces__name{font-family:var(--font-dancing), cursive;color:#ffffffe6;white-space:nowrap;animation:.52s cubic-bezier(.16,.84,.32,1) both facesZeile}@media (prefers-reduced-motion:reduce){.faces-root .faces__wall{animation:none}.faces-root .faces__tile,.faces-root .faces__hero{transition-duration:1ms}.faces-root .faces__zeile,.faces-root .faces__klein,.faces-root .faces__plate,.faces-root .faces__gewerk,.faces-root .faces__name{animation-duration:1ms!important}}