@font-face{font-family:Inter-400;font-weight:400;src:url(/fonts/inter-v20-latin-400.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gutter: .6em;--container-width: 80%;--top-spacing: 2.5em;--font-size-main: 40px;--btn-txt-normal: #1D1D1D;--btn-txt-active: #F5F5F5;--btn-color-normal: #F5F5F5;--btn-color-hover: #D9D9D9;--btn-color-active: #B4B4B4;--bg-color: #fff;--txt-light-color: #B4B4B4;--txt-dark-color: #1D1D1D;--shadow-color-normal: rgba(29,29,29,0);--shadow-color-hover: rgba(29,29,29,.1);--blink-min: .75;--blink-max: .9;--transition-time: 1.5s;--head-ease-out: cubic-bezier(.75,0,.85,.4);--head-ease-in: cubic-bezier(.15,.6,.25,1);--head-anim-speed: .4s;font-family:Inter-400,sans-serif;font-weight:400;font-size:var(--font-size-main);background-color:var(--bg-color);color:var(--txt-light-color);transition:all var(--transition-time) ease-in-out}[data-theme=dark]{--btn-txt-normal: #F5F5F5;--btn-txt-active: #1D1D1D;--btn-color-normal: #3b3b3b;--btn-color-hover: #4c4c4c;--btn-color-active: #F5F5F5;--bg-color: #1D1D1D;--txt-light-color: #F5F5F5;--txt-dark-color: #fff;--shadow-color-normal: rgba(0,0,0,0);--shadow-color-hover: rgba(0,0,0,1);--blink-min: 1.1;--blink-max: 1.5}[data-theme=dark] img{filter:brightness(.8) dotted(1.1);transition:filter var(--transition-time) ease-in-out}:root[data-theme=light] a{color:var(--txt-dark-color)}:root[data-theme=dark] a{color:var(--txt-dark-color)}html{scrollbar-gutter:stable;height:auto}body{margin:0;padding:0;height:auto;opacity:0;background:var(--bg-color)}body.page-visible{opacity:1}body.page-fade-out{opacity:0!important;pointer-events:none}body.lb-open{overflow:hidden;padding-right:var(--scrollbar-width, 0px);overscroll-behavior-y:contain}a,a:visited,a:active,a:focus{text-decoration:none;position:relative;padding-bottom:2px;color:var(--txt-dark-color);transition:color .3s ease;transition:none;color:inherit}a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.1em;background-color:var(--txt-dark-color);transform:scaleX(0);transform-origin:bottom right;transition:transform .5s cubic-bezier(.5,0,0,1)}a:hover:after{transform-origin:bottom left;transform:scaleX(1)}a:hover{color:var(--txt-dark-color)}html .button,html .button:hover,html .button.active{transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1)}.button{border:none;font-size:.6rem;padding:.3em .6em;border-radius:.125rem;margin-right:.3em;white-space:nowrap;cursor:pointer;text-decoration:none;background:var(--btn-color-normal);color:var(--btn-txt-normal);font-family:Inter-400,sans-serif}.button:after{content:none}.button:hover{background-color:var(--btn-color-hover);color:var(--btn-txt-normal)}.button.active{background-color:var(--btn-color-active);color:var(--btn-txt-active)}span.button{cursor:default}span.button:hover,span.button.active{background-color:var(--btn-color-normal);color:var(--btn-txt-normal);transition:all .5s cubic-bezier(.4,0,.2,1)}:root,body,[data-theme=dark] img,.header-overlay,.header-left h1,.header-left h1 a,.header-left h2,.header-left h2 a,.button,.button:hover,.button.active,span.button:hover,span.button.active,[data-type=page],[data-type=page] a,[data-type=page] img,[data-type=page] span,.txt-small-btm,.project-item,.case-item,.discover-left h1,.discover-left h2,.about-clients h2,.about-weather,.list-contact,.list-contact dd a,.credit-row dt,.case-close a,footer,footer a{transition:background-color var(--transition-time) ease-in-out,color var(--transition-time) ease-in-out,border-color var(--transition-time) ease-in-out,filter var(--transition-time) ease-in-out,opacity .4s ease-in-out}.layout-wrapper{display:grid;width:var(--container-width);margin:var(--top-spacing) auto;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto 1fr auto;column-gap:var(--gutter);container-type:inline-size;--col-width: calc((100cqw - (var(--gutter) * 11)) / 12);height:auto;position:relative}.projects-grid,.case-grid,.discover{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);grid-auto-rows:var(--col-width);grid-auto-flow:row!important}.header-left{grid-row:1 / span 100}.header-right{grid-row:1}.case-grid{grid-row:2}.case-grid+.case-close{grid-row:3;align-self:end;margin-top:0}.discover{grid-row:4}.projects-grid{grid-row:5;margin-bottom:2em}.about{grid-row:6}footer{grid-row:7}.header-overlay{height:2.7em;position:fixed;top:0;left:0;z-index:5;background:none;width:100dvw;pointer-events:none}.header-overlay:after{content:"";position:absolute;inset:0;height:200%;z-index:-1;background:none;mask:linear-gradient(to top,transparent,black 50%);backdrop-filter:blur(12px);pointer-events:none}.header-left{grid-column:1 / 5;z-index:50;pointer-events:none}.header-left h1,.header-left h1 a,.header-left h2,.header-left h2 a{font-size:1rem;text-decoration:none;color:var(--txt-dark-color);pointer-events:auto;margin:0}.headline-index{position:sticky;top:.75em;font-family:Inter-400,sans-serif;font-weight:400}.header-right{grid-column:5 / -1;grid-row:1;position:relative;z-index:10;margin-bottom:4.5em}.header-right h2,.header-right p{font-size:1rem;font-weight:400;margin:0}.header-right p{margin-bottom:1.5em}.header-filter{grid-column:5 / -1;grid-row:2 / span 100;z-index:40;pointer-events:none;margin-top:-2.5em}.filter-list{position:sticky;top:.95em;display:flex;list-style:none;padding:0;line-height:.5rem;pointer-events:none}.filter-list button{pointer-events:auto}#lottie-brightness svg [fill]:not([fill=none]){fill:var(--txt-dark-color)!important;transition:fill var(--transition-time) ease}#lottie-brightness svg [stroke]:not([stroke=none]){stroke:var(--txt-dark-color)!important;transition:stroke var(--transition-time) ease}.project-item,.case-item{border-radius:.2rem;overflow:hidden;box-shadow:0 0 1em var(--shadow-color-normal);transition:box-shadow .3s ease-in-out}.project-item img,.project-item video,.case-item img,.case-item video{width:100%;height:100%;object-fit:cover;display:block}.project-item img,.project-item video{transition:transform .3s ease-in-out}.project-item a,.case-item a{display:block;height:100%;width:100%;border-radius:.2rem;overflow:hidden}.project-item a:after,.case-item a:after{content:none}.project-item:hover{box-shadow:0 0 1em var(--shadow-color-hover)}.project-item:hover img,.project-item:hover video{transform:scale(1.01)}.project-item.hidden{display:none}.project-item.fade-out{animation:fadeOut .25s forwards}.project-item.fade-in{animation:fadeIn .25s forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.99)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}[data-type=page]{background-color:var(--btn-color-normal);color:var(--txt-dark-color);padding:var(--gutter);transition:background-color var(--transition-time) ease-in-out,color var(--transition-time) ease-in-out,box-shadow .3s ease-in-out!important}[data-type=page] a{display:flex;height:100%;width:100%;flex-direction:column}[data-type=page] img{width:40%;height:auto;aspect-ratio:1 / 1;border:.1em solid #fff;border-radius:50%;margin-left:auto}[data-type=page] span{width:calc(100% - var(--gutter));display:inline-block;line-height:1em}.txt-small-btm{color:var(--txt-light-color);font-size:.5em;font-weight:600;margin-top:auto}.txt-big-btm{align-self:flex-start}.lightbox{position:fixed;inset:0;background:var(--bg-color);z-index:2000;justify-content:center;align-items:center;display:flex;opacity:0;visibility:hidden;transition:opacity .25s cubic-bezier(.25,1,.2,1),visibility .3s;z-index:0}.lightbox.active{opacity:1;visibility:visible;transition:opacity .25s cubic-bezier(.25,1,.2,1);z-index:2000}.lightbox .nav-btn{pointer-events:none}.lightbox.active .nav-btn{pointer-events:auto}.lightbox-content{position:relative;width:var(--container-width);height:100dvh;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:center}.lb-media-container{grid-column:2 / span 10;grid-row:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;transition:opacity .3s ease;z-index:5;pointer-events:none}.lb-media-container img,.lb-media-container video{pointer-events:auto;max-width:100%;max-height:calc(100vh - var(--top-spacing)*2 - 4rem);object-fit:contain;border-radius:.2rem}.lightbox-content .active-media{display:block;animation:lbFadeIn .3s ease-out}.lb-counter{position:absolute;bottom:calc(var(--top-spacing));line-height:1.2rem;left:50%;transform:translate(-50%);font-size:.5rem;color:var(--txt-light-color)}.lb-info-text{grid-column:1 / span 8;grid-row:1;align-self:start;margin-top:calc((var(--top-spacing)/2) + 2rem);pointer-events:none;z-index:10;color:var(--txt-light-color)}.lb-info-text p{margin-bottom:1.2em}.list-credits{display:flex;flex-direction:column;gap:.3rem}.credit-row{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:baseline;margin-bottom:.3em}.credit-row dt{flex-shrink:0;font-size:.5rem;color:var(--txt-dark-color);grid-column:1 / span 2}.credit-row dd{grid-column:3 / -1;display:flex;flex-wrap:wrap}.credit-row dd button{display:inline-block;cursor:default}.credit-row dd button a{cursor:auto}.lb-grid-footer-layer{grid-column:1 / -1;position:absolute;line-height:1rem;line-height:normal;inset:0;pointer-events:none}.lb-link{pointer-events:auto;font-size:1rem;transform:translateY(0);color:var(--txt-dark-color);text-decoration:none;cursor:pointer;display:block}.lb-info-btn,.lb-close-btn{position:absolute;bottom:calc(var(--top-spacing)/2);z-index:2050;opacity:1;visibility:visible;transition:bottom .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.lb-link,.lb-link:visited,.lb-link:active,.lb-link:focus{display:block;position:absolute;padding-bottom:0;transition:none}.lb-info-btn{left:0}.lb-close-btn{right:0}.lightbox.info-open .lb-media-container,.lightbox.info-open .nav-btn,.lightbox.info-open .lb-counter{pointer-events:none}.lightbox.info-open .lb-info-text{pointer-events:auto}.lb-loader{position:absolute;width:30px;height:30px;border:2px solid rgba(0,0,0,.05);border-top:2px solid #1d1d1d;border-radius:50%;animation:spin 1s linear infinite;display:none}.lightbox.info-open .lb-media-container{opacity:0;transition:opacity .4s cubic-bezier(.25,1,.2,1) 0s}.lightbox.info-open .lb-info-btn{bottom:calc(100dvh - (var(--top-spacing)/2));transform:translateY(1.1rem);transition:all .4s cubic-bezier(.5,.5,0,1) .25s}.lightbox.info-open .lb-info-text{opacity:1;transform:translateY(0);transition:opacity .4s cubic-bezier(.5,.5,0,1) .5s,transform .5s cubic-bezier(0,.65,.25,1) .5s}.lightbox:not(.info-open) .lb-info-text{opacity:0;transform:translateY(10px);transition:opacity .4s cubic-bezier(.25,1,.2,1) 0s,transform .4s ease 1s}.lightbox:not(.info-open) .lb-info-btn{bottom:calc(var(--top-spacing)/2);transform:translateY(0);transition:all .4s cubic-bezier(.5,.5,0,1) .25s}.lightbox:not(.info-open) .lb-media-container{opacity:1;transition:opacity .4s cubic-bezier(.5,.5,0,1) .6s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.nav-btn{position:absolute;top:0;height:100dvh;width:calc(10% + calc(80%/12));border:none;cursor:pointer;z-index:2010;background:transparent;display:flex;transition:opacity .3s ease;font-family:Inter-400,sans-serif;text-align:inherit}.prev-btn{left:0;justify-content:flex-start}.next-btn{right:0;text-align:right}.nav-arrow{font-size:1.5rem;color:var(--txt-dark-color);opacity:0;transition:opacity .2s ease}.prev-btn .nav-arrow{margin-left:60%}.next-btn .nav-arrow{margin-right:60%}.nav-btn:hover .nav-arrow{opacity:1}.lightbox.info-open .nav-btn{pointer-events:none;opacity:0}.case-grid{margin-top:-2.5em;margin-bottom:0;z-index:15;z-index:10;grid-auto-rows:minmax(min-content,auto)}.headline-case{display:block;position:relative;font-family:Inter-400,sans-serif!important;font-weight:400;padding:0;overflow:hidden!important;min-height:1.2em;line-height:1.2em;transition:min-height .4s ease,height .4s ease;isolation:isolate}.anim-stage{position:absolute;top:0;left:0;width:calc(100% + 20px);padding-right:20px;margin-right:-20px;display:block;box-sizing:border-box;word-break:keep-all;white-space:normal;transform:translateY(250%);transition:transform var(--head-anim-speed) var(--head-ease-in)}.status-1.headline-case{min-height:1.2em}.status-1 .stage-1{position:relative;transform:translateY(0)}.status-2.headline-case{min-height:2.4em}.status-2 .stage-1{position:absolute;transform:translateY(-150%);transition:transform var(--head-anim-speed) var(--head-ease-out)}.status-2 .stage-2{position:relative;transform:translateY(0);transition-delay:calc(var(--head-anim-speed) * .8)}.status-3.headline-case{min-height:1.2em;height:auto}.status-3 .stage-1{transform:translateY(-150%);transition:none}.status-3 .stage-2{position:absolute;transform:translateY(-150%);transition:transform var(--head-anim-speed) var(--head-ease-out);transition-delay:0s}.status-3 .stage-3{position:relative;transform:translateY(0);transition-delay:calc(var(--head-anim-speed) * .8)}.headline-case.no-anim .stage-1,.headline-case.no-anim .stage-2{display:none}.headline-case.no-anim .stage-3{transform:translateY(0)}.discover{position:sticky;display:grid;font-size:0;grid-column:1 / -1;top:.5em;top:.5rem;z-index:15;margin-top:0;grid-auto-rows:auto;margin-bottom:1.5rem}.discover-left{grid-column:1 / span 4}.discover-filter{grid-column:5 / -1}.discover-left h1,.discover-left h2{position:relative;top:0;margin:0;font-family:Inter-400,sans-serif!important;font-weight:400;font-size:1rem;color:var(--txt-dark-color);pointer-events:auto}.case-close{grid-column:1 / -1;position:sticky;bottom:0;z-index:1000;z-index:10;z-index:15;display:flex;align-items:center;justify-content:flex-end;height:3rem;pointer-events:none}.case-close a{pointer-events:auto;font-size:1rem!important;line-height:normal;color:var(--txt-dark-color);text-decoration:none;padding:0 0 2px;z-index:2}.case-close:after{content:"";position:absolute;bottom:0;left:-12.5%;width:125%;top:-25%;height:125%;z-index:-1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:transparent;mask:linear-gradient(to top,black 50%,transparent 100%);-webkit-mask:linear-gradient(to top,black 50%,transparent 100%);mask:linear-gradient(to bottom,transparent,black 50%);-webkit-mask:linear-gradient(to bottom,transparent,black 50%)}.layout-wrapper:has(.headline-about) .header-left{grid-row:1;height:auto}.headline-about,.headline-about a{position:relative;grid-column:1 / -1;grid-row:1;text-decoration:none;font-weight:400;color:var(--txt-dark-color)}.about-left{grid-column:1 / span 7;grid-row:2}.about-left p{margin-bottom:1.5em}.about-right{grid-column:9 / span 4;grid-row:2 / span 2;align-self:start}.about-portrait{width:100%;aspect-ratio:1 / 1;border-radius:50%;transform:translate(calc(var(--col-width)/1.5));overflow:hidden}.about-right img{width:100%;height:100%;object-fit:cover;object-position:center}.about-clients{grid-column:1 / span 7;grid-row:3;margin-left:-.3em;font-size:0;margin-bottom:.6rem}.about-clients h2{font-size:.5rem;text-indent:.6em;font-weight:400;color:var(--txt-dark-color)}.about-clients a,.about-clients span{display:inline-block;line-height:1em;margin:.3em .3em 0 0}.about-clients a.blink{animation:button-blink 5s infinite}.list-contact{color:var(--txt-dark-color);margin-top:2em;width:100%;text-align:right}.list-contact dt{font-size:.5em}.list-contact dd{margin-bottom:1.2em}.list-contact dd a{display:inline-block;cursor:pointer;text-decoration:none;color:var(--txt-dark-color)}.time-zone{font-size:.5em;font-weight:600;margin-left:.25em;vertical-align:super}.time-sep{animation:blink 1s steps(1,start) infinite;display:inline-block;width:.3em;text-align:center}.about-weather{display:inline-block;height:.8em;width:1.5em;vertical-align:baseline;margin-left:0;position:relative;top:0;background-color:var(--txt-dark-color);mask-repeat:no-repeat;mask-size:contain;mask-position:center}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes button-blink{0%,to{filter:brightness(var(--blink-min))}50%{filter:brightness(var(--blink-max))}}.imprint-left{grid-column:1 / -1;grid-row:2}.imprint-left p{margin-bottom:1.5em}.imprint-left h2{font-size:1em;font-weight:400;color:var(--txt-dark-color)}footer{grid-column:1 / -1;font-size:.5em;color:var(--txt-dark-color)}.grid-footer{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.grid-footer div{grid-column:span 4}footer a{display:table;color:var(--txt-dark-color)}.projects-grid .square{grid-column:span 4;grid-row:span 4}.projects-grid .landscape{grid-column:span 8;grid-row:span 4}.projects-grid .portrait{grid-column:span 4;grid-row:span 5}.case-grid .square{grid-column:span 6;grid-row:span 6}.case-grid .landscape{grid-column:span 12;grid-row:span 6}.case-grid .portrait{grid-column:span 6;grid-row:span 8}.case-grid .original{grid-column:span 12;grid-row:auto;break-inside:avoid}.case-grid .original video,.case-grid .original img{width:100%;height:auto;object-fit:contain}.nav-btn,.lb-link,.button,.project-item a{-webkit-tap-highlight-color:transparent;outline:none}@media(max-width:800px){:root{--font-size-main: 28px;--container-width: 90%;--top-spacing: 1em}.button,.credits{font-size:.65rem}a:after{content:none}.layout-wrapper{display:flex;flex-direction:column}.header-left{position:sticky;top:.5em;margin-bottom:.5em}.header-left:has(.headline-case){position:static}.header-left:has(.headline-case) h1{position:relative}.header-right{margin-bottom:.5em}.header-filter{position:sticky;top:1.25em;margin-top:0}.header-left h1,.filter-list{position:static}.filter-list{padding:1em 0;margin-bottom:.5em}.header-overlay{height:4em}.projects-grid{margin-top:0!important;display:grid;grid-template-columns:repeat(12,1fr);--col-width: calc((100cqw - (var(--gutter) * 11)) / 12);grid-auto-rows:var(--col-width)}.projects-grid .project-item:nth-child(2){grid-column:span 6!important;grid-row:span 6!important}.case-grid{margin-top:1em;margin-bottom:0}.discover-left{grid-column:1 / -1}.discover-filter{grid-column:1 / -1;margin:.5rem 0 0}.square{grid-column:span 6!important;grid-row:span 6!important}.portrait{grid-column:span 6!important;grid-row:span 7!important}.landscape{grid-column:span 12!important;grid-row:span 6!important}.lightbox{width:100%}.lb-info-text{grid-column:1 / span 12}.nav-btn{width:30%}.nav-arrow{font-size:1rem}.prev-btn .nav-arrow{margin-left:16.5%}.next-btn .nav-arrow{margin-right:16.5%}.lb-info-btn,.lb-close-btn{bottom:var(--top-spacing)}.lightbox.info-open .lb-info-btn{bottom:calc(100dvh - var(--top-spacing))}.lightbox:not(.info-open) .lb-info-btn{bottom:var(--top-spacing)}.list-contact{text-align:left}.about-left,.about-right{grid-column:1 / -1!important;width:100%}.about-portrait{width:60%;margin-left:20%;transform:translate(0)}.case-close{grid-row:3;grid-column:1 / -1;width:100%;height:var(--col-width);height:3em;overflow:visible;margin-bottom:1em}.case-close a{pointer-events:auto;display:inline-block;line-height:1}.case-close:after{content:"";position:absolute;width:100%;top:-1.5em;top:calc(var(--col-width)/-2);top:0;height:3.05rem;width:100vw;width:100dvw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-left:-50dvw;margin-right:-50dvw}.status-2.headline-case{min-height:1.2em}footer{font-size:.65em;margin-bottom:1em}footer div:nth-child(1){grid-column:1 / -1;grid-row:2;margin-top:1em}footer div:nth-child(2){grid-column:1 / span 6}footer div:nth-child(3){grid-column:7 / span 6}}