@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Outfit:wght@200;300;400;500;600&display=swap);:root{--clr-bg:#0a0a0a;--clr-bg-warm:#111;--clr-accent:#d6fb1d;--clr-accent-2:#4ecdc4;--clr-text:#e8e8e8;--clr-text-muted:#888;--clr-overlay:#0a0a0ad9;--font-display:"Space Mono",monospace;--font-body:"Outfit",sans-serif}*{box-sizing:border-box}#root,body,html{-webkit-touch-callout:none;height:100%;margin:0;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;width:100%}#root{overflow:auto}body{background:#0a0a0a;background:var(--clr-bg);color:#e8e8e8;color:var(--clr-text);cursor:crosshair;font-family:Outfit,sans-serif;font-family:var(--font-body);overflow:hidden;overscroll-behavior-y:none;position:fixed}.bg-overlay{background:radial-gradient(circle at 30% 70%,#111118 0,#0a0a0a 100%);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity 1.5s ease;width:100%;z-index:-3}.bg-overlay-active{opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}canvas{animation:fade-in 2.5s ease .3s forwards;opacity:0;touch-action:none}.header{align-items:center;display:flex;justify-content:space-between;left:0;padding:1.2em 2em;pointer-events:none;position:fixed;top:0;width:100%;z-index:200}.header>*{pointer-events:auto}.header-logo{color:#d6fb1d;color:var(--clr-accent);cursor:pointer;font-family:Space Mono,monospace;font-family:var(--font-display);font-size:1.1em;font-weight:700;letter-spacing:.05em;text-transform:lowercase;transition:color .3s ease}.header-logo:hover{color:#4ecdc4;color:var(--clr-accent-2)}.header-nav{display:flex;font-family:Space Mono,monospace;font-family:var(--font-display);font-size:.75em;gap:2em;letter-spacing:.08em;text-transform:uppercase}.header-nav a,.header-nav span{color:#888;color:var(--clr-text-muted);cursor:pointer;position:relative;text-decoration:none;transition:color .3s ease}.header-nav .nav-active,.header-nav a:hover,.header-nav span:hover{color:#e8e8e8;color:var(--clr-text)}.header-nav .nav-active:after{background:#d6fb1d;background:var(--clr-accent);bottom:-4px;content:"";height:1px;left:0;position:absolute;width:100%}.nav-external-arrow{color:#d6fb1d;color:var(--clr-accent);display:inline-block;font-size:.9em;margin-left:.2em;transition:transform .3s ease}.header-nav a:hover .nav-external-arrow{transform:translate(2px,-2px)}.burger{cursor:pointer;display:none;flex-direction:column;gap:5px;z-index:210}.burger span{background:#e8e8e8;background:var(--clr-text);display:block;height:1.5px;transition:all .3s ease;width:22px}.burger-open span:first-child{transform:rotate(45deg) translate(4px,5px)}.burger-open span:nth-child(2){opacity:0}.burger-open span:nth-child(3){transform:rotate(-45deg) translate(4px,-5px)}@media (max-width:600px){.header-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af7;flex-direction:column;font-size:1em;gap:2.5em;height:100vh;justify-content:center;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .4s ease;width:100%}.nav-open{transform:translateX(0)}.burger{display:flex}}.annotation-container{align-items:center;display:flex;flex-direction:column;gap:4px}.annotation{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a99;border:1px solid #d6fb1d66;border-radius:2px;color:#e8e8e8;color:var(--clr-text);cursor:pointer;display:flex;font-family:Space Mono,monospace;font-family:var(--font-display);font-size:11px;font-weight:400;justify-content:center;letter-spacing:.15em;outline:none;padding:6px 12px;text-transform:uppercase;transition:all .4s ease-in-out;white-space:nowrap}.annotation:hover{cursor:pointer}.annotation-active,.annotation:hover{background:#d6fb1d;background:var(--clr-accent);border-color:#d6fb1d;border-color:var(--clr-accent);color:#0a0a0a;color:var(--clr-bg)}.annotation-fadein{animation:fade-in 1.5s ease forwards}.annotation-info-overlay{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#d6fb1d1f;border:1px solid #d6fb1d4d;border-radius:4px;bottom:10%;color:#e8e8e8;color:var(--clr-text);font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:.95em;font-weight:300;left:50%;letter-spacing:.01em;line-height:1.4;max-width:550px;padding:1.5em 2em;pointer-events:auto;position:fixed;text-align:left;transform:translateX(-50%);width:90%;z-index:60}.overlay-year{color:#d6fb1d;color:var(--clr-accent);display:block;font-size:.7em;letter-spacing:.15em;margin-bottom:.5em}.overlay-year,.read-more-button{font-family:Space Mono,monospace;font-family:var(--font-display);text-transform:uppercase}.read-more-button{background:#d6fb1d;background:var(--clr-accent);border-radius:2px;color:#0a0a0a;color:var(--clr-bg);cursor:pointer;display:inline-block;font-size:.75em;font-weight:400;letter-spacing:.08em;margin-top:1em;padding:.4em 1em;transition:background-color .3s ease}.read-more-button:hover{background:#4ecdc4;background:var(--clr-accent-2)}.overlay-exit{animation:overlay-slide-down 1.2s ease forwards}@keyframes overlay-slide-down{0%{opacity:1;transform:translateX(-50%) translateY(0)}70%{opacity:.4;transform:translateX(-50%) translateY(120px)}to{opacity:0;transform:translateX(-50%) translateY(180px)}}.main-background-title{left:50%;overflow:visible;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity 2s ease;width:100vw;z-index:-2}.main-background-title h1{color:#d6fb1d0f;font-family:Space Mono,monospace;font-family:var(--font-display);font-size:14vw;font-weight:700;letter-spacing:-.03em;line-height:.9em;margin:0;text-transform:uppercase;transition:color .6s ease}.title-outline h1{color:#4ecdc414}.title-visible{opacity:1}.title-hidden{opacity:0;pointer-events:none}@media (max-width:600px){.main-background-title h1{font-size:20vw}}.annotation-preview{aspect-ratio:16/9;border-radius:6px;isolation:isolate;left:50%;max-width:1320px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .7s ease;width:75vw;z-index:-1}.annotation-preview.visible{opacity:.5}.annotation-preview img{filter:grayscale(1) contrast(1.1) brightness(.6);height:100%;object-fit:cover;width:100%}.annotation-preview:after{background:#d6fb1d;background:var(--clr-accent);content:"";inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}@media (max-width:600px){.annotation-preview{width:95vw}}.detail-page{height:100%;left:0;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 75%,#0000 90%);mask-image:linear-gradient(180deg,#000 0,#000 75%,#0000 90%);overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:fixed;top:0;width:100%;z-index:40}.detail-page-exit{animation:detail-exit .6s ease forwards}@keyframes detail-exit{to{opacity:0;transform:translateY(-40px)}}.detail-enter-image{animation:fade-in 1.2s ease .3s forwards;opacity:0}.detail-enter-title{animation:fade-in 1s ease .2s forwards;opacity:0}.detail-enter-text{animation:text-reveal 2s ease .9s forwards;clip-path:inset(0 0 100% 0)}@keyframes text-reveal{to{clip-path:inset(0 0 0 0)}}.back-button{background:#d6fb1d;background:var(--clr-accent);border-radius:2px;color:#0a0a0a;color:var(--clr-bg);cursor:pointer;display:inline-block;font-family:Space Mono,monospace;font-family:var(--font-display);font-size:.7em;font-weight:700;left:2em;letter-spacing:.15em;padding:.8em 1.2em;pointer-events:auto;position:fixed;text-transform:uppercase;top:5em;transition:background-color .4s ease;z-index:50}.back-button:hover{background:#4ecdc4;background:var(--clr-accent-2)}.detail-content{align-items:flex-start;display:flex;flex-direction:column;margin:0 auto;max-width:min(90vw,700px);padding:7em 2em 22em}.detail-title{color:#e8e8e8;color:var(--clr-text);font-size:2.5em;font-weight:700;letter-spacing:-.02em;margin:0 0 .1em;text-transform:uppercase}.detail-title,.detail-year{font-family:Space Mono,monospace;font-family:var(--font-display)}.detail-year{color:#d6fb1d;color:var(--clr-accent);font-size:.75em;letter-spacing:.15em;margin-bottom:2em}.detail-video-wrapper{border:1px solid #ffffff14;border-radius:4px;margin-bottom:2em;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.detail-video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.detail-image-wrapper{border:1px solid #ffffff14;border-radius:4px;margin-bottom:2em;overflow:hidden;width:100%}.detail-image{display:block;width:100%}.detail-placeholder{align-items:center;aspect-ratio:16/9;background:#ffffff05;border:1px dashed #ffffff26;border-radius:4px;display:flex;justify-content:center;margin-bottom:2em;width:100%}.detail-placeholder span{color:#888;color:var(--clr-text-muted);font-family:Space Mono,monospace;font-family:var(--font-display);font-size:.8em;letter-spacing:.1em;text-transform:uppercase}.detail-text{color:#e8e8e8;color:var(--clr-text);font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:1em;font-weight:300;letter-spacing:.005em;line-height:1.7;margin:0;text-align:left;white-space:pre-line;width:100%}@media (max-width:600px){.detail-content{padding:6em 1.5em 20em}.detail-title{font-size:1.6em}.back-button{font-size:.6em;left:1.2em;top:4em}}.static-page{animation:fade-in .8s ease forwards;height:100%;left:0;overflow-y:auto;pointer-events:auto;position:fixed;top:0;width:100%;z-index:40}.static-content{margin:0 auto;max-width:600px;padding:8em 2em 6em}.static-title{color:#e8e8e8;color:var(--clr-text);font-family:Space Mono,monospace;font-family:var(--font-display);font-size:2em;font-weight:700;letter-spacing:.05em;margin:0 0 1.5em;text-transform:uppercase}.static-text{color:#888;color:var(--clr-text-muted);font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:1em;font-weight:300;line-height:1.7;margin:0 0 1.2em}.static-subtitle{border-top:1px solid #d6fb1d33;color:#e8e8e8;color:var(--clr-text);font-family:Space Mono,monospace;font-family:var(--font-display);font-size:1.1em;font-weight:700;letter-spacing:.15em;margin:3em 0 1em;padding-top:2em;text-transform:uppercase}.impressum{color:#888;color:var(--clr-text-muted);font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:.95em;font-style:normal;font-weight:300;line-height:1.8}.impressum a{color:#d6fb1d;color:var(--clr-accent);text-decoration:none;transition:opacity .2s}.impressum a:hover{opacity:.7}.contact-button{align-items:center;background:#d6fb1d;background:var(--clr-accent);border-radius:999px;color:#0a0a0a;color:var(--clr-bg);display:inline-flex;font-family:Space Mono,monospace;font-family:var(--font-display);font-size:.8em;font-weight:700;gap:.6em;letter-spacing:.08em;margin-top:.4em;padding:.85em 1.4em;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.contact-button svg{display:block}.contact-button:hover{box-shadow:0 6px 20px #d6fb1d40;transform:translateY(-2px)}.about-image{background:#d6fb1d0a;border:1px solid #d6fb1d33;border-radius:4px;margin:0 0 2.5em;overflow:hidden;width:100%}.about-image img{display:block;height:auto;object-fit:cover;width:100%}.about-members{display:flex;flex-wrap:wrap;gap:1.5em;margin-bottom:2.5em}.member-card{background:#d6fb1d0a;border:1px solid #d6fb1d33;border-radius:4px;flex:1 1;min-width:180px;padding:1.5em}.member-card h3{color:#e8e8e8;color:var(--clr-text);font-family:Space Mono,monospace;font-family:var(--font-display);font-size:.85em;font-weight:700;letter-spacing:.03em;margin:0 0 .5em}.member-card a{color:#d6fb1d;color:var(--clr-accent);font-family:Outfit,sans-serif;font-family:var(--font-body);font-size:.85em;text-decoration:none;transition:color .3s ease}.member-card a:hover{color:#4ecdc4;color:var(--clr-accent-2)}.loader-screen{align-items:center;background:#0a0a0a;background:var(--clr-bg);display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.loader{animation:loader-pulse 2s ease-in-out infinite;color:#d6fb1d;color:var(--clr-accent);font-family:Space Mono,monospace;font-family:var(--font-display);font-size:2.5vw;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:lowercase}@keyframes loader-pulse{0%,to{opacity:.15}50%{opacity:1}}@media (max-width:600px){.loader{font-size:6vw}}.view-switch{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0a0a99;border:1px solid #d6fb1d40;border-radius:1.4em;display:flex;flex-direction:column;left:1.5em;overflow:hidden;position:fixed;top:50%;transform:translateY(-50%);width:2.8em;z-index:100}.view-switch-thumb{background:#d6fb1d;background:var(--clr-accent);height:50%;left:0;position:absolute;top:0;transition:transform .35s cubic-bezier(.4,0,.2,1);width:100%;z-index:0}.view-switch-thumb.thumb-3d{transform:translateY(0)}.view-switch-thumb.thumb-2d{transform:translateY(100%)}.view-switch-btn{align-items:center;appearance:none;background:#0000;border:none;color:#888;color:var(--clr-text-muted);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:.9em 0;position:relative;transition:color .3s ease;z-index:1}.view-switch-btn svg{display:block}.view-switch-btn.active{color:#0a0a0a;color:var(--clr-bg)}.tag-filter{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0a0a99;border:1px solid #d6fb1d4d;border-radius:999px;display:flex;left:50%;max-width:94vw;overflow:hidden;position:fixed;top:7.5em;transform:translateX(-50%);z-index:100}.tag-filter-btn{appearance:none;background:#0000;border:none;color:#888;color:var(--clr-text-muted);cursor:pointer;font-family:Space Mono,monospace;font-family:var(--font-display);font-size:.7em;font-weight:700;letter-spacing:.12em;padding:.9em 1.5em;position:relative;text-transform:uppercase;transition:color .3s ease;white-space:nowrap;z-index:1}.tag-filter-btn+.tag-filter-btn{border-left:1px solid #d6fb1d33}.tag-filter-btn.on-bright{color:#0a0a0a;color:var(--clr-bg)}.tag-filter-btn.on-dark{color:#e8e8e8;color:var(--clr-text)}.tag-filter-thumb{background:#d6fb1d;background:var(--clr-accent);border-radius:999px;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),background-color .3s ease,opacity .25s ease;z-index:0}.tag-filter-thumb.visible{opacity:1}.tag-filter-thumb.dark{background:#5c6e10}.scene-3d{inset:0;position:fixed;transform:translateY(0);transition:transform 3s cubic-bezier(.16,1,.3,1)}.scene-3d-hidden{pointer-events:none;transform:translateY(-100%)}.gallery-page{background:radial-gradient(circle at 30% 70%,#111118 0,#0a0a0a 100%);height:100%;left:0;overflow-y:auto;pointer-events:none;position:fixed;top:0;transform:translateY(100%);transition:transform 3s cubic-bezier(.16,1,.3,1);width:100%;z-index:30}.gallery-active{pointer-events:auto;transform:translateY(0)}.gallery-grid{grid-gap:1.8em;display:grid;gap:1.8em;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px;padding:11em 3em 5em 6em}.gallery-item{cursor:pointer;margin:0}.gallery-frame{aspect-ratio:16/9;background:#d6fb1d0a;border:1px solid #d6fb1d33;border-radius:4px;overflow:hidden;width:100%}.gallery-frame img{display:block;height:100%;object-fit:cover;transition:transform .75s ease;width:100%}.gallery-item:hover .gallery-frame img{transform:scale(1.08)}.gallery-placeholder{align-items:center;color:#888;color:var(--clr-text-muted);font-size:.8em;font-weight:700;height:100%;justify-content:center;letter-spacing:.1em;padding:1em;text-align:center;text-transform:uppercase;width:100%}.gallery-caption,.gallery-placeholder{display:flex;font-family:Space Mono,monospace;font-family:var(--font-display)}.gallery-caption{align-items:baseline;gap:.5em;justify-content:space-between;margin-top:.6em}.gallery-name{color:#e8e8e8;color:var(--clr-text);font-size:.8em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .3s ease}.gallery-item:hover .gallery-name{color:#d6fb1d;color:var(--clr-accent)}.gallery-year{color:#888;color:var(--clr-text-muted);font-size:.7em;white-space:nowrap}@media (max-width:700px){.view-switch{left:.6em;width:2.5em}.gallery-grid{gap:1em;padding:10em 1em 4em 3.8em}.tag-filter-btn{font-size:.6em;letter-spacing:.08em;padding:.9em .8em}}
/*# sourceMappingURL=main.2350308e.css.map*/