@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg: #0a0a0a;--bg-2: #161616;--fg: #f4f2ee;--muted: rgba(244, 242, 238, .6);--faint: rgba(244, 242, 238, .45);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--overlay: .25;--max: 1100px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--fg)}a:hover{color:#fff}button,input,textarea,select{font:inherit;color:inherit}img,video{max-width:100%}:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:3px}.nav{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10;width:min(var(--max),calc(100vw - 48px));display:flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 12px 10px 16px;border-radius:999px;background:#14141459;border:1px solid var(--line-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000040}.nav-brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;letter-spacing:.02em;text-decoration:none}.nav-brand img{height:26px;width:auto;display:block}.nav-links{display:flex;gap:4px;font-size:13px;letter-spacing:.03em}.nav-links a{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;text-decoration:none;color:#f4f2eecc;transition:background .2s ease,color .2s ease}.nav-links a:hover{color:#fff;background:#ffffff1a}.hero-video,.hero-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;z-index:0}.hero-poster{background:url(/media/hintergrund-poster.jpg) 50% 50% / cover no-repeat}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--overlay));pointer-events:none;z-index:1}.hero{position:relative;z-index:1;height:100vh;height:100svh;overflow:hidden;background:var(--bg)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(to bottom,rgba(10,10,10,0) 0%,rgba(10,10,10,.55) 55%,var(--bg) 100%);pointer-events:none;z-index:1}.hero-text{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(var(--max),100%);padding:0 24px}.hero-title{margin:0;font-size:clamp(40px,6.5vw,86px);font-weight:500;letter-spacing:-.035em;line-height:1.04;color:#fff;opacity:0;animation:heroIn 2.2s cubic-bezier(.2,.7,.2,1) .5s forwards}.hero-sub{margin:8px 0 0;font-size:clamp(22px,3vw,40px);font-weight:300;letter-spacing:-.01em;line-height:1.2;color:#f4f2eeb8;opacity:0;animation:heroIn 2.2s cubic-bezier(.2,.7,.2,1) .9s forwards}.hero-cta{display:inline-flex;align-items:center;gap:8px;margin-top:36px;padding:12px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:14px;font-weight:500;letter-spacing:.02em;text-decoration:none;opacity:0;animation:heroIn 2.2s cubic-bezier(.2,.7,.2,1) 1.4s forwards;transition:background .2s ease,color .2s ease,border-color .2s ease}.hero-cta:hover{background:#f4f2ee;border-color:#f4f2ee;color:#0a0a0a}@keyframes heroIn{0%{opacity:0;filter:blur(14px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.hero-scroll{position:absolute;z-index:2;left:50%;bottom:28px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 16px;color:var(--fg);text-decoration:none;opacity:.85;transition:opacity .3s ease}.hero-scroll:hover{opacity:1}.hero-scroll-line{position:relative;width:1px;height:44px;overflow:hidden;background:linear-gradient(to bottom,#f4f2ee00,#f4f2ee47 40%,#f4f2ee47)}.hero-scroll-line:after{content:"";position:absolute;left:0;top:-60%;width:100%;height:60%;background:linear-gradient(to bottom,#f4f2ee00,#fff);animation:scrollLine 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes scrollLine{0%{top:-60%}55%,to{top:100%}}.hero-scroll-head{display:block;margin-top:-7px;color:#f4f2ee47;animation:scrollHead 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes scrollHead{0%,40%{color:#f4f2ee47}58%{color:#fff}85%,to{color:#f4f2ee47}}.content{position:relative;z-index:1;background:var(--bg)}.projects{padding:120px 0 100px}.projects-head{max-width:var(--max);margin:0 auto 32px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.section-title{margin:0;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#f4f2ee80}.slider-controls{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0a;color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.icon-btn:hover{background:#ffffff1f}.slider{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px max(24px,calc((100vw - var(--max)) / 2 + 24px));margin:-12px 0;scroll-padding:0 max(24px,calc((100vw - var(--max)) / 2 + 24px));-webkit-overflow-scrolling:touch}.slider::-webkit-scrollbar{display:none}.card{position:relative;flex:0 0 auto;width:clamp(220px,24vw,300px);aspect-ratio:9 / 16;border-radius:22px;overflow:hidden;scroll-snap-align:start;background:var(--bg-2);border:1px solid var(--line);transition:transform .35s ease,border-color .35s ease}.card:hover{transform:translateY(-6px);border-color:#ffffff40}.card-image,.card-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--bg-2)}.card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 30% 20%,#ffffff14,#fff0 60%),var(--bg-2)}.card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 50%,#000000bf);pointer-events:none}.card-text{position:absolute;left:20px;right:20px;bottom:20px;pointer-events:none}.card-title{font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1.2}.card-desc{margin-top:6px;font-size:13px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.projects-empty{max-width:var(--max);margin:0 auto;padding:0 24px;color:var(--muted);font-size:15px}.projects-error{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.retry-btn{padding:8px 16px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0a;color:var(--fg);font-size:13px;cursor:pointer;transition:background .2s ease}.retry-btn:hover{background:#ffffff1f}.footer{position:relative;overflow:hidden;background:var(--bg);border-top:1px solid var(--line)}.footer-glow-line{position:absolute;left:50%;top:0;transform:translate(-50%);width:min(900px,90vw);height:1px;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);animation:footerGlow 4s ease-in-out infinite}.footer-glow-orb{position:absolute;left:50%;top:-220px;transform:translate(-50%);width:720px;height:440px;border-radius:50%;background:radial-gradient(closest-side,#ffffff14,#fff0);pointer-events:none}@keyframes footerGlow{0%,to{opacity:.55}50%{opacity:1}}.footer-inner{position:relative;max-width:var(--max);margin:0 auto;padding:96px 24px 40px;display:flex;flex-direction:column;gap:72px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:14px;text-decoration:none}.footer-brand img{height:44px;width:auto;display:block}.footer-brand span{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.03em;line-height:1}.footer-support{display:flex;flex-direction:column;gap:20px;max-width:420px}.footer-support-item{display:flex;flex-direction:column;gap:6px}.footer-support-item a{font-size:17px;font-weight:500;text-decoration:none;letter-spacing:-.01em;overflow-wrap:anywhere}.footer-support-item a:hover{text-decoration:underline}.footer-support-item p{margin:0;font-size:14px;line-height:1.5;color:var(--muted);text-wrap:pretty}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--faint);letter-spacing:.02em}.footer-nav{display:flex;gap:24px}.footer-nav a{text-decoration:none;color:var(--muted)}.footer-nav a:hover{color:#fff}.legal{position:relative;z-index:1;background:var(--bg);min-height:70vh;padding:150px 24px 100px}.legal-inner{max-width:760px;margin:0 auto}.legal h1{margin:0 0 32px;font-size:clamp(28px,4vw,40px);font-weight:500;letter-spacing:-.02em;line-height:1.1}.legal h2{margin:40px 0 12px;font-size:18px;font-weight:500;letter-spacing:-.01em}.legal p{margin:0 0 16px;font-size:16px;line-height:1.65;color:#f4f2eed1;overflow-wrap:anywhere}.legal .muted{color:var(--muted)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scroll-line:after,.hero-scroll-head,.footer-glow-line{animation:none}.hero-title,.hero-sub,.hero-cta{animation:none;opacity:1}.card{transition:none}}@media(max-width:640px){.nav{top:16px;width:calc(100vw - 32px);gap:12px;padding:8px 8px 8px 12px}.projects{padding:80px 0 60px}.footer-inner{padding-top:72px;gap:48px}.legal{padding-top:120px}}