:root{--max-width:1600px;--padding:1em;--max-paragraph:400px;--primary:#000}@media only screen and (min-width:769px){:root{--padding:2em}}@media only screen and (min-width:1280px){:root{--padding:4em}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{box-sizing:border-box;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit;pointer-events:none}@font-face{font-display:swap;font-family:Maung;src:url(/static/media/Maung.07d930364b2203efcf57.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat-Light;src:url(/static/media/Montserrat-Light.6fcc9263a21be961d246.ttf) format("truetype")}@font-face{font-display:swap;font-family:Montserrat-LightItalic;src:url(/static/media/Montserrat-LightItalic.57ae4565eaf9e1fc53ba.ttf) format("truetype")}body{font-family:Montserrat-Light,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400}p{font-size:1rem;line-height:1.5}.site-main{max-width:100%}.site-main,footer,section{align-items:center;display:flex;flex-direction:column;width:100%}.container{max-width:1600px;max-width:var(--max-width);padding:1em;padding:var(--padding);width:100%}.container-fluid{align-items:center;display:flex;flex-direction:column;max-width:100%;overflow:hidden;width:100%}img{height:auto;max-width:100%}.section-title{font-size:1rem;letter-spacing:.15em;margin:2em 0;text-transform:uppercase}a{pointer-events:all}.router-container{position:absolute;width:100%}.site-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;max-width:100%;position:fixed;width:100%;z-index:100}.site-header .container{align-items:center;border-bottom:1px solid #000;border-bottom:1px solid var(--primary);display:flex;flex-wrap:wrap;justify-content:space-between;padding:.25em 1em;padding:calc(var(--padding)/4) var(--padding)}.site-header .container .logo{width:50px}.site-header .container nav .nav-links--main{display:flex;display:none;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%}@media only screen and (min-width:769px){.site-header .container nav .nav-links--main{display:flex}}.site-header .container nav .nav-links--main li a{color:#000;color:var(--primary);font-family:Montserrat-Light,sans-serif;font-size:.75rem;letter-spacing:.1em;position:relative;text-decoration:none;text-transform:uppercase;transition:-webkit-clip-path 275ms ease;transition:clip-path 275ms ease;transition:clip-path 275ms ease,-webkit-clip-path 275ms ease}.site-header .container nav .nav-links--main li a:focus span:before,.site-header .container nav .nav-links--main li a:hover span:before{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.site-header .container nav .nav-links--main li a span{color:#000;color:var(--primary);display:inline-block;position:relative}.site-header .container nav .nav-links--main li a span:before{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);color:#000;color:var(--primary);content:attr(data-content);position:absolute;text-decoration:underline;text-decoration-color:#000;text-decoration-color:var(--primary);transition:-webkit-clip-path 275ms ease;transition:clip-path 275ms ease;transition:clip-path 275ms ease,-webkit-clip-path 275ms ease}.site-header .container .overlay-nav{display:none;flex-basis:100%;padding:1em 0;padding:var(--padding) 0}.site-header .container .overlay-nav--active{display:block}@media only screen and (min-width:769px){.site-header .container .overlay-nav--active{display:none}}.site-header .container .overlay-nav .nav-links--overlay{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0;width:100%}.site-header .container .overlay-nav .nav-links--overlay li a{color:#000;color:var(--primary);font-family:Montserrat-Light,sans-serif;font-size:.75rem;letter-spacing:.1em;position:relative;text-decoration:none;text-transform:uppercase;transition:-webkit-clip-path 275ms ease;transition:clip-path 275ms ease;transition:clip-path 275ms ease,-webkit-clip-path 275ms ease}.site-header .container .overlay-nav .nav-links--overlay li a:focus span:before,.site-header .container .overlay-nav .nav-links--overlay li a:hover span:before{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.site-header .container .overlay-nav .nav-links--overlay li a span{color:#000;color:var(--primary);display:inline-block;position:relative}.site-header .container .overlay-nav .nav-links--overlay li a span:before{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);color:#000;color:var(--primary);content:attr(data-content);position:absolute;text-decoration:underline;text-decoration-color:#000;text-decoration-color:var(--primary);transition:-webkit-clip-path 275ms ease;transition:clip-path 275ms ease;transition:clip-path 275ms ease,-webkit-clip-path 275ms ease}.site-footer{border-top:1px solid #000;border-top:1px solid var(--primary)}.site-footer .container{align-items:center;display:flex;flex-direction:column;padding:.5em 0;padding:calc(var(--padding)/2) 0;width:100%}.site-footer .container nav ul{display:flex;gap:2em;justify-content:space-between;list-style:none;margin:0;padding:0}.site-footer .container nav ul li a{color:#000;color:var(--primary);font-family:Montserrat-Light,sans-serif;font-size:.75rem;text-decoration:none;text-transform:uppercase}#about{margin-top:7.5em}#about .container{grid-gap:1em;grid-gap:var(--padding);display:grid;gap:1em;gap:var(--padding);grid-template-columns:repeat(14,1fr)}#about .container .row:first-child{grid-column:1/15;position:relative}#about .container .row:first-child h2{font-family:Maung,serif;font-size:clamp(6rem,2.5rem + 17.5vw,20rem);margin:0;position:relative}#about .container .row:nth-child(2){grid-column:1/15;margin-top:2em;position:relative;z-index:-1}@media only screen and (min-width:481px){#about .container .row:first-child{grid-column:1/8;position:relative}#about .container .row:nth-child(2){grid-column:8/15;margin-top:2em}}@media only screen and (min-width:1280px){#about .container .row:first-child{grid-column:3/8;position:relative}#about .container .row:nth-child(2){grid-column:8/13;margin-top:2em}}#skills .container{align-items:center;display:flex;flex-direction:column}#skills .container p{max-width:100%}@media only screen and (min-width:481px){#skills .container p{max-width:400px;max-width:var(--max-paragraph)}}#karriere .container{align-items:center;display:flex;flex-direction:column}#karriere .container .content{padding-top:1em!important;padding-top:var(--padding)!important}#karriere .container .content .row{display:grid;grid-template-columns:repeat(14,1fr)}#karriere .container .content .row .col{padding:0 1em}#karriere .container .content .row .col:first-child{font-size:.5rem;grid-column:1/2;min-width:65px;text-align:center}#karriere .container .content .row .col:nth-child(2){border-left:1px solid #000;border-left:1px solid var(--primary);grid-column:2/15;padding-bottom:1.5em}@media only screen and (min-width:481px){#karriere .container .content .row .col{padding:0 2em}#karriere .container .content .row .col:first-child{font-size:1rem;grid-column:1/8;text-align:end}#karriere .container .content .row .col:nth-child(2){border-left:1px solid #000;border-left:1px solid var(--primary);grid-column:8/15}}#portfolio .fluid-container{align-items:center;display:flex;flex-direction:column}#portfolio .fluid-container .row{grid-row-gap:1em;grid-row-gap:var(--padding);display:grid;grid-template-columns:1em repeat(12,1fr) 1em;grid-template-columns:var(--padding) repeat(12,1fr) var(--padding);padding:1em 0;padding:var(--padding) 0;row-gap:1em;row-gap:var(--padding)}@media only screen and (min-width:769px){#portfolio .fluid-container .row{gap:1em;gap:var(--padding)}}#portfolio .fluid-container .row .col .project-line{border-bottom:1px solid #000;border-bottom:1px solid var(--primary)}#portfolio .fluid-container .row .col .project-category{font-family:Montserrat-Light;font-size:.75rem;letter-spacing:.1em;margin:1em 0;text-transform:uppercase}#portfolio .fluid-container .row .col .project-title{font-family:Maung,serif;font-size:2.5rem;margin:.5em 0}#portfolio .fluid-container .row .col .project-description{margin-bottom:2em}#portfolio .fluid-container .row .col .project-link{border:1px solid #000;color:inherit;padding:.2em 1.5em;pointer-events:all;text-decoration:none}#portfolio .fluid-container .row .col .project-link:hover{background-color:rgba(0,0,0,.063)}#portfolio .fluid-container .row .col:nth-child(2){display:grid;grid-template-columns:1em 1fr 1em;grid-template-columns:var(--padding) 1fr var(--padding)}#portfolio .fluid-container .row .col:nth-child(2) .project-category{grid-column:1/4}#portfolio .fluid-container .row .col:nth-child(2) .content{grid-column:1/3}#portfolio .fluid-container .project-1 .col:first-child{grid-column:2/14}#portfolio .fluid-container .project-1 .col:nth-child(2){grid-column:2/15}#portfolio .fluid-container .project-1 .col:nth-child(2) .project-line{grid-column:1/4}@media only screen and (min-width:769px){#portfolio .fluid-container .project-1 .col:first-child{grid-column:2/10}#portfolio .fluid-container .project-1 .col:nth-child(2){grid-column:10/15}#portfolio .fluid-container .project-1 .col:nth-child(2) .project-line{grid-column:1/4}}#portfolio .fluid-container .project-2 .col:first-child{grid-column:2/14;grid-row:1}#portfolio .fluid-container .project-2 .col:nth-child(2){grid-column:1/15}#portfolio .fluid-container .project-2 .col:nth-child(2) .project-line{grid-column:2/4}#portfolio .fluid-container .project-2 .col:nth-child(2) .content{grid-column:2/3}@media only screen and (min-width:769px){#portfolio .fluid-container .project-2 .col:first-child{grid-column:6/14;grid-row:1}#portfolio .fluid-container .project-2 .col:nth-child(2){grid-column:1/6}#portfolio .fluid-container .project-2 .col:nth-child(2) .project-line{grid-column:1/4}#portfolio .fluid-container .project-2 .col:nth-child(2) .content{grid-column:2/4}}#portfolio .fluid-container .project-3 .col:first-child{grid-column:2/14}#portfolio .fluid-container .project-3 .col:nth-child(2){grid-column:1/15}#portfolio .fluid-container .project-3 .col:nth-child(2) .project-line{grid-column:2/4}#portfolio .fluid-container .project-3 .col:nth-child(2) .content{grid-column:2/3}@media only screen and (min-width:769px){#portfolio .fluid-container .project-3 .col:first-child{grid-column:4/12}#portfolio .fluid-container .project-3 .col:nth-child(2){grid-column:4/15}#portfolio .fluid-container .project-3 .col:nth-child(2) .project-line{grid-column:1/4}#portfolio .fluid-container .project-3 .col:nth-child(2) .content{grid-column:1/3}}#portfolio .fluid-container .project-4 .col:first-child{grid-column:2/14}#portfolio .fluid-container .project-4 .col:nth-child(2){grid-column:2/15}#portfolio .fluid-container .project-4 .col:nth-child(2) .project-line{grid-column:1/4}@media only screen and (min-width:769px){#portfolio .fluid-container .project-4 .col:first-child{grid-column:2/10}#portfolio .fluid-container .project-4 .col:nth-child(2){grid-column:10/15}#portfolio .fluid-container .project-4 .col:nth-child(2) .project-line{grid-column:1/4}}#faq .container{align-items:center;display:flex;flex-direction:column}#faq .container .faq-title{font-family:Maung,serif;font-size:clamp(2.75rem,2rem + 3.75vw,5.75rem);line-height:1;margin:.1em 0;text-align:center}#faq .container .row .question{font-family:Montserrat-LightItalic;font-size:.75rem}#faq .container .row .answer,#faq .container .row .question{max-width:400px;max-width:var(--max-paragraph);text-align:center}#faq .container .row .answer{font-family:Montserrat-Light;font-size:1rem}#faq .container .row+.row{margin-top:2em}#contact{border-top:1px solid #000;border-top:1px solid var(--primary)}#contact .container{align-items:center;display:flex;flex-direction:column}#contact .container .section-title{margin:0 0 2em}#contact .container .row{display:flex;flex-direction:column;margin:1em 0;margin:var(--padding) 0;width:100%}@media only screen and (min-width:769px){#contact .container .row{flex-direction:row}#contact .container .row .col:first-child{padding-right:2em}#contact .container .row .col:nth-child(2){padding-left:2em}}#contact .container .row .col{align-items:center;display:flex;flex:1 1;flex-direction:column}#contact .container .row .col h3{font-family:Montserrat-Light,sans-serif;font-size:1rem;margin:.5em 0;text-transform:uppercase}#contact .container .row .col a{color:#000;color:var(--primary);font-family:Maung,serif;font-size:clamp(1.5rem,1.25rem + 1.25vw,2.5rem);margin:.5em 0;text-decoration:none}.background{height:100%;left:0;opacity:.5;position:fixed;top:0;width:100%;z-index:-1}.vertical-line{background-color:#000;background-color:var(--primary);height:4em;margin:2em 0;width:1px}.preloader{align-items:center;background-color:#f6d0d5;display:flex;flex-direction:column;inset:0;justify-content:center;max-width:100%;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);min-height:100lvh;position:fixed;width:100%;z-index:100}.loader{background-color:#000;margin:100px auto;overflow:hidden;width:100%}.loader,.loader:before{border-radius:20px;height:1px;position:absolute}.loader:before{-webkit-animation:lineAnim 1s linear infinite;animation:lineAnim 1s linear infinite;background-color:#f6d0d5;content:"";left:-50%;width:40%}.preloader--hide{opacity:0}@-webkit-keyframes lineAnim{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}@keyframes lineAnim{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}.burger{cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:.75rem 0;pointer-events:all;position:relative;width:1.5rem}@media only screen and (min-width:769px){.burger{display:none}}.burger span{background-color:#000;background-color:var(--primary);height:1px;position:absolute;transition:all .3s ease;width:1.5rem}.burger--active span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.burger--active span:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#error{margin:7.5em 0}#error .container h1{font-family:Montserrat-Light,sans-serif;font-size:1.5rem;margin:0}#error .container h1 span{font-family:Maung,serif;font-size:4rem}.page,.project-page{padding-top:7.5em}.project-page .container{align-items:center;display:flex;flex-direction:column}.project-page .container .project-category{font-size:1rem;letter-spacing:.15em;margin:2em 0;text-transform:uppercase}.project-page .container .project-title{font-family:Maung,serif;font-size:clamp(2.75rem,2rem + 3.75vw,5.75rem);margin:0}.project-page .container .project-description{width:100%}@media only screen and (min-width:481px){.project-page .container .project-description{max-width:400px;max-width:var(--max-paragraph)}}.project-page .container .back-link{color:#000;color:var(--primary);font-family:Montserrat-Light,sans-serif;font-size:1rem;margin:2em 0;text-decoration:none;text-transform:uppercase}.project-impressions img{margin:1em 0;margin:var(--padding) 0}
/*# sourceMappingURL=main.682c269f.css.map*/