.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px var(--page-gutter);pointer-events:none}.site-header a{pointer-events:auto;color:var(--fg);text-decoration:none;text-transform:uppercase;mix-blend-mode:difference}.site-header .name{font-size:var(--text-name);font-weight:700;letter-spacing:.08em;opacity:.82}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{font-size:var(--text-nav);font-weight:700;letter-spacing:.09em;opacity:.55;transition:opacity .2s}.nav-links a:hover,.nav-links a:focus-visible,.nav-links a.active{opacity:.9}.nav-links a:hover span,.nav-links a:focus-visible span,.nav-links a.active span{font-family:var(--font-akzent);font-weight:300}.nav-links a{display:grid;grid-template-areas:"label";justify-items:end;align-items:baseline}.nav-links a>span,.nav-links a:before,.nav-links a:after{grid-area:label}.nav-links a:before,.nav-links a:after{content:attr(data-label);visibility:hidden;pointer-events:none}.nav-links a:after{font-family:var(--font-akzent);font-weight:300}.lightbox{position:fixed;inset:0;z-index:100;overflow-y:auto;padding:8vh var(--page-gutter) 12vh;background:#0808078c;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}@keyframes lightbox-panel-auf{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.lightbox-panel{max-width:min(1080px,100%);margin:0 auto;animation:lightbox-panel-auf .55s cubic-bezier(.16,.84,.44,1) both;will-change:transform}.lightbox.seite-webgl .lightbox-panel{filter:opacity(0)}.lightbox-hero{display:block;width:100%;height:auto;max-height:78vh;width:auto;max-width:100%;margin:0 auto 32px}.lightbox-hero--im-fluss{margin-bottom:var(--block-gap)}video.lightbox-hero{width:100%;max-height:none}.lightbox-body{width:100%}.lightbox-info{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:var(--block-gap)}.lightbox-title{margin:0;font-size:var(--text-body);font-weight:400;letter-spacing:.06em;text-transform:uppercase}.lightbox-meta{margin:2px 0 0;font-size:var(--text-nav);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.lightbox-text{margin:18px 0 0;font-size:var(--text-small);line-height:1.55;text-align:justify;-webkit-hyphens:manual;hyphens:manual}.lightbox-jahr{margin:22px 0 0;font-size:var(--text-nav);letter-spacing:.06em;text-transform:uppercase;color:var(--fg)}.lightbox-credits{margin:22px 0 0;padding:0;text-align:left;list-style:none;font-size:var(--text-nav);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.9}@media(min-width:600px){.lightbox-info{grid-template-columns:minmax(0,67.7%) minmax(0,1fr);column-gap:clamp(24px,4vw,72px)}.lightbox-meta{grid-column:2;grid-row:1;align-self:baseline;justify-self:end;margin:0;text-align:right}.lightbox-title{grid-column:1;grid-row:1;align-self:baseline}.lightbox-text{grid-column:1;grid-row:2}.lightbox-credits{grid-column:2;grid-row:2;align-self:start;margin-top:18px;text-align:right}.lightbox-jahr{grid-column:2;grid-row:1;align-self:baseline;justify-self:end;margin:0;text-align:right}.lightbox-jahr--unten{grid-row:2;align-self:start;margin-top:18px}}.lightbox-period{margin-top:6px;color:var(--fg)}.lightbox-row--breit{--ueberstand: max( 0px, (min(1080px, 100vw - 2 * var(--page-gutter)) - 744px) / 2 );width:calc(100% + 2 * var(--ueberstand));margin-inline:calc(-1 * var(--ueberstand))}.lightbox-shots{display:flex;flex-direction:column;gap:var(--block-gap);padding-bottom:var(--block-gap);max-width:744px;margin-left:auto;margin-right:auto}.lightbox-row{display:flex;gap:var(--shot-gap);align-items:flex-start}.lightbox-shot{flex:calc(var(--ratio) * 100) 1 0}.lightbox-shot img{display:block;width:100%;height:auto}@media(max-width:599px){.lightbox-row{flex-direction:column}.lightbox-shots{gap:var(--shot-gap);padding-bottom:var(--shot-gap)}.lightbox-hero--im-fluss{margin-bottom:var(--shot-gap)}}.lightbox-close{animation:einblenden .35s ease .15s both;position:fixed;top:22px;right:var(--page-gutter);z-index:102;display:flex;color:var(--fg);mix-blend-mode:difference}.work-page{padding:75px var(--page-gutter) 80px}.work-title{animation:einblenden .8s ease both;margin:0 0 30px;font-size:var(--display);font-weight:900;line-height:.95;letter-spacing:-.01em;text-transform:uppercase}.project-block{--shift-wirksam: 0px;animation:einblenden-heranwachsend .9s cubic-bezier(.16,.84,.44,1) both;animation-delay:var(--enter-delay, 0s);margin-bottom:var(--project-gap)}.project-heading{margin-bottom:8px}.project-title{margin:0;font-size:var(--text-body);font-weight:400;line-height:1.3}.project-meta{margin:0;font-size:var(--text-body);font-weight:400;letter-spacing:.01em}.project-row{display:flex;flex-direction:column;gap:var(--shot-gap)}.shot{position:relative;display:block;width:100%}.linse-leinwand{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;visibility:hidden;transition:opacity .2s}.shot img,.shot-video{display:block;width:100%;height:auto;transition:opacity .2s}.shot:hover img,.shot:hover .shot-video,.shot:hover .linse-leinwand{opacity:.85}@media(min-width:768px){.project-row{flex-direction:row;align-items:flex-start;max-width:min(calc(100% * var(--image-scale)),calc(var(--row-max-height) * var(--ratio-sum) * var(--image-scale)))}.shot{flex:calc(var(--ratio) * 100) 1 0;width:auto}}.work-list--scatter .project-block{display:flex;flex-direction:column}.work-list--scatter .project-row{order:1}.work-list--scatter .project-heading{order:2;margin:10px 0 0}@media(min-width:768px){.work-list--scatter{display:grid;grid-template-columns:repeat(24,1fr);grid-auto-flow:row dense;column-gap:var(--shot-gap);row-gap:var(--project-gap)}.work-list--scatter .project-block{grid-column:var(--col-start) / span var(--col-span);margin-top:var(--col-offset, 0);--shift-wirksam: var(--col-shift, 0px);margin-bottom:0}.work-list--scatter .project-row{max-width:none}.work-list--scatter .project-title,.work-list--scatter .project-meta{font-size:calc(var(--text-nav) * .9);letter-spacing:.06em;text-transform:uppercase}.work-list--scatter .project-meta{color:var(--muted)}}@keyframes linse-unten{0%{scale:1 var(--linse-dehnung);translate:0 calc((var(--linse-dehnung) - 1) * 50%)}to{scale:1 1;translate:0 0}}@keyframes linse-oben{0%{scale:1 1;translate:0 0}to{scale:1 var(--linse-dehnung);translate:0 calc((1 - var(--linse-dehnung)) * 50%)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.linse-css .project-block{--linse-dehnung: 1.25;--linse-band: 8vh;animation:einblenden-heranwachsend .9s cubic-bezier(.16,.84,.44,1) both,linse-unten linear none,linse-oben linear none;animation-delay:var(--enter-delay, 0s),0s,0s;animation-timeline:auto,view(),view();animation-range:normal,entry 0% entry var(--linse-band),exit calc(100% - var(--linse-band)) exit 100%}}}.work-page.seite-webgl{opacity:0}.contact-reel{position:relative;width:100%;aspect-ratio:587 / 445}@media(min-width:900px){.contact-reel{width:clamp(280px,30vw,620px)}}.contact-reel-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity 1s ease}.contact-reel-bild.ist-aktiv{opacity:1}@media(prefers-reduced-motion:reduce){.contact-reel-bild{transition-duration:1ms}}.contact-page{--listen-luft: clamp(56px, min(6.8vw, 8.5vh), 140px);animation:einblenden .8s ease both;margin:0;padding:110px var(--page-gutter) 100px}.contact-spalten{display:grid;gap:56px}@media(min-width:900px){.contact-spalten{--reel-links: 55.3vw;grid-template-columns:minmax(0,calc(var(--reel-links) - var(--page-gutter))) minmax(0,1fr);column-gap:0}.contact-section--clients{max-width:59.8ch}.contact-intro{max-width:23.6ch}.contact-reel-halter{align-self:center}.contact-spalten{row-gap:var(--listen-luft)}.contact-links{margin-top:var(--listen-luft)}}@media(min-width:1280px){.contact-section--services{margin-left:calc(74.3vw - var(--reel-links))}}.contact-intro{margin:0;font-size:var(--text-intro);line-height:1.15;font-weight:400;text-transform:uppercase}.contact-section h2{margin:0 0 6px;font-size:var(--text-body);font-weight:400;text-transform:uppercase}.contact-section p{margin:0;font-size:var(--text-body);line-height:1.28;text-transform:uppercase;color:var(--muted)}.contact-links{display:flex;flex-direction:row;justify-content:center;gap:clamp(24px,3vw,56px);margin-top:var(--listen-luft);width:100%}.contact-links a{font-size:var(--text-small);text-transform:uppercase;color:var(--link);text-decoration:underline;width:fit-content}.reel{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior:contain}.reel-slide{position:relative;height:100dvh;width:100%;scroll-snap-align:start;display:flex;align-items:flex-end;overflow:hidden}.reel-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus-mobile, center)}@media(min-width:768px){.reel-slide img{object-position:var(--focus-desktop, center)}}.reel-fade{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 45%)}.scroll-hint{position:fixed;right:var(--page-gutter);bottom:22px;z-index:5;font-size:var(--text-nav);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);mix-blend-mode:difference;writing-mode:vertical-rl}.reel.seite-webgl .reel-slide{filter:opacity(0)}.recht-seite{--recht-text: clamp(10px, 8.15px + .24vw, 12px);animation:einblenden .8s ease both;max-width:96ch;margin:0 auto;padding:110px var(--page-gutter) 100px;text-align:center}.recht-titel{margin:0 0 32px;font-size:clamp(14px,10.8px + .42vw,20px);font-weight:400;letter-spacing:.06em;line-height:1.15;text-transform:uppercase}.recht-block{margin-bottom:28px}.recht-block h2{margin:0 0 6px;font-size:var(--recht-text);font-weight:400;letter-spacing:.06em;text-transform:uppercase}.recht-block p{margin:0 auto 12px;max-width:90ch;font-size:var(--recht-text);line-height:1.65;color:var(--muted)}.recht-zurueck{margin-top:48px;font-size:var(--recht-text)}.recht-zurueck a{color:var(--link);text-decoration:underline}.raster{position:fixed;inset:0;z-index:200;pointer-events:none;font-size:10px;line-height:1.4;letter-spacing:.04em;font-variant-numeric:tabular-nums}.raster-spalten{position:absolute;inset:0;display:grid;grid-template-columns:repeat(24,1fr)}.raster-spalte{background:#ff008012;border-inline:1px solid rgba(255,0,128,.22)}.raster-spalte span{position:sticky;top:0;display:block;padding-top:2px;text-align:center;color:#ff78bee6}.raster-band{position:absolute;inset-inline:0;background:#00c8ff1a;border-block:1px solid rgba(0,200,255,.35)}.raster-linie{position:absolute;color:#ffffff8c}.raster-linie--quer{inset-inline:0;border-top:1px solid rgba(255,255,255,.14)}.raster-linie--hoch{inset-block:0;border-left:1px solid rgba(255,255,255,.14)}.raster-linie--quer span{position:absolute;left:2px;top:1px}.raster-linie--hoch span{position:absolute;top:2px;left:2px}.raster-linie--quer:nth-of-type(5n){border-top-color:#ffffff4d}.raster-kreuz{position:absolute;background:#ffdc00bf}.raster-kreuz--quer{inset-inline:0;height:1px}.raster-kreuz--hoch{inset-block:0;width:1px}.raster-kachel{position:absolute;outline:1px solid rgba(255,220,0,.9);background:#ffdc0014}.raster-info{position:absolute;left:0;bottom:0;max-width:100%;padding:8px 12px;background:#000000d1;color:#fff;border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.raster-info p{margin:0;white-space:nowrap}.raster-info--leise{color:#ffffff8c}@font-face{font-family:Satoshi;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/satoshi-light-latin-IqwJ_ZjS.woff2) format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/satoshi-regular-latin-CPM9dct4.woff2) format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/satoshi-bold-latin-Bd5kKQ_U.woff2) format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/satoshi-black-latin-DjnQuuRz.woff2) format("woff2")}:root{--bg: #0b0b0a;--fg: #ffffff;--muted: #8c877c;--link: #6fa8ff;--font-sans: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-akzent: var(--font-sans);--text-nav: clamp(9px, 6.23px + .36vw, 12px);--text-name: clamp(10px, 7.23px + .36vw, 13px);--text-small: clamp(12px, 9.23px + .36vw, 15px);--text-caption: clamp(13px, 9.31px + .48vw, 17px);--text-body: clamp(14px, 10.31px + .48vw, 18px);--text-intro: clamp(30px, 17.08px + 1.68vw, 44px);--display: clamp(52px, 12vw, 172px);--page-gutter: 14px;--project-gap: 64px;--shot-gap: 10px;--block-gap: 32px;--row-max-height: 78vh;--image-scale: .8;color-scheme:dark}@media(min-width:600px){:root{--block-gap: 48px}}@media(min-width:768px){:root{--page-gutter: 16px;--project-gap: 88px;--shot-gap: 14px}}@media(min-width:1024px){:root{--page-gutter: 18px;--project-gap: 112px;--shot-gap: 18px;--block-gap: clamp(72px, 13.9vw, 200px)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.is-locked{overflow:hidden}img{max-width:100%}a{color:inherit}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:1px solid var(--fg);outline-offset:3px}@keyframes einblenden{0%{opacity:0}to{opacity:1}}@keyframes einblenden-heranwachsend{0%{opacity:0;transform:translate(var(--shift-wirksam, 0px),26px) scale(.96)}to{opacity:1;transform:translate(var(--shift-wirksam, 0px)) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.seite-leinwand{position:fixed;inset:0;z-index:1;display:none;width:100%;height:100%;pointer-events:none}.seite-leinwand.ist-aktiv{display:block}