@font-face{font-family:Abel;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/abel-regular-latin.woff2) format("woff2")}:root{--font-base: "Abel", sans-serif;--color-bg: #efefef;--color-heading: #222;--color-text: #555;--color-muted: #666;--color-accent: #f4d83e;--color-accent-dark: #f1ce0e;--color-footer: #363636;--color-overlay: #1a1a1a;--color-white: #fff;--container: 1170px;--gutter: 15px;--header-pad: 50px;--logo-max: 380px;--ease: cubic-bezier(.445, .05, .55, .95)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;min-height:100vh;margin:0;background:var(--color-bg);color:var(--color-heading);font-family:var(--font-base);font-size:16px;line-height:1.3333}img{max-width:100%;height:auto}h1,h2,h3{margin:19px 0 9.5px;color:var(--color-heading);font-weight:400;line-height:1.1;text-transform:uppercase}h2{font-size:32px}h3{font-size:26px}p{margin:0 0 9.5px;color:var(--color-text)}a{color:var(--color-muted);text-decoration:none;transition:color .2s var(--ease)}.content a{text-decoration:underline;text-underline-offset:2px}.content a:hover,.content a:focus-visible{color:var(--color-heading);text-decoration-color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-heading);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:2000;padding:10px 16px;background:var(--color-heading);color:var(--color-white)}.skip-link:focus{top:16px}main{flex:1 0 auto}main:focus{outline:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.site-header{position:relative;z-index:1000;padding:var(--header-pad) 0}.site-header-overlay{position:absolute;top:0;right:0;left:0}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header-logo{display:block;max-width:var(--logo-max)}.site-header-logo img{display:block;width:100%;height:auto}.nav-toggle{position:relative;z-index:1101;display:none;width:44px;height:44px;padding:0;border:0;background:none;color:#000;cursor:pointer}.site-header-light .nav-toggle{color:var(--color-white)}.nav-toggle-bar,.nav-toggle-bar:before,.nav-toggle-bar:after{position:absolute;left:50%;width:23px;height:2px;margin-left:-11.5px;background:currentColor;transition:transform .3s ease,background-color .3s ease}.nav-toggle-bar{top:50%;margin-top:-1px}.nav-toggle-bar:before,.nav-toggle-bar:after{content:"";left:0;margin-left:0}.nav-toggle-bar:before{top:-6px}.nav-toggle-bar:after{top:6px}.nav-toggle[aria-expanded=true]{color:var(--color-white)}.nav-toggle[aria-expanded=true] .nav-toggle-bar{background-color:transparent}.nav-toggle[aria-expanded=true] .nav-toggle-bar:before{transform:translateY(6px) rotate(-45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:after{transform:translateY(-6px) rotate(45deg)}.main-nav ul{display:flex;flex-wrap:wrap;gap:10px 40px;margin:0;padding:0;list-style:none}.main-nav a{position:relative;display:inline-block;color:var(--color-heading);font-size:20px}.site-header-light .main-nav a{color:var(--color-white)}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:currentColor;transition:width .3s cubic-bezier(.175,.885,.32,1.075)}.main-nav a:hover:after,.main-nav a:focus-visible:after,.main-nav a[aria-current=page]:after{width:100%}.js .nav-toggle{display:block}.js .main-nav{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:100px var(--gutter);background:var(--color-overlay);visibility:hidden;opacity:0;transition:opacity .18s var(--ease),visibility 0s linear .18s}.js .main-nav.is-open{visibility:visible;opacity:1;transition:opacity .18s var(--ease)}.js .main-nav ul{justify-content:center}.js .main-nav a{color:var(--color-white);font-size:30px}.nav-open{overflow:hidden}.btn{display:inline-block;padding:10px 22px;background:var(--color-accent);color:#000;font-size:15px;line-height:20px;text-align:center;transition:background-color .2s var(--ease)}.btn:hover,.btn:focus-visible{background:var(--color-accent-dark);color:#000}.autotype{display:inline-block;min-width:.5em;font-weight:700}.autotype-underlined{box-shadow:0 2px 0 var(--color-heading);font-weight:inherit}.intro{margin-top:20px;margin-bottom:45px;text-align:center}.intro-title{margin:50px 0 9.5px;font-size:90px;line-height:1.1}.intro-text{margin:0;color:var(--color-heading);line-height:26px}.intro-action{margin:0 0 5px}.portfolio-filter ul{margin:0 0 9.5px;padding:0;list-style:none;text-align:center}.portfolio-filter li{display:inline-block;margin:0 20px 16px}.portfolio-filter button{position:relative;padding:0;border:0;background:none;color:var(--color-text);font:inherit;font-size:16px;text-transform:uppercase;cursor:pointer;transition:color .2s var(--ease)}.portfolio-filter button:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--color-accent);transition:width .3s cubic-bezier(.175,.885,.32,1.075)}.portfolio-filter button:hover{color:var(--color-heading)}.portfolio-filter button:hover:after,.portfolio-filter button[aria-pressed=true]:after{width:100%}.no-js .portfolio-filter{display:none}.portfolio{margin-bottom:40px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:27px -1px 0;padding:0;list-style:none}.portfolio-grid.is-masonry{position:relative;display:block}.portfolio-grid.is-masonry .portfolio-item{position:absolute;top:0;left:0;width:33.3333%}.portfolio-item{padding:1px}.portfolio-item[hidden]{display:none}.portfolio-link{position:relative;display:block;overflow:hidden;background:#eee}.portfolio-link picture{display:block}.portfolio-link img{display:block;width:100%;height:auto}.portfolio-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;background:#ffffffe6;opacity:0;transition:opacity .3s var(--ease)}.portfolio-hover-category{color:#595959;font-size:15px;opacity:0;transform:translateY(15px);transition:opacity .4s .2s cubic-bezier(.455,.03,.515,.955),transform .4s .2s cubic-bezier(.455,.03,.515,.955)}.portfolio-link:hover .portfolio-hover,.portfolio-link:focus-visible .portfolio-hover{opacity:1}.portfolio-link:hover .portfolio-hover-category,.portfolio-link:focus-visible .portfolio-hover-category{opacity:1;transform:none}.portfolio-link:focus-visible{outline-offset:-3px}.lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:#000000f2;color:var(--color-white)}.lightbox::backdrop{background:#000000f2}.lightbox-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin:0;padding:60px 70px 20px}.lightbox-image{display:block;max-width:100%;max-height:calc(100vh - 140px);width:auto;height:auto;object-fit:contain}.lightbox-caption{margin-top:15px;font-size:18px;text-align:center}.lightbox-counter{position:absolute;top:18px;left:20px;color:#ccc;font-size:15px}.lightbox-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:2px;background:#00000073;color:var(--color-white);font-size:26px;line-height:1;cursor:pointer}.lightbox-btn:hover,.lightbox-btn:focus-visible{background:#ffffff26}.lightbox-btn:focus-visible{outline-color:var(--color-white)}.lightbox-close{top:8px;right:10px}.lightbox-prev,.lightbox-next{top:50%;margin-top:-24px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.about-hero{display:flex;justify-content:center;min-height:100vh;padding:280px var(--gutter) 60px;background:#0a0a0a url(../img/2015/03/german-popp.jpg) center / cover no-repeat}@media(hover:hover)and (min-width:1025px){.about-hero{background-attachment:fixed}}.about-hero-text{width:100%;max-width:66.6667%;padding:0 50px;text-align:center;text-shadow:0 1px 12px rgba(0,0,0,.35)}.about-hero-title{margin:0 0 9.5px;color:var(--color-white);font-size:39px;text-transform:none}.about-hero-subtitle{margin:0;color:var(--color-white);font-size:32px;line-height:1.1}.contact-map{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;height:500px;padding:0 var(--gutter) 70px;background:#2b2b2b;color:var(--color-white);text-align:center}.contact-map-address{margin:0;color:#ddd;font-size:20px}.contact-map-pin{width:34px;height:34px;fill:var(--color-accent)}.contact-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0 30px;padding-top:30px;padding-bottom:40px}.contact-intro{margin-bottom:30px;padding-right:40px}.contact-title{margin-top:19px;font-size:26px}.contact-col{padding-top:20px}.contact-col p{margin:0 0 9.5px}.contact-col strong{font-weight:700}.page-content{margin-bottom:40px}.page-title{margin:19px 0 30px;font-size:26px}.page-content h2{font-size:32px}.page-content h3{font-size:26px}.page-content p{overflow-wrap:anywhere}.site-footer{background:var(--color-footer)}.site-footer ul{margin:0;padding:10px 0;list-style:none;text-align:center}.site-footer li{display:inline-block;margin:0 5px}.site-footer a{position:relative;display:inline-block;color:var(--color-accent);font-size:12px;line-height:16px}.site-footer a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--color-accent);transition:width .3s cubic-bezier(.175,.885,.32,1.075)}.site-footer a:hover:after,.site-footer a:focus-visible:after,.site-footer a[aria-current=page]:after{width:100%}.site-footer a:focus-visible{outline-color:var(--color-accent)}.to-top{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-heading);color:var(--color-white);visibility:hidden;opacity:0;transition:opacity .3s var(--ease),visibility 0s linear .3s}.to-top.is-visible{visibility:visible;opacity:1;transition:opacity .3s var(--ease)}.to-top svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}@media(max-width:991px){.intro-title{font-size:70px}.contact-grid{grid-template-columns:1fr 1fr}.contact-intro{grid-column:1 / -1;padding-right:0}.about-hero-text{max-width:100%}}@media(max-width:768px){:root{--header-pad: 25px}.intro-title{margin-top:30px;font-size:48px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid.is-masonry .portfolio-item{width:50%}.about-hero{padding-top:200px;background-position:72% center}.about-hero-text{padding:0}.contact-map{height:360px;padding-bottom:40px}.lightbox-figure{padding:60px 10px 20px}.lightbox-prev,.lightbox-next{top:auto;bottom:10px;margin-top:0}.lightbox-image{max-height:calc(100vh - 180px)}}@media(max-width:480px){:root{--logo-max: 180px}.intro-title{font-size:40px}.portfolio-filter li{margin:0 10px 12px}.portfolio-grid{grid-template-columns:1fr}.portfolio-grid.is-masonry .portfolio-item{width:100%}.about-hero-title{font-size:32px}.about-hero-subtitle{font-size:24px}.contact-grid{grid-template-columns:1fr}.js .main-nav ul{flex-direction:column;align-items:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}