:root{--color-bg: #0a0a0a;--color-fg: #ffffff;--color-muted: #8A8A8A;--margins: 25px;--xs-radius: 1px}::-webkit-scrollbar{display:none}@font-face{font-family:Switzer;src:url("../fonts/Switzer-Medium.woff2") format("woff2"),url("../fonts/Switzer-Medium.woff") format("woff"),url("../fonts/Switzer-Medium.ttf") format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url("../fonts/Switzer-MediumItalic.woff2") format("woff2"),url("../fonts/Switzer-MediumItalic.woff") format("woff"),url("../fonts/Switzer-MediumItalic.ttf") format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Switzer;src:url("../fonts/Switzer-Semibold.woff2") format("woff2"),url("../fonts/Switzer-Semibold.woff") format("woff"),url("../fonts/Switzer-Semibold.ttf") format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Switzer;src:url("../fonts/Switzer-SemiboldItalic.woff2") format("woff2"),url("../fonts/Switzer-SemiboldItalic.woff") format("woff"),url("../fonts/Switzer-SemiboldItalic.ttf") format("truetype");font-weight:600;font-display:swap;font-style:italic}html{background-color:var(--color-bg);color:var(--color-fg);font-family:Switzer,sans-serif;font-weight:500;font-size:16px;letter-spacing:1.5%;line-height:105%;height:100dvh;overflow:hidden}body{position:relative;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;text-rendering:optimizeLegibility}header{display:flex;align-items:baseline;position:absolute;top:var(--margins);left:var(--margins);right:var(--margins);z-index:300}header div{text-shadow:0 0 30px var(--color-bg)}header>*{display:flex;flex-direction:column;font-size:1rem;margin-bottom:.3rem;margin-right:3rem;z-index:100}h1{font-size:.7rem;letter-spacing:5%;text-transform:uppercase;line-height:125%}h3{color:var(--color-muted)}a{text-decoration:none;color:var(--color-fg);display:inline-block}ol,ul{list-style:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left;display:inline-grid;text-shadow:0 0 30px var(--color-bg)}button .btn-label,button .btn-hover{grid-area:1/1}button .btn-hover{visibility:hidden;opacity:30%}button:hover .btn-label{visibility:hidden}button:hover .btn-hover{visibility:visible}::-moz-selection{background-color:rgba(0,0,0,.25);color:var(--color-fg)}::selection{background-color:rgba(0,0,0,.25);color:var(--color-fg)}::-moz-selection{background-color:rgba(0,0,0,.25);color:var(--color-fg)}@media(hover: hover)and (pointer: fine){a:hover{opacity:30%}a:hover,a:focus,a:active,button:hover,button:focus,button:active{text-decoration:unset;animation:shake 100ms ease-in-out infinite}}.main{position:absolute;inset:0;overflow:hidden;animation:pageEnter .5s cubic-bezier(0.23, 1, 0.32, 1)}body.is-leaving .main{animation:pageExit .3s ease forwards}.page-overlay{position:fixed;inset:0;z-index:50;backdrop-filter:blur(15px);opacity:0;pointer-events:none;transition:opacity .3s ease;margin:0;background-color:hsl(from var(--color-bg) h s l/0.2);height:100%}header:has(button[aria-expanded=true]) .page-overlay{opacity:1;pointer-events:auto}.project-description{position:absolute;top:0;right:var(--margins);display:flex;flex-direction:row;gap:var(--margins);max-height:100vh;z-index:1;pointer-events:none}.project-description .text-col{width:32rem;overflow-y:auto;font-size:1rem;line-height:135%;pointer-events:auto;padding-top:var(--margins);padding-bottom:var(--margins)}@media(hover: hover)and (pointer: fine){.main:has(.text-col:hover) .project-description{z-index:3}}.block-section{margin-bottom:1rem}.block-section>p{margin-bottom:1rem}.accordion{margin-bottom:.25rem;border-top:1px solid var(--color-fg)}.accordion__summary{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;width:100%;cursor:pointer;font-size:.7rem;letter-spacing:5%;text-transform:uppercase;line-height:125%}.accordion__summary::after{content:"+";font-size:1rem;line-height:1}.accordion.is-open .accordion__summary::after{content:"–"}.accordion__body{display:none;margin-bottom:1rem;margin-top:.5rem;font-size:.7rem;letter-spacing:5%;text-transform:uppercase;line-height:125%}.list-row{display:flex;gap:1rem}.list-row__year{flex:0 0 3.5rem}.list-row__description{flex:1}.list-row__context{display:block;color:var(--color-muted)}.impressum{position:absolute;bottom:var(--margins);right:var(--margins);z-index:350;text-align:right;font-size:.7rem;letter-spacing:5%;text-transform:uppercase;line-height:125%}.impressum summary{cursor:pointer;list-style:none}.impressum summary::-webkit-details-marker{display:none}#cursor-thumb{position:fixed;pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s ease}#cursor-thumb img{display:block;width:350px;height:auto;border-radius:var(--xs-radius)}#cursor-thumb.visible{opacity:1}#index-panel{display:none;padding-top:.75rem;position:absolute;margin-top:1rem;height:calc(100vh - 3.5rem);overflow-y:scroll;text-shadow:none}#index-panel li+li{margin-top:.25rem}#index-panel li{opacity:0;animation:fadeInItem .5s cubic-bezier(0.23, 1, 0.32, 1) forwards;animation-delay:calc(var(--i, 0)/var(--n, 1)*.1s)}button[aria-expanded=true]+#index-panel{display:block}#index-preview{display:none}.mobile-desc__button{display:none;position:absolute;left:0;right:0;bottom:var(--margins);margin:0 auto;width:-moz-fit-content;width:fit-content}.mobile-desc__button .mobile-desc__close{display:none}.mobile-desc__button[aria-expanded=true] .mobile-desc__label{display:none;z-index:200}.mobile-desc__button[aria-expanded=true] .mobile-desc__close{display:block;z-index:400}.index-about__button{display:none}.mobile-about__button{display:none;position:absolute;left:0;right:0;bottom:var(--margins);margin:0 auto;width:-moz-fit-content;width:fit-content;z-index:350}.project-description__mobile{margin-left:var(--margins);margin-right:var(--margins);display:none;height:100%;width:calc(100dvw - var(--margins)*2);position:absolute;bottom:0;background-color:var(--color-bg);z-index:300;overflow:hidden;padding-top:5rem}.project-description__mobile-scroll{height:100%;overflow-y:auto}.project-description__mobile::before,.project-description__mobile::after{content:"";position:absolute;left:0;right:0;height:120px;pointer-events:none;z-index:1}.project-description__mobile::after{bottom:0;background:linear-gradient(to top, var(--color-bg) 20%, transparent)}.project-description__mobile .text-col{padding-top:2rem;padding-bottom:6rem}.mobile-desc__button[aria-expanded=true]+.project-description__mobile{display:flex;animation:pageEnter .4s cubic-bezier(0.23, 1, 0.32, 1) forwards}.about__mobile{position:absolute;top:0;bottom:0;z-index:200;margin-left:var(--margins);margin-right:var(--margins);display:none;overflow:hidden}.about__mobile-scroll{height:100%;overflow-y:auto}.about__mobile .text-col{padding-top:6rem}.content--error{position:fixed;inset:0;height:100dvh;width:100vw;display:flex;justify-content:center;align-items:center;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.content--error canvas{position:absolute;inset:0;width:100%;height:100%}.content--error .error__message{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;color:var(--color-fg);font-size:2rem}@keyframes pageEnter{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0px)}}@keyframes pageExit{from{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(10px)}}@keyframes fadeInItem{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}@keyframes shake{0%,100%{transform:translate(0, 0) rotate(0)}15%{transform:translate(1px, 1px) rotate(0.5deg)}30%{transform:translate(0px, 1px) rotate(0.5deg)}45%{transform:translate(1px, 0px) rotate(0.5deg)}60%{transform:translate(0px, 0px) rotate(0.5deg)}75%{transform:translate(1px, 1px) rotate(0.5deg)}90%{transform:translate(0px, 1px) rotate(0.5deg)}}@keyframes item-enter{from{opacity:50%;filter:blur(5px)}to{opacity:1;filter:blur(0px)}}.light-table{width:100%;height:100%;position:relative;z-index:2;pointer-events:none;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease,filter .3s ease}.light-table__item{display:none;cursor:move;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;z-index:300;pointer-events:auto}.light-table__item.show{display:block}.light-table__item.small{height:35%}.light-table__item.medium{height:60%}.light-table__item.large{height:75%}.light-table__item--image,.light-table__item--video{justify-content:center;align-items:center}.light-table__item--image{color:var(--color-fg)}.light-table__item--image img{display:block;height:100%;width:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;border-radius:var(--xs-radius)}.light-table__item--video{color:var(--color-bg)}.light-table__item--video video{display:block;width:auto;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;border-radius:var(--xs-radius)}.light-table__item--image.show img,.light-table__item--video.show video{animation:item-enter .5s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.light-table__counter{z-index:100;position:absolute;bottom:var(--margins);left:var(--margins)}@media(hover: hover)and (pointer: fine){.main:has(.text-col:hover) .light-table{opacity:.3;filter:blur(10px)}}@media(max-width: 1100px){header{flex-direction:column}.template-about .light-table__counter{display:none}}*{touch-action:pan-x pan-y}@media(max-width: 600px){:root{--margins: 15px;--xs-radius: 1px}html{font-size:18px;line-height:110%}header{align-items:center}header::before{content:"";position:absolute;top:-1rem;left:-1rem;right:-1rem;height:6rem;pointer-events:none;z-index:1;background:linear-gradient(to bottom, var(--color-bg) 60%, transparent)}header>*{margin-right:0}.header-about{display:none}.impressum{display:none}.impressum-mobile{left:var(--margins);padding-top:5rem;z-index:350;font-size:.7rem;letter-spacing:5%;text-transform:uppercase;line-height:125%}.impressum-mobile summary{cursor:pointer;list-style:none}.impressum-mobile summary::-webkit-details-marker{display:none}.light-table__item{top:50% !important;left:50% !important;transform:translate(calc(-50% + var(--offset-x, 0%)), calc(-50% + var(--offset-y, 0%))) !important;cursor:default;touch-action:auto}.light-table__item.small{width:70vw;height:auto}.light-table__item.medium{width:70vw;height:auto}.light-table__item.large{width:70vw;height:auto}.light-table__item--image img{height:auto;width:100%}.light-table__item--video video{width:100%;height:auto}.light-table__counter{display:none}.template-about .light-table{display:none}.project-description{display:none}.mobile-desc__button{display:flex}.mobile-about__button{display:block}.btn-hover{text-align:center}#index-panel{position:fixed;inset:0;margin:0;padding:0;z-index:400;overflow-y:auto;scroll-snap-type:y mandatory;text-align:center;font-size:1.5rem;letter-spacing:-2%;--fade-step: 0.45}#index-panel ul{padding:calc(50dvh - .85rem) 0}#index-panel li+li{margin-top:2rem}#index-panel li{scroll-snap-align:center}#index-panel li a{opacity:max(.1,1 - var(--dist, 1)*var(--fade-step));transition:opacity .5s ease}.page-overlay{background-color:hsl(from var(--color-bg) h s l/1)}button[aria-expanded=true]+#index-panel{animation:pageEnter .4s cubic-bezier(0.23, 1, 0.32, 1)}button[aria-expanded=true]~#index-preview{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:80vw;z-index:350;pointer-events:none}button[aria-expanded=true]~#index-preview img{display:block;width:100%;height:auto;border-radius:var(--xs-radius);opacity:.4;transition:opacity .5s ease}button[aria-expanded=true]~.index-about__button{display:block;position:fixed;left:0;right:0;bottom:var(--margins);margin:0 auto;width:-moz-fit-content;width:fit-content;z-index:410}#dropdown-menu{text-align:center}.about__mobile{display:block}.about__mobile-scroll::after{content:"";display:block;position:sticky;bottom:0;height:3rem;pointer-events:none;z-index:1;background:linear-gradient(to top, var(--color-bg) 20%, transparent)}.text-col{line-height:135%;padding-bottom:1rem}}/*# sourceMappingURL=main.css.map */