@layer reset,root,base,components,utilities;@layer root{:root{--clr-white: #fff;--clr-black: #191717;--clr-gray: rgba(25, 23, 23, .4);--clr-pink: #FF8C9F;--ff-base: "NeueMontreal", sans-serif;--fs-500: 1.5rem;--fs-700: 2.375rem;--fs-regular: 24px}:root{--text-regular: var(--clr-black);--text-service: var(--clr-pink);--background-color-main: var(--clr-white);--font-size-logo: var(--fs-700);--font-size-md: var(--fs-700);--font-size-regular: var(--fs-regular)}:root{--padding: 2rem;--gutter: 1.25rem;--header-height: 72px;--header-height-d: 78px;--grid-mobile: 16px;--grid: 32px;--min-content: 520px;@media (width < 1025px){--padding: 1rem}}:root{--1svh: 10.59px}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}}@layer base{@font-face{font-family:NeueMontreal;src:url(/fonts/PPNeueMontreal-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}html{scroll-behavior:smooth}html,body{font-family:NeueMontreal,sans-serif;font-size:var(--font-size-regular);line-height:1.4;font-weight:500;letter-spacing:-.01em;color:var(--text-regular);background-color:var(--background-color-main);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.disabled-scroll{overflow:hidden;touch-action:none;overscroll-behavior:contain}h2,h3,h4{font-size:var(--font-size-regular);line-height:1.4;font-weight:500}p{font-size:var(--font-size-regular)}a{color:var(--text-regular);text-decoration:none}button{all:unset;cursor:pointer}}.header{position:sticky;top:0;z-index:99;background-color:var(--clr-white);padding:12px var(--grid-mobile) 14px;border-bottom:2px solid var(--clr-black);height:var(--header-height)}@media screen and (min-width: 768px){.header{position:fixed;inset:auto 0 0;border-bottom:none;border-top:2px solid var(--clr-black);padding:14px var(--grid) 18px;height:var(--header-height-d)}}.header .logo{font-size:38px;line-height:1.2;font-weight:500}.header .shadow{height:144px;background:linear-gradient(to bottom,#fff 10%,#fff0);position:absolute;top:var(--header-height);right:0;left:0;pointer-events:none}@media screen and (min-width: 768px){.header .shadow{display:none}}.container{padding:var(--grid-mobile)}@media screen and (min-width: 768px){.container{padding:var(--grid) var(--grid) var(--header-height-d)}}.about{min-height:calc(100svh - var(--header-height) - var(--grid-mobile) * 2);display:flex;align-items:flex-end;position:relative}@media screen and (min-width: 768px){.about{display:block;min-height:auto;position:fixed;top:var(--grid);right:var(--grid);left:var(--grid)}}@media screen and (min-width: 768px){.about .intro-text{width:42%;min-width:var(--min-content);margin-left:auto;transform:translate(0);transition:transform .4s ease-in-out}.about .intro-text.move-left{transform:translate(calc(-100vw + 100% + var(--grid) * 2))}}.projects{padding:15dvh 0}@media screen and (min-width: 768px){.projects{padding:0}}.projects .headline{margin-bottom:24px}@media screen and (min-width: 768px){.projects .headline{display:none}}.projects .list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;row-gap:var(--grid-mobile)}.projects .list li{opacity:.3;transition:opacity .12s cubic-bezier(.2,.8,.2,1)}.projects .list li.active{opacity:1}@media screen and (min-width: 768px){.projects .list{font-size:38px;row-gap:24px;pointer-events:none;opacity:0;line-height:1.2}}.projects .desktop{display:none;position:fixed;height:552px;inset:0;padding:0 var(--grid);overflow:hidden}@media screen and (min-width: 768px){.projects .desktop{display:flex;margin:auto}}.projects .desktop .list{pointer-events:all;opacity:1;width:42%;min-width:var(--min-content);margin-left:auto;will-change:transform;transition:transform ease-in-out .2s}.projects .desktop .list li{height:91px;min-height:91px;opacity:0;transition:opacity ease-in-out .2s}.projects .desktop .list li.active{opacity:1}.projects .desktop .list li.near{opacity:.3}.projects .desktop .list li.faded{opacity:.1}@media screen and (min-width: 768px){.projects .link,.projects .description{font-size:38px}}.projects .description{color:var(--clr-pink)}.footer{position:relative;overflow:hidden}@media screen and (min-width: 768px){.footer{padding:0 var(--grid) calc(var(--header-height-d) + 24px)}}.footer .content{padding:0 var(--grid-mobile) 24px}@media screen and (min-width: 768px){.footer .content{padding:0;width:42%;min-width:var(--min-content);margin-left:auto}}.footer .impressum-btn{transition:opacity .4s ease-in-out,transform .4s ease-in-out;opacity:0;transform:translateY(150%)}.footer.visible .impressum-btn{opacity:1;transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .4s ease-in-out}.modal-overlay.open{opacity:1;pointer-events:all}.modal-content{background:#fff;position:relative;height:100%;overflow:scroll;padding:24px var(--grid-mobile)}@media screen and (min-width: 768px){.modal-content{max-width:660px;height:80%;padding:var(--grid)}}.impressum{display:flex;flex-direction:column}.impressum .impressum-header{display:flex;justify-content:space-between;margin-bottom:24px}.impressum .impressum-grid{display:grid;grid-template-columns:1fr;gap:24px;font-size:14px;line-height:1.4}@media screen and (min-width: 768px){.impressum .impressum-grid{font-size:16px}}.impressum .impressum-grid .address,.impressum .impressum-grid h3{font-size:18px;line-height:1.2}@media screen and (min-width: 768px){.impressum .impressum-grid .address,.impressum .impressum-grid h3{font-size:20px}}.impressum .impressum-grid p,.impressum .impressum-grid h4{font-size:14px;line-height:1.4}@media screen and (min-width: 768px){.impressum .impressum-grid p,.impressum .impressum-grid h4{font-size:16px}}.impressum .address{margin-bottom:24px}.impressum .impressum-info dl{margin:0;display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 768px){.impressum .impressum-info dl{gap:2px}}@media screen and (min-width: 768px){.impressum .impressum-info dl div{display:grid;grid-template-columns:1fr 1fr}}.impressum .impressum-info dl dt{color:var(--clr-gray)}.impressum .impressum-legal h4{margin-top:16px}.impressum .impressum-legal p{margin-top:8px}.impressum .impressum-legal dl{display:flex;flex-direction:column}.impressum .impressum-credits dl{margin:8px 0 0;display:flex;flex-direction:column;gap:2px}.impressum .impressum-credits dl div{display:flex;justify-content:space-between}@media screen and (min-width: 768px){.impressum .impressum-credits dl div{display:grid;grid-template-columns:1fr 1fr}}.impressum .impressum-credits dl dt{color:var(--clr-gray)}