.portfolio-menu-toggle{position:fixed;top:34.5px;right:calc(var(--gutter) - 11px);z-index:1002;width:44px;height:44px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;appearance:none}.ai-motion-page .portfolio-menu-toggle{top:calc((var(--header-height) - 44px)/2)}.portfolio-menu-toggle span{position:absolute;left:50%;top:calc(50% - 4.5px);width:22px;height:2px;background:currentColor;transform:translate(-50%);transition:transform .25s,top .25s}.portfolio-menu-toggle span+span{top:calc(50% + 2.5px)}.portfolio-menu-toggle.is-open span{top:calc(50% - 1px);transform:translate(-50%) rotate(45deg)}.portfolio-menu-toggle.is-open span+span{top:calc(50% - 1px);transform:translate(-50%) rotate(-45deg)}.portfolio-menu-toggle:focus-visible,.portfolio-menu a:focus-visible{outline:2px solid #fff;outline-offset:5px}.portfolio-menu{position:fixed;inset:0;z-index:1001;overflow:auto;overscroll-behavior:contain;background:#242424;color:#fff;padding:38px clamp(24px,6vw,120px) 38px;font-family:Roboto,Arial,sans-serif;display:flex;flex-direction:column;min-height:100svh;box-sizing:border-box}.portfolio-menu[hidden]{display:none}.portfolio-menu a{color:inherit;text-decoration:none}.portfolio-menu-heading{font-family:Anton,Impact,sans-serif;font-size:26px;line-height:1}.portfolio-menu-heading span{display:block;font-family:Roboto,Arial,sans-serif;font-size:9px;letter-spacing:.12em;margin-top:12px;color:#bdbdbd}.portfolio-menu-primary{margin:auto;display:flex;flex-direction:column;padding:45px 0;max-width:100%;width:max-content}.portfolio-menu-primary a{display:flex;align-items:center;gap:24px;font-family:Anton,Impact,sans-serif;font-size:clamp(52px,7.7vw,120px);line-height:1.18;transition:color .2s}.portfolio-menu-primary a:hover{color:#bdbdbd}.portfolio-menu-number{font-family:Roboto,Arial,sans-serif;font-size:11px;color:#a2a2a2;letter-spacing:.08em;font-variant-numeric:tabular-nums}.portfolio-menu-label{display:block;white-space:nowrap;flex-shrink:0;padding-top:max(4px,.06em);text-align:left}.portfolio-menu-baseline{display:inline-block;width:0;height:0;vertical-align:baseline}.portfolio-menu-arrow{margin-left:auto;margin-top:var(--menu-arrow-top,0px);align-self:flex-start;flex-shrink:0;font-family:Arial,sans-serif;font-size:inherit;line-height:0}.portfolio-menu-arrow>.portfolio-arrow-button{display:grid;width:var(--menu-arrow-size,1cap);height:var(--menu-arrow-size,1cap);min-width:0;margin:0;box-shadow:none}.portfolio-menu-primary a:before,.portfolio-menu-primary .portfolio-arrow-button:after{display:none}.portfolio-menu-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);font-size:11px;letter-spacing:.07em;color:#bdbdbd}.portfolio-menu-social,.portfolio-menu-legal{display:flex;gap:24px;flex-wrap:wrap}@media(min-width:641px){.ai-motion-page .site-navigation{margin-right:max(32px,calc(94px - var(--gutter)))}}@media(max-width:700px){.portfolio-page .portfolio-menu-toggle{top:29px}}@media(max-width:375px){.portfolio-page .portfolio-menu-toggle{top:27px}}@media(max-width:640px){.portfolio-menu{padding:30px 24px}.portfolio-menu-heading{font-size:23px}.portfolio-menu-primary a{font-size:clamp(45px,13vw,78px);gap:clamp(8px,2.5vw,16px)}.portfolio-menu-bottom{flex-direction:column;gap:25px}.portfolio-menu-social,.portfolio-menu-legal{gap:18px;font-size:10px}}@media(prefers-reduced-motion:reduce){.portfolio-menu-toggle span,.portfolio-menu-primary a{transition:none}}.portfolio-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;border-top:1px solid var(--line);padding:35px var(--gutter);font-family:var(--font);font-size:10px;line-height:1.7;letter-spacing:.07em;color:var(--secondary);background:var(--background)}.portfolio-footer>div,.portfolio-footer nav{display:flex;gap:25px;flex-wrap:wrap}.portfolio-footer>a:first-child{font-family:Anton,Impact,sans-serif;font-size:22px;color:#fff}.portfolio-footer a{text-decoration:none;color:inherit;min-height:44px;display:inline-flex;align-items:center}.portfolio-footer>div:first-of-type>a{gap:14px;white-space:nowrap}.portfolio-footer a .portfolio-arrow-button{margin-inline:0}.portfolio-footer .portfolio-back-home,.portfolio-footer .portfolio-go-up{font-family:var(--font);font-size:10px;gap:14px;white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:8px 18px}.portfolio-footer .portfolio-go-up .portfolio-arrow-button{width:16px;height:16px;min-width:16px;border:0;border-radius:0;background:transparent;box-shadow:none}.portfolio-footer .portfolio-go-up .portfolio-arrow-icon{width:100%;height:100%}.portfolio-footer .portfolio-go-up .portfolio-arrow-button:after{display:none}.portfolio-footer .portfolio-footer-actions{gap:10px;flex-wrap:nowrap}.portfolio-footer a:focus-visible{outline:2px solid #fff;outline-offset:5px}.portfolio-footer .portfolio-footer-hours{width:100%;justify-content:space-between;color:var(--muted)}@media(max-width:700px){.portfolio-footer{padding:30px var(--gutter);gap:22px}.portfolio-footer nav{gap:20px}.portfolio-footer .portfolio-footer-hours{gap:12px}}.portfolio-language-control{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:1100;isolation:isolate;display:grid;grid-template-columns:repeat(2,1fr);width:112px;height:52px;padding:3px;box-sizing:border-box;border:1px solid rgba(244,247,255,.2);border-radius:999px;background:#2c2e32b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 2px 12px #00000026;font-family:Roboto,Arial,sans-serif}body .portfolio-language-control button{position:relative;z-index:1;min-width:0;min-height:44px;border:0;border-radius:999px;padding:0;background:transparent;color:#b9bdc4;font:600 11px/1 Roboto,Arial,sans-serif;letter-spacing:.06em;cursor:pointer;touch-action:manipulation}body .portfolio-language-control button[aria-pressed=true]{color:#fff;font-weight:700}.portfolio-lightbox .portfolio-language-control button{min-width:0;min-height:44px;padding:0;font:600 11px/1 Roboto,Arial,sans-serif;color:#b9bdc4}.portfolio-lightbox .portfolio-language-control button[aria-pressed=true]{color:#fff;font-weight:700}.portfolio-language-control button:focus-visible{outline:2px solid #fff;outline-offset:4px}.portfolio-language-indicator{position:absolute;inset:3px auto 3px 3px;width:calc((100% - 6px)/2);border-radius:999px;background:#f4f7ff2b;border:1px solid rgba(244,247,255,.12);box-sizing:border-box;box-shadow:0 1px 4px #0000001a;transition:transform .2s ease-out}.portfolio-language-control[data-selected=de] .portfolio-language-indicator{transform:translate(100%)}@media(max-width:640px){.portfolio-language-control{width:104px;height:52px}}@media(max-width:375px){.site-header .site-logo,.portfolio-header .portfolio-brand{font-size:24px}.site-header .site-logo>span,.portfolio-header .portfolio-brand>span{font-size:8px;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.portfolio-language-indicator{transition:none}}@supports not (backdrop-filter:blur(1px)){.portfolio-language-control{background:#303237}}.portfolio-arrow-icon{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible}.portfolio-arrow-button{display:inline-grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;width:clamp(28px,1.65em,48px);height:clamp(28px,1.65em,48px);min-width:28px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:#ffffff0a;box-shadow:inset 0 1px #ffffff14;vertical-align:middle;margin-inline:.35em}.portfolio-arrow-button:only-child{margin-inline:0}.portfolio-arrow-button>.portfolio-arrow-icon{width:52%;height:52%;min-width:0;vertical-align:0}.project-view>.portfolio-arrow-button{width:100%;height:100%;border:0;background:transparent;box-shadow:none;margin:0}.portfolio-lightbox .portfolio-lightbox-prev,.portfolio-lightbox .portfolio-lightbox-next{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0;border-radius:50%}.portfolio-lightbox-prev>.portfolio-arrow-button,.portfolio-lightbox-next>.portfolio-arrow-button{width:44px;height:44px;margin:0}.portfolio-carousel-controls>button{display:grid;place-items:center;width:48px;height:48px;min-width:48px;padding:0;border:0;border-radius:50%;flex-shrink:0}.portfolio-carousel-controls>button>.portfolio-arrow-button{width:100%;height:100%;margin:0}@media(max-width:700px){.portfolio-lightbox figure{max-width:calc(100% - 88px)}.portfolio-carousel-controls>button{width:44px;height:44px;min-width:44px}}.portfolio-arrow-button:after,.resume-toggle-button:after,.project-view:after,.portfolio-time-travel details>summary:after{content:"";position:absolute;inset-block:-50%;left:-60%;width:60%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08) 25%,rgba(255,255,255,.42) 50%,rgba(255,255,255,.08) 75%,transparent);transform:translate(var(--control-shine,-160%)) skew(-18deg);transition:none;mix-blend-mode:screen}.portfolio-time-travel details>summary:hover:after{transform:translate(var(--control-shine,-160%)) skew(-18deg)}.project-view{z-index:3;overflow:hidden}.project-view>.portfolio-arrow-button:after{display:none}@media(prefers-reduced-motion:reduce){.portfolio-arrow-button:after,.resume-toggle-button:after,.project-view:after,.portfolio-time-travel details>summary:after{display:none;animation:none!important}}body .portfolio-hover-control.portfolio-hover-control{isolation:isolate;overflow:hidden;transition:background-color .2s,border-color .2s,color .2s}body .portfolio-hover-relative{position:relative}body .portfolio-hover-control:not(.project-button):not(.services-webdesign-cta):before,body :is(.project-button,.services-webdesign-cta).portfolio-hover-control:after{content:"";position:absolute;inset-block:-50%;left:-60%;width:60%;border-radius:0;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-160%) skew(-18deg);opacity:0}@keyframes portfolio-control-gloss{0%{transform:translate(-160%) skew(-18deg);opacity:0}20%,80%{opacity:1}to{transform:translate(500%) skew(-18deg);opacity:0}}.portfolio-filters button[aria-pressed=true],.portfolio-carousel-dots button[aria-current=true]{--button-hover-background:rgba(255,255,255,.86);--button-hover-color:#242424;--button-hover-border:#fff}body .portfolio-send.portfolio-hover-control:disabled:hover{background-color:transparent;color:#fff}@media(hover:hover)and (pointer:fine){body .portfolio-hover-control.portfolio-hover-control:not(:disabled):not([aria-disabled=true]):hover,body .portfolio-hover-trigger:hover .portfolio-hover-control.portfolio-hover-control{background-color:var(--button-hover-background,rgba(255,255,255,.1));border-color:var(--button-hover-border,var(--secondary,#bdbdbd));color:var(--button-hover-color,#fff);transition-delay:.35s}body .portfolio-hover-control:not(:disabled):not([aria-disabled=true]):not(.project-button):not(.services-webdesign-cta):hover:before,body .portfolio-hover-trigger:hover .portfolio-hover-control:not(.project-button):not(.services-webdesign-cta):before,body :is(.project-button,.services-webdesign-cta).portfolio-hover-control:hover:after{animation:portfolio-control-gloss .65s cubic-bezier(.2,.6,.3,1)}.portfolio-hover-control:hover .portfolio-arrow-button:after,.portfolio-hover-trigger:hover .portfolio-arrow-button:after,.portfolio-hover-control.portfolio-arrow-button:hover:after,.portfolio-hover-trigger:hover .resume-toggle-button:after,.project-view.portfolio-hover-control:hover:after,.portfolio-time-travel summary.portfolio-hover-control:hover:after,:is(.project-button,.services-webdesign-cta).portfolio-hover-control:hover:before{opacity:0}.hero-star.portfolio-hover-control:hover:after{transition-delay:.35s}}body .portfolio-hover-control.portfolio-hover-control:focus-visible,body .portfolio-hover-trigger:focus-visible .portfolio-hover-control.portfolio-hover-control{background-color:var(--button-hover-background,rgba(255,255,255,.1));border-color:var(--button-hover-border,var(--secondary,#bdbdbd));color:var(--button-hover-color,#fff)}body .portfolio-hover-control:not(.project-button):not(.services-webdesign-cta):focus-visible:before,body .portfolio-hover-trigger:focus-visible .portfolio-hover-control:not(.project-button):not(.services-webdesign-cta):before,body :is(.project-button,.services-webdesign-cta).portfolio-hover-control:focus-visible:after{animation:portfolio-control-gloss .65s cubic-bezier(.2,.6,.3,1)}.portfolio-hover-control .portfolio-arrow-button{transition:none}.portfolio-hover-control .portfolio-arrow-button:before{display:none}.portfolio-hover-control:focus-visible .portfolio-arrow-button:after,.portfolio-hover-trigger:focus-visible .portfolio-arrow-button:after,.portfolio-hover-trigger:focus-visible .resume-toggle-button:after,.project-view.portfolio-hover-control:focus-visible:after,.portfolio-time-travel summary.portfolio-hover-control:focus-visible:after,:is(.project-button,.services-webdesign-cta).portfolio-hover-control:focus-visible:before{opacity:0}@media(prefers-reduced-motion:reduce){body .portfolio-hover-control.portfolio-hover-control{transition:none!important}body .portfolio-hover-control:not(.project-button):not(.services-webdesign-cta):before,body :is(.project-button,.services-webdesign-cta).portfolio-hover-control:after{display:none;animation:none!important}}