:root{--gallery-height:auto}.main-col{width:calc(50% - 20px);font-family:TestSöhne-Buch,helvetica;font-size:13px;line-height:1.25;letter-spacing:.19px;color:#c6c6c6;position:relative;padding:20px 0 6px}@media(max-width:800px){.main-col{padding:calc(100dvh - 85px) 0 12px;width:100%;font-size:12px;line-height:16px}}.main-col h2{margin:0 0 12px;font-size:inherit;font-weight:400}@media(max-width:800px){.main-col h2{margin:0 0 6px}.main-col p{margin:0}}.main-col section{display:flex;align-items:flex-start;gap:8px}@media(max-width:800px){.main-col section{display:block}}.main-col section+section{margin-top:20px}.main-col section .heading{width:33%}@media(max-width:800px){.main-col section .heading{width:100%;opacity:.6}}.main-col section .content{width:65%}@media(max-width:800px){.main-col section .content{width:100%}}.loading{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-size:1.2rem;z-index:100}.hp-content{opacity:1;transition:opacity .5s ease}@media(max-width:800px){.hp-content{position:relative}}.hp-content.hidden{opacity:0}main{padding:0 12px}@media(min-width:801px){#intro-section{height:var(--gallery-height,auto);display:flex}}@media(max-width:800px){#intro-section{position:absolute;top:10px;left:calc(50vw + 12px)}}.gallery-pagination{display:flex;align-items:center;justify-content:center;color:#c6c6c6;font-family:TestSöhne-Buch,helvetica;font-size:14px;margin:0 15px;pointer-events:auto;.separator{margin:0 5px}@include breakpoint($max: 800px){font-size:12px}}@media(max-width:800px){.hp-gallery-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:calc(50vh - 36%)}}.hp-gallery-wrap.loading{opacity:0;transition:opacity .3s ease}.hp-gallery-wrap.loaded{opacity:1}.hp-gallery-wrap .loading{opacity:0}.hp-gallery-wrap .loaded{opacity:1;transition:opacity .3s ease}.hp-gallery{position:fixed;top:20px;right:20px;width:calc(50% - 20px);height:0;padding-top:34.6%}@media(max-width:800px){.hp-gallery{width:100%;left:12px;right:12px;height:0;padding-top:71%;position:-webkit-sticky;position:sticky;top:12px;left:0;z-index:9999999;background:#000}}.hp-gallery img,.hp-gallery video{position:absolute;top:0;right:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:all .3s;transform:translateZ(0);will-change:transform}.hp-gallery img.enabled,.hp-gallery video.enabled{display:block}.hp-gallery img.active,.hp-gallery video.active{opacity:1;pointer-events:none}.gallery-navigation{position:absolute;top:0;left:0;width:100%;z-index:100;pointer-events:none}.gallery-navigation,.gallery-navigation .gallery-nav-arrow{height:100%;display:flex;justify-content:center;align-items:center}.gallery-navigation .gallery-nav-arrow{background:transparent;border:none;width:50%;border-radius:0;cursor:pointer;margin:0;transition:background-color .2s ease;pointer-events:auto}.gallery-navigation .gallery-nav-arrow.gallery-nav-prev{cursor:w-resize}.gallery-navigation .gallery-nav-arrow.gallery-nav-next{cursor:e-resize}.gallery-navigation .gallery-nav-arrow:hover{background:transparent}@media(max-width:800px){.gallery-navigation .gallery-nav-arrow{width:50%;height:100%}}.text{font-family:TestSöhne-Buch,helvetica;font-size:13px;line-height:1.25;letter-spacing:.19px;color:#c6c6c6}.text,.text+.text{margin-top:20px}.hp-gallery__description{display:flex;gap:20px}.hp-gallery__description p{margin:0}.hp-gallery__desc{width:67%}.hp-gallery__meta{flex:1 1;display:flex;justify-content:space-between}.hp-gallery__meta-item{margin-left:auto}.project-list{margin:0;padding:0;counter-reset:orderedList;position:relative}.project-list.project-is-selected li:not(.is-active):not(.is-selected){opacity:.5}.project-list li{position:relative;list-style:none;counter-increment:orderedList;cursor:pointer;display:flex;transition:all .25s}.project-list li .project-name{color:#c6c6c6;transition:all .3s;width:42%;margin-right:16px}.project-list li .project-name:hover{cursor:pointer}.project-list li+li{margin-top:0}.project-list li:before{content:"B" counter(orderedList,decimal-leading-zero);text-align:center;color:currentColor;transition:all .3s;width:15%;max-width:43px;display:inline-block;text-align:left}.project-list li.is-active,.project-list li.is-active .project-name,.project-list li.is-active span,.project-list li.is-selected,.project-list li.is-selected .project-name,.project-list li.is-selected span{color:#fff}.project-list li.is-selected:after,.project-list li.is-selected:hover:after{content:"[Close]";position:absolute;right:0;top:50%;opacity:1;transform:translateY(-50%);height:100%;width:auto;background:transparent;cursor:pointer}.project-list-pagination{position:absolute;right:40px;top:50%;transform:translateY(-50%)}@media(min-width:800px){.project-list li:hover,.project-list li:hover .project-name,.project-list li:hover span{color:#fff}.project-list li:hover:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:8px;width:8px;background-color:#fff;border-radius:50%;opacity:1;pointer-events:none}.project-list-pagination{display:none}}.about-section p{margin:0;max-width:394px}.about-section p+p{margin-top:12px}.about-section p a{color:#fff}.item-list{list-style:none;margin:0;padding:0;display:flex;column-gap:16px;flex-wrap:wrap}.item-list li{width:calc(50% - 8px)}.single-column{list-style-type:none;margin:0;padding:0}.single-column li{width:100%}.single-column a{color:#fff}.copyright-section ul{list-style:none;margin:0;padding:0;display:flex;column-gap:16px;flex-wrap:wrap}.copyright-section li{width:calc(50% - 8px)}.copyright-section li span{display:none}@media(max-width:800px){.copyright-section .heading{display:none}.copyright-section li span{display:inline;margin-right:6%}}.letter{position:fixed;font-size:110px;letter-spacing:-5px;line-height:1;color:#c6c6c6;transition:transform .5s ease;pointer-events:none}.letter.top{top:14px;left:3px;transform-origin:top left;transform:rotate(90deg) translateY(-100%)}.letter.center{top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%);font-size:150px;display:flex;justify-content:center;align-items:center;width:auto;height:auto}.letter.center .final-letter{position:relative;display:block}.letter.bottom{bottom:14px;right:3px;transform-origin:bottom right;transform:rotate(-90deg) translateX(100%)}.letter .letter__final,.letter .letter__text{transition:opacity .75s ease}.letter .letter__text{cursor:pointer;pointer-events:none;opacity:1;font-size:inherit}.letter .letter__text.fade-out{opacity:0;cursor:default}.letter .letter__final{cursor:pointer;pointer-events:all;opacity:1;position:absolute;top:0;left:0;z-index:99;font-size:inherit}.letter .letter__final.fade-in,.letter .letter__final.fade-in:hover+.letter__text.fade-out{opacity:1}@media(max-width:800px){.letter{font-size:90px;letter-spacing:-4px;height:75px}.letter.top{top:6px;left:12px}.letter.bottom{bottom:6px;right:12px}}.app-loader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000;transition:background-color 1s ease;pointer-events:none}.app-loader.fade-out{background-color:transparent;z-index:1}.app-loader__content{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;width:100%;height:100%}.app-loader .slash-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:auto;height:auto}html{font-family:sans-serif}body{margin:0;font-size:100%}*{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}a{background:transparent}img{border:0}main{padding:0 20px}@media(max-width:800px){main{padding:0 12px}}body{transition:all .2s ease-in-out;background-color:#000;font-family:TestSöhne-Buch,helvetica;font-weight:400;-webkit-font-smoothing:antialiased!important;color:#fff;padding:0 20px}.site-wrap{overflow:hidden}img{max-width:100%}a{text-decoration:none}.main-col p a{color:#fff}