/* Case system for the Bricolage overview. Generated copy: arbeiten/case.css. */
@font-face{font-family:Bricolage;src:url('../assets/fonts/bricolage-grotesque-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Schibsted;src:url('../assets/fonts/schibsted-grotesk-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{--paper:#f8f8f6;--ink:#1d1e1b;--muted:#686a62;--line:#dcddd6;--orange:#ff5b28;--purple:#7243ff;--yellow:#ffdb19;--gutter:clamp(24px,5vw,88px);--display:Bricolage,Schibsted,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--header:86px}
*{box-sizing:border-box}html{background:var(--paper);scroll-padding-top:calc(var(--header) + 86px)}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 Schibsted,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}img,video{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}a,button{-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.055em;line-height:1.02}::selection{background:var(--orange);color:var(--ink)}:focus-visible{outline:3px solid var(--purple);outline-offset:5px}[hidden]{display:none!important}.skip-link{position:fixed;top:10px;left:10px;z-index:1001;background:var(--ink);color:white;padding:14px;transform:translateY(-160%)}.skip-link:focus{transform:none}
/* One app-like header across the studio and the work. */
.kopf{position:fixed;inset:0 0 auto;z-index:200;display:flex;align-items:center;gap:24px;padding:14px 24px;background:var(--paper);min-height:var(--header);border-bottom:1px solid transparent}.marke{flex-shrink:0}.marke img{width:48px;height:54px;object-fit:contain}.kopf-nav{display:flex;gap:6px;align-items:center}.kopf a{text-decoration:none;font-size:13px;font-weight:650}.kopf-nav>a{display:inline-flex;align-items:center;gap:12px;min-height:42px;padding:0 13px;border-radius:8px}.kopf-nav>a:hover,.nav-selected{background:#eaeae5}.kopf-nav>.nav-a2y{background:var(--purple);color:white}.film-link{margin-left:auto;display:flex;gap:14px;align-items:center;white-space:nowrap}.ask{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:14px 20px;background:var(--ink);color:white;border-radius:7px;text-decoration:none;font-size:14px;font-weight:650;transition:background .2s}.ask:hover{background:#393a34}.ask span[aria-hidden]{font-size:22px;line-height:1}.kurz{display:none}
/* Editorial opening, real work in the first screen. */
.held{padding:calc(var(--header) + 40px) var(--gutter) 0}.projekt-meta{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted);margin-bottom:38px}.projekt-meta>a{text-decoration:none;color:var(--ink);font-weight:650}.projekt-meta>span{margin-left:auto;font-variant-numeric:tabular-nums}.held-text{display:flex;gap:6vw;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.held h1{font-size:clamp(64px,8.5vw,136px);line-height:.94;max-width:11ch;letter-spacing:-.065em;overflow-wrap:normal}.held h1.long-title{font-size:clamp(52px,6.6vw,110px);max-width:none}.projekt-intro{max-width:29ch;padding-bottom:6px;flex:0 0 27%;font-size:17px;line-height:1.5}.text-link{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:24px;font-size:13px;font-weight:650;text-decoration:none}.text-link span{font-size:23px}.hero-media{position:relative;scroll-margin-top:10px}.hero-media video,.hero-media>.bild-ansehen{width:100%;background:#151513}.held-film{aspect-ratio:16/9;max-height:76svh;object-fit:contain}.held-bild{width:100%;aspect-ratio:16/9;max-height:76svh;object-fit:cover}.hero-media figcaption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:12px 0 24px}.bild-ansehen{display:block;position:relative}.bild-zoom{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:22px;transition:transform .3s var(--ease)}.bild-ansehen:hover .bild-zoom{transform:rotate(45deg)}
/* Local navigation makes a long case easy to browse. */
.projekt-nav{position:sticky;top:var(--header);z-index:100;display:flex;justify-content:space-between;gap:24px;margin:0 var(--gutter);padding:10px 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.projekt-nav>div{display:flex;align-items:center;gap:6px}.projekt-nav a{text-decoration:none;display:flex;align-items:center;min-height:40px;padding:8px 14px;font-size:12px;font-weight:650;border-radius:5px}.projekt-nav a:hover,.projekt-nav a[aria-current]{background:var(--ink);color:var(--paper)}.projekt-blaettern>span{font-size:11px;font-variant-numeric:tabular-nums;padding:0 12px}.projekt-blaettern a{font-size:20px}
.section{padding:100px var(--gutter)}.section-label{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-label h2,.section-label>span{font:500 12px/1.4 Schibsted,Arial,sans-serif;letter-spacing:0}.section-label>span[aria-hidden]{font-size:40px}.ueberblick{display:grid;grid-template-columns:1fr 2fr;gap:50px 8vw}.ueberblick .section-label{align-self:start}.lead{font:650 clamp(26px,3.1vw,46px)/1.17 var(--display);letter-spacing:-.04em}.fakten{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin:0;padding-top:24px;border-top:1px solid var(--line)}.fakten dt{font-size:11px;color:var(--muted);margin-bottom:5px}.fakten dd{margin:0;font-size:15px;font-weight:550}.fall{padding-top:0}.bloecke{border-top:1px solid var(--line)}.bloecke article{display:grid;grid-template-columns:1fr 2fr;gap:8vw;padding:44px 0;border-bottom:1px solid var(--line)}.kicker{font-size:12px;line-height:1.5}.bloecke h2{font-size:clamp(30px,3.4vw,52px);max-width:24ch;margin-bottom:20px}.bloecke article>div>p{max-width:61ch;margin-top:14px;font-size:16px;line-height:1.65;color:#50524b}
/* Unframed work, enough room for portraits and actual film controls. */
.galerie{padding-top:20px}.galerie-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.galerie-kopf h2{font-size:clamp(42px,5.4vw,82px)}.galerie-kopf>p{display:flex;align-items:center;gap:45px;font-size:12px}.galerie-kopf>p>span{font-size:60px;line-height:1}.raster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 20px;align-items:start}.raster figure.breit{grid-column:span 3}.raster figure.hoch{grid-column:span 2}.raster video,.raster img{width:100%;aspect-ratio:4/3;background:#171814;object-fit:cover}.raster video{object-fit:contain}.raster .hoch video,.raster .hoch img{aspect-ratio:9/16}.raster figcaption{display:flex;gap:12px;font-size:11px;color:var(--muted);padding-top:10px}.raster figcaption>span{color:var(--ink)}.mehr-bilder{margin-top:38px}.mehr-bilder summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-block:1px solid var(--line);font-size:14px;font-weight:650;list-style:none}.mehr-bilder summary::-webkit-details-marker{display:none}.mehr-bilder summary span{font-size:24px}.mehr-bilder[open] summary span{transform:rotate(45deg)}.mehr-bilder[open] .raster{margin-top:30px}.kunde{margin-top:30px;font-size:12px}
.ruf{background:var(--orange);margin:0 20px;padding-top:74px;padding-bottom:64px}.ruf .kicker{margin-bottom:35px}.ruf h2{max-width:18ch;font-size:clamp(46px,6.6vw,100px);line-height:.98}.ruf-unten{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:48px}.ruf-unten p{font-size:15px;line-height:1.5}.ruf .ask{min-width:230px}.weitere{padding-bottom:160px}.next-project{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;margin-top:30px;text-decoration:none}.next-project figure{overflow:hidden;aspect-ratio:16/10}.next-project img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.next-project:hover img{transform:scale(1.045)}.next-project>div{position:relative;padding-right:52px}.next-project p{font-size:12px;margin-bottom:20px}.next-project h3{font-size:clamp(35px,4.5vw,72px);overflow-wrap:anywhere}.next-arrow{display:block;font:400 65px/1 var(--display);margin-top:25px;transition:transform .4s var(--ease)}.next-project:hover .next-arrow{transform:translate(9px,-9px)}
.fuss{position:relative;isolation:isolate;padding:35px var(--gutter) 26px;background:var(--yellow)}.footer-wave{position:absolute;width:100%;height:160px;left:0;top:-80px;z-index:-1;fill:var(--yellow);pointer-events:none}.fuss-claim{font:800 clamp(64px,12vw,180px)/1.02 var(--display);letter-spacing:-.035em;max-width:12ch;position:relative;margin-bottom:40px}.fuss nav{display:flex;flex-wrap:wrap;gap:10px 26px}.fuss nav a,.fuss-zeile a{display:inline-flex;align-items:center;min-height:38px;text-decoration:none;font-size:13px}.fuss-zeile{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #1d1e1b38;margin-top:35px;padding-top:20px;font-size:11px}
/* Native modal semantics, escape and focus return. */
.bild-dialog{border:0;padding:20px 28px;background:#141510;color:var(--paper);width:100vw;height:100dvh;max-width:none;max-height:none;margin:0}.bild-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:15px}.bild-dialog::backdrop{background:#141510}.bild-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.bild-dialog button{border:1px solid #ffffff40;background:transparent;color:inherit;border-radius:5px;min-width:48px;min-height:44px;padding:7px 14px}.bild-dialog button:hover{background:#ffffff20}.bild-dialog button:disabled{opacity:.3;cursor:default}.bild-dialog figure{min-height:0;display:flex;flex-direction:column;align-items:center;gap:10px}.bild-dialog figure img{min-height:0;max-height:calc(100% - 30px);height:100%;width:100%;object-fit:contain}.bild-dialog figcaption{font-size:12px;max-width:70ch;text-align:center}.bild-controls{display:flex;justify-content:center;gap:14px}.bild-controls button{font-size:25px}body:has(.bild-dialog[open]){overflow:hidden}.case-line-mask{padding-bottom:.13em;margin-bottom:-.13em}
@media(min-width:1600px){.held,.section{max-width:1800px;margin-left:auto;margin-right:auto}.ruf{max-width:none;margin-inline:20px}.held h1.long-title{font-size:108px}}
@media(max-width:1050px){.kopf{gap:14px;padding-inline:20px}.kopf-nav>a{padding-inline:10px}.header-ask{gap:18px}.held-text{display:block}.held h1{max-width:none;font-size:10vw}.held h1.long-title{font-size:9.6vw}.projekt-intro{display:flex;align-items:flex-end;justify-content:space-between;max-width:none;gap:50px;margin-top:28px;font-size:16px}.projekt-intro>p{max-width:44ch}.projekt-intro .text-link{min-width:140px}.ueberblick,.bloecke article{grid-template-columns:1fr 2.2fr;gap:35px}.raster .hoch{grid-column:span 3}}
@media(max-width:760px){:root{--header:112px;--gutter:24px}.kopf{display:grid;grid-template-columns:48px 1fr auto;padding:9px 16px;gap:7px 12px;min-height:112px}.marke img{width:36px;height:42px}.kopf-nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:3px}.kopf-nav>a{padding:8px 12px;min-height:36px;font-size:12px}.film-link{grid-column:2;grid-row:1;margin-left:auto;font-size:11px!important}.header-ask{grid-column:3;grid-row:1;min-height:39px;font-size:12px!important;padding:8px 13px;gap:20px}.header-ask .lang{display:none}.kurz{display:inline}.held{padding-top:calc(var(--header) + 30px)}.projekt-meta{gap:14px;margin-bottom:30px;font-size:10px;flex-wrap:wrap}.projekt-meta p{order:3;flex-basis:100%}.held h1{font-size:clamp(42px,11vw,82px);line-height:.96}.held h1.long-title{font-size:10vw;letter-spacing:-.065em}.held-text{margin-bottom:28px}.projekt-intro{display:block;margin-top:22px;max-width:40ch;font-size:15px}.projekt-intro .text-link{max-width:160px;margin-top:18px}.held-film,.held-bild{aspect-ratio:4/3;max-height:65svh}.held-bild{object-fit:cover}.hero-media figcaption{font-size:10px;padding-bottom:18px}.projekt-nav{margin-inline:var(--gutter);gap:0;padding-block:7px;flex-wrap:wrap}.projekt-nav>div:first-child{justify-content:space-between;width:100%;gap:4px}.projekt-nav a{font-size:11px;padding:7px 10px;min-height:38px}.projekt-blaettern{display:none!important}.section{padding:64px var(--gutter)}.ueberblick{display:block}.section-label{margin-bottom:26px}.lead{font-size:28px;line-height:1.18}.fakten{margin-top:34px;gap:23px 20px}.fakten dd{font-size:13px}.fall{padding-top:0}.bloecke article{display:block;padding:30px 0}.bloecke .kicker{margin-bottom:20px;font-size:11px}.bloecke h2{font-size:32px;max-width:19ch}.bloecke article>div>p{font-size:15px}.galerie{padding-top:0}.galerie-kopf{align-items:center;margin-bottom:26px}.galerie-kopf h2{font-size:39px}.galerie-kopf>p{display:block;font-size:10px;text-align:right}.galerie-kopf>p>span{display:block;font-size:40px;margin-top:10px}.raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.raster figure.breit{grid-column:span 2}.raster figure.hoch{grid-column:span 1}.raster figcaption{font-size:10px}.bild-zoom{width:32px;height:32px;right:8px;bottom:8px;font-size:18px}.ruf{margin:0 12px;padding:45px 24px}.ruf h2{font-size:clamp(36px,10vw,64px);max-width:16ch}.ruf-unten{display:block;margin-top:30px}.ruf-unten p{font-size:14px}.ruf .ask{margin-top:25px}.next-project{grid-template-columns:1fr;gap:24px;margin-top:0}.next-project>div{padding-right:0}.next-project h3{font-size:40px}.next-project p{margin-bottom:12px}.next-arrow{position:absolute;bottom:-3px;right:0;font-size:42px}.next-project h3{padding-right:40px}.weitere{padding-bottom:125px}.fuss{padding-top:20px}.fuss-claim{font-size:57px;margin-bottom:25px}.fuss nav{gap:4px 20px}.fuss nav a{font-size:12px}.fuss-zeile{display:block;font-size:10px}.fuss-zeile>a{margin-top:8px}.bild-dialog{padding:16px}.bild-toolbar{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:760px){.fuss-zeile{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.fuss-zeile>a{margin-top:0}}