:root{--field: #1a1a1a;--paper: #f1e9d6;--sand: #d9c9a6;--amber: #e9a23b;--red: #E3000F;--maroon: #7a1218;--grey: #6b6560;--ink: #1a1a1a;--bars: linear-gradient(90deg, #f1e9d6 0 14.28%, #d9c9a6 14.28% 28.57%, #e9a23b 28.57% 42.85%, #E3000F 42.85% 57.14%, #7a1218 57.14% 71.42%, #6b6560 71.42% 85.71%, #1a1a1a 85.71%);--gutter: clamp(20px, 3.3vw, 48px);--gap: clamp(110px, 13vw, 190px);--font-body: "Figtree", "Helvetica Neue", Arial, sans-serif;--font-display: "Archivo", "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--paper);scroll-behavior:smooth}body{background:var(--paper);color:var(--field);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--field);color:var(--paper)}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.display{font-family:var(--font-display);font-weight:800;font-variation-settings:"wdth" 80,"opsz" 96;letter-spacing:-.03em;line-height:.9}.small{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.pagewrapper{display:flex;flex-flow:column;gap:var(--gap);width:100%}.sectionhero{position:relative;width:auto;min-height:calc(92vh - 10px);margin:10px 10px 0;border-radius:28px;isolation:isolate;display:flex;flex-wrap:wrap;align-items:flex-end;padding:130px calc(var(--gutter) - 10px) clamp(48px,6vw,88px);color:var(--paper);overflow:hidden;background:var(--field)}@media(max-width:700px){.sectionhero{margin:8px 8px 0;border-radius:20px;padding-left:calc(var(--gutter) - 8px);padding-right:calc(var(--gutter) - 8px)}}.hero-grid{position:static;display:grid;grid-template-columns:1fr;width:100%}.hero-copy{position:relative;z-index:2;display:flex;flex-flow:column;gap:28px}.sectionhero h1{font-family:var(--font-display);font-weight:800;font-variation-settings:"wdth" 80,"opsz" 96;letter-spacing:-.03em;line-height:.9;font-size:clamp(56px,7.5vw,108px);text-wrap:balance}.hero-sub{font-size:clamp(18px,1.5vw,22px);line-height:1.4;max-width:560px}.hero-image{position:absolute;inset:0;z-index:0;background:#000;overflow:hidden}.hero-image img,.hero-image video{width:100%;height:100%;object-fit:cover;display:block}.hero-image:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 85% 80% at 50% 45%,#0000 55%,#00000080),linear-gradient(90deg,#000000c7,#00000073,#00000026),linear-gradient(0deg,#00000080,#0000 45%),linear-gradient(180deg,#00000073,#0000 28%)}.hero-image:after{content:"";position:absolute;inset:-50%;z-index:1;pointer-events:none;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;animation:hero-grain .8s steps(5) infinite}@keyframes hero-grain{0%{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(5%,-6%)}60%{transform:translate(-3%,-7%)}80%{transform:translate(7%,3%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.hero-image:after{animation:none}}.sectionhero h1{max-width:12ch}.hero-sub{opacity:.92}header.nav.small{position:fixed;top:0;left:0;right:0;color:var(--paper)}.content-section{width:100%;padding:0 var(--gutter);display:flex;flex-flow:column;gap:28px}.content-section h2{font-family:var(--font-display);font-weight:800;font-variation-settings:"wdth" 80,"opsz" 96;letter-spacing:-.03em;line-height:.9;font-size:clamp(40px,5.6vw,80px);max-width:14ch}.content-section .lede{font-size:clamp(20px,1.7vw,24px);line-height:1.4;max-width:60ch;margin-bottom:20px}.content-section p{font-size:18px;line-height:1.55;max-width:68ch}.gold-rule{display:none}.films-band{width:100%;padding:0 var(--gutter);display:flex;flex-flow:column;gap:20px}.films-band h2{font-family:var(--font-display);font-weight:800;font-variation-settings:"wdth" 80,"opsz" 96;letter-spacing:-.03em;line-height:.9;font-size:clamp(40px,5.6vw,80px)}.films-band .bandsub{font-size:18px;line-height:1.5;max-width:60ch}.ablauf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ablauf-step{display:flex;flex-flow:column;gap:12px;padding:24px 24px 28px;border-radius:16px;background:linear-gradient(180deg,#f8f3e8,#f1e9d8);box-shadow:inset 0 0 0 1px #1a1a1a21,inset 0 1px #ffffffb3,0 1px 2px #3c28140f,0 22px 44px -30px #3c281473}.ablauf-step .step-num{font-family:var(--font-display);font-weight:800;font-variation-settings:"wdth" 80,"opsz" 96;letter-spacing:-.03em;line-height:.9;font-size:clamp(40px,3.6vw,56px);margin-bottom:12px;color:var(--sn, var(--grey))}.ablauf-step:nth-child(3n+1),.deliverables li:nth-child(3n+1){--sn: var(--amber)}.ablauf-step:nth-child(3n+2),.deliverables li:nth-child(3n+2){--sn: var(--maroon)}.ablauf-step:nth-child(3n),.deliverables li:nth-child(3n){--sn: var(--grey)}.ablauf-step h3{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.ablauf-step p{font-size:15px;line-height:1.55;opacity:.85}.content-section h2.wide{max-width:22ch}.who-list{display:flex;flex-direction:column;gap:12px}.who-row{display:grid;grid-template-columns:5fr 7fr;gap:24px 48px;padding:28px 32px;border-radius:16px;background:linear-gradient(180deg,#f8f3e8,#f1e9d8);box-shadow:inset 0 0 0 1px #1a1a1a21,inset 0 1px #ffffffb3,0 1px 2px #3c28140f,0 22px 44px -30px #3c281473;align-items:start}.who-row h3{font-size:clamp(24px,2.2vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.15;text-wrap:balance;max-width:18ch}.who-row p{font-size:17px;line-height:1.55;max-width:60ch}.formats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}.format{display:flex;flex-direction:column;gap:8px;padding:24px 22px 22px;border-radius:16px;background:linear-gradient(180deg,#f8f3e8,#f1e9d8);box-shadow:inset 0 0 0 1px #1a1a1a21,inset 0 1px #ffffffb3,0 1px 2px #3c28140f,0 22px 44px -30px #3c281473}a.format{transition:background-color .2s,transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}a.format:hover{background:linear-gradient(180deg,#fbf8f0,#f5efe2);transform:translateY(-4px);box-shadow:inset 0 0 0 1px #1a1a1a47,inset 0 1px #fffc,0 2px 4px #3c281414,0 30px 54px -30px #3c281499}.format h3{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.format p{font-size:15px;line-height:1.5;opacity:.85}.format h3{align-self:flex-start;background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 1px;transition:background-size .3s cubic-bezier(.2,.7,.2,1);padding-bottom:2px}a.format:hover h3{background-size:100% 1px}.deliverables{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px;max-width:900px}.deliverables li{display:flex;align-items:center;gap:18px;padding:0;font-size:clamp(18px,1.5vw,22px);font-weight:600;letter-spacing:-.01em}.deliverables .li-icon{width:64px;height:40px;padding:9px 0;border-radius:9px;box-sizing:border-box;flex:0 0 auto;color:var(--sn);box-shadow:inset 0 0 0 1.25px currentColor;background:color-mix(in srgb,var(--sn) 14%,transparent)}.faq-list{display:flex;flex-flow:column;gap:4px;max-width:900px}.faq-item{padding:0}.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:clamp(19px,1.7vw,24px);font-weight:600;letter-spacing:-.01em;padding:22px 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:30px;font-weight:400;line-height:1;flex:none}.faq-item[open] summary:after{content:"–"}.faq-item .antwort{font-size:17px;line-height:1.6;padding:0 0 26px;max-width:68ch}.block{position:relative;width:100%;background:var(--field);color:var(--paper);padding:clamp(64px,6.7vw,96px) var(--gutter) 40px}.block-grid{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:start}.block h2,.block h1{font-size:clamp(56px,8.9vw,128px)}.block:not(.block-page){width:auto;isolation:isolate;overflow:hidden;margin:0 10px;border-radius:28px;padding:clamp(80px,9vw,130px) clamp(32px,6vw,96px)}.block:not(.block-page):before{content:"";position:absolute;left:0;right:0;top:0;height:6px;z-index:1;background:var(--bars)}.block:not(.block-page) .block-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px}.block:not(.block-page) h2{font-size:clamp(52px,6.6vw,104px);text-wrap:balance}@media(max-width:900px){.block:not(.block-page) .block-grid{grid-template-columns:1fr;justify-items:start;gap:36px}}@media(max-width:700px){.block:not(.block-page){margin:0 8px;border-radius:20px;padding-left:calc(var(--gutter) - 8px);padding-right:calc(var(--gutter) - 8px)}.cta-big{height:60px;padding:0 30px;font-size:16px}}.tex{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:inherit}.tex:before{content:"";position:absolute;inset:-6%;background:var(--wash),var(--img) center / cover no-repeat;animation:tex-drift 40s ease-in-out infinite alternate,tex-flicker 6s steps(1) infinite}.tex:after{content:"";position:absolute;inset:-50%;opacity:.22;mix-blend-mode:overlay;animation:hero-grain .8s steps(5) infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.tex-beam{--img: url(/images/textures/beam.jpg);--wash: linear-gradient(100deg, rgba(26,26,26,.78), rgba(26,26,26,.5) 60%, rgba(26,26,26,.68))}@keyframes tex-drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-2.5%,1.5%)}}@keyframes tex-flicker{0%,to{opacity:1}31%{opacity:.9}32%{opacity:1}67%{opacity:.94}68%{opacity:1}69%{opacity:.9}70%{opacity:1}}.cta-big{position:relative;isolation:isolate;align-self:center;display:inline-flex;align-items:center;height:72px;padding:0 40px;border-radius:999px;background:#b8000c;color:#fff;font-weight:800;font-size:18px;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #ffffff38,0 14px 32px -16px #b8000ce6;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .3s,filter .3s}.cta-fx{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;clip-path:inset(0 round 999px);isolation:isolate;pointer-events:none}.cta-silk{position:absolute;inset:-40%;z-index:-2;pointer-events:none;background:radial-gradient(38% 60% at 28% 42%,#e3000f,#e3000f00 70%),radial-gradient(42% 55% at 72% 58%,#7a1218,#7a121800 72%),radial-gradient(30% 45% at 56% 30%,#ff5a508c,#ff5a5000 70%),radial-gradient(35% 50% at 40% 78%,#500006b3,#50000600 70%),#b8000c;filter:blur(6px);animation:cta-silk 9s ease-in-out infinite alternate}@keyframes cta-silk{0%{transform:translate(-6%,-4%) rotate(0) scale(1)}50%{transform:translate(5%,6%) rotate(9deg) scale(1.12)}to{transform:translate(-3%,5%) rotate(-7deg) scale(1.05)}}.cta-big span{position:relative;z-index:1;text-shadow:0 1px 8px rgba(60,0,0,.55)}.cta-fx:after{content:"";position:absolute;inset:-50%;z-index:-1;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px;animation:cta-grain .9s steps(6) infinite}@keyframes cta-grain{0%{transform:translate(0)}17%{transform:translate(-12%,8%)}33%{transform:translate(9%,-10%)}50%{transform:translate(-6%,-14%)}67%{transform:translate(14%,5%)}83%{transform:translate(-10%,12%)}to{transform:translate(0)}}.cta-big:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:inset 0 0 0 1px #ffffff59,0 20px 40px -16px #b8000c}.cta-big:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.tex:before,.tex:after,.cta-fx:after,.cta-silk{animation:none}}.block .lead{margin-top:32px;font-size:18px;line-height:1.5;max-width:480px}.form{display:flex;flex-flow:column;gap:22px;padding-top:16px}.field{width:100%;background:transparent;border:0;border-radius:0;border-bottom:2px solid var(--paper);color:var(--paper);font:600 18px var(--font-body);padding:14px 0;outline:none;resize:vertical}.field::placeholder{color:var(--paper);opacity:.55}.field:focus{border-bottom-color:#fff}textarea.field{min-height:120px}.btnform{align-self:flex-start;margin-top:8px;cursor:pointer;display:inline-flex;align-items:center;height:56px;padding:0 28px;background:var(--paper);color:var(--field);border:2px solid var(--paper);font:800 16px var(--font-body);letter-spacing:-.01em;transition:opacity .2s}.btnform:hover{opacity:.85}.block-page{--field: #f1e9d6;--paper: #1a1a1a;min-height:100vh;padding-top:clamp(140px,14vw,200px)}.block-page .field:focus{border-bottom-color:#000}body.page-contact header.nav.small{color:var(--field)}@media(max-width:900px){.hero-grid,.block-grid{grid-template-columns:1fr}.ablauf-grid,.formats{grid-template-columns:repeat(2,minmax(0,1fr))}.formats{grid-auto-flow:row}.who-row{grid-template-columns:1fr;gap:10px}}@media(max-width:620px){.ablauf-grid,.formats{grid-template-columns:1fr;grid-auto-flow:row}.deliverables{grid-template-columns:1fr}}.films-band,#process,#crew,.content-section:has(.faq-list){width:auto;margin:0 10px;border-radius:28px;padding:clamp(80px,9vw,130px) calc(var(--gutter) - 10px);position:relative;isolation:isolate;overflow:hidden}.films-band{color:var(--paper);background:#1a1a1a}.films-band:before{content:"";position:absolute;inset:-6%;z-index:-2;pointer-events:none;animation:tex-drift 40s ease-in-out infinite alternate;background:linear-gradient(180deg,#14110fb8,#14110f80 45%,#14110fb3),url(/images/textures/bokeh.jpg) center / cover no-repeat}.films-band:after,#process:after{content:"";position:absolute;inset:-50%;z-index:-1;pointer-events:none;opacity:.2;mix-blend-mode:overlay;animation:hero-grain .8s steps(5) infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}#process{color:var(--paper);background:radial-gradient(120% 80% at 15% 0%,#36322f,#1e1d1c 55%,#171615)}#process:before{content:"";position:absolute;inset:-20%;z-index:-2;pointer-events:none;filter:blur(50px);animation:svc-glow 18s ease-in-out infinite alternate;background:radial-gradient(28% 38% at 78% 30%,rgba(233,162,59,.22),transparent 70%),radial-gradient(24% 34% at 20% 85%,rgba(122,18,24,.28),transparent 70%)}@keyframes svc-glow{0%{transform:translate(0) scale(1)}to{transform:translate(-10%,6%) scale(1.12)}}#process .ablauf-step{background:#f1e9d60d;box-shadow:inset 0 0 0 1px #f1e9d61f,inset 0 1px #f1e9d61a}#process .ablauf-step:nth-child(3n){--sn: #a39c94}#process .ablauf-step:nth-child(3n+2){--sn: #c4434a}#crew{background:#e6dbc2}.content-section:has(.faq-list){background:linear-gradient(180deg,#f8f3e8,#f1e9d8);box-shadow:inset 0 0 0 1px #1a1a1a21,inset 0 1px #ffffffb3,0 1px 2px #3c28140f,0 22px 44px -30px #3c281473}.faq-item+.faq-item{border-top:1px solid rgba(26,26,26,.1)}#process+#crew,#crew+.content-section:has(.faq-list){margin-top:calc(10px - var(--gap))}@media(max-width:700px){.films-band,#process,#crew,.content-section:has(.faq-list){margin:0 8px;border-radius:20px;padding-left:calc(var(--gutter) - 8px);padding-right:calc(var(--gutter) - 8px)}}@media(prefers-reduced-motion:reduce){.films-band:before,.films-band:after,#process:before,#process:after{animation:none}}.format h3:before{content:"";display:inline-block;width:.38em;height:.38em;margin-right:.45em;vertical-align:.12em;background:var(--c, var(--ink))}.format[href*=documentary]{--c: var(--sand)}.format[href*=brand-story]{--c: var(--amber)}.format[href*=company-story]{--c: var(--grey)}.format[href*=nonprofit]{--c: var(--maroon)}.format[href*=recruitment]{--c: var(--ink)}.format[href*=mini-docs]{--c: var(--amber)}a.format:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 10%,#fbf8f0),color-mix(in srgb,var(--c) 10%,#f5efe2))}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;clip-path:inset(0 0 100% 0)}.glitch:before{color:#ff3b5c;mix-blend-mode:screen;animation:glitch-a 6s infinite}.glitch:after{color:#2ee6ff;mix-blend-mode:screen;animation:glitch-b 6s infinite}@keyframes glitch-a{0%,88%,to{opacity:0;transform:none;clip-path:inset(0 0 100% 0)}89%{opacity:.9;transform:translate(-6px);clip-path:inset(12% 0 70% 0)}91%{opacity:.9;transform:translate(5px);clip-path:inset(55% 0 20% 0)}93%{opacity:.9;transform:translate(-4px);clip-path:inset(30% 0 48% 0)}95%{opacity:.9;transform:translate(6px);clip-path:inset(75% 0 5% 0)}97%{opacity:0}}@keyframes glitch-b{0%,88%,to{opacity:0;transform:none;clip-path:inset(0 0 100% 0)}89.5%{opacity:.9;transform:translate(6px);clip-path:inset(60% 0 25% 0)}91.5%{opacity:.9;transform:translate(-5px);clip-path:inset(5% 0 80% 0)}93.5%{opacity:.9;transform:translate(4px);clip-path:inset(40% 0 40% 0)}95.5%{opacity:.9;transform:translate(-6px);clip-path:inset(20% 0 65% 0)}97.5%{opacity:0}}@media(prefers-reduced-motion:reduce){.glitch:before,.glitch:after{animation:none}}
