@keyframes growBar{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.range-slider-container[data-astro-cid-5mi35xsk]{margin-top:1.5rem;margin-bottom:.75rem;width:100%;&.active{.slider-header{label,.range-values{color:#000}}}.slider-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;label{font-weight:400;text-transform:none;font-size:var(--font-size-base);letter-spacing:normal;color:#999;transition:color .3s ease}.range-values{font-family:var(--font-family-mono);font-size:var(--font-size-s1);color:#999;transition:color .3s ease}}.histogram{display:flex;align-items:flex-end;height:40px;margin-bottom:-10px;padding:0 10px;position:relative;z-index:0;@media (max-width: 690px){height:30px}.histogram-bar{height:var(--height);background-color:#eee;transform-origin:bottom;transition:height .4s ease-out,background-color .2s ease;animation:growBar .4s ease-out both;&.active{background-color:#b3b3b3}}}.slider-wrapper{position:relative;height:1.5rem;width:100%;z-index:1}.slider-track{position:absolute;top:50%;transform:translateY(-50%);height:2px;width:100%;background-color:#eee;z-index:1}input[type=range]{position:absolute;top:50%;transform:translateY(-50%);width:100%;background:none;pointer-events:none;appearance:none;z-index:2;margin:0;&::-webkit-slider-thumb{appearance:none;height:1.25rem;width:1.25rem;border-radius:50%;background:#000;cursor:pointer;pointer-events:auto;border:2px solid #fff;box-shadow:0 0 5px #0000001a}&::-moz-range-thumb{height:1.25rem;width:1.25rem;border-radius:50%;background:#000;cursor:pointer;pointer-events:auto;border:2px solid #fff;box-shadow:0 0 5px #0000001a}}}.filter-overlay-status-holder[data-astro-cid-6femhgmb]{&.visible{+aside[data-astro-cid-6femhgmb]#filter-overlay{backdrop-filter:blur(4px)}}}aside[data-astro-cid-6femhgmb]#filter-overlay{position:fixed;inset:0;z-index:200;opacity:0;transition:opacity .4s ease,backdrop-filter .4s ease;pointer-events:none;display:flex;flex-direction:row;justify-content:flex-end;backdrop-filter:blur(0px);.backdrop{position:absolute;z-index:-1;inset:0;background-color:#00000059;cursor:pointer}.inner{position:relative;z-index:50;width:var(--filter-overlay-width);padding:4.4rem 4rem 4rem;transition:transform .4s ease;transform:translate(2rem);background-color:#ffffffec;box-shadow:-2rem 0 2rem -2rem #00000026;opacity:0;transition:opacity .4s ease 0s,transform .4s ease 0s;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;@media (max-width: 1000px){padding:2rem}.close-button-x{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;cursor:pointer;color:#ccc;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:60;&:hover{color:#000}svg{width:24px;height:24px}}h3{margin-top:0;margin-bottom:2rem}.filter-group{display:flex;gap:1rem;.filter-component{flex:1}}.bottom{margin-top:2rem;.button-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;.button{flex:0 1 auto;white-space:nowrap;&.secondary{background-color:transparent;border:1px solid #999;color:#000;background-color:#fff;padding-top:calc(.75em + 2px);padding-bottom:calc(.75em + 2px);&:hover{background-color:#fff;border-color:#000}}}}}}}.filter-overlay-status-holder[data-astro-cid-6femhgmb].visible+#filter-overlay[data-astro-cid-6femhgmb]{pointer-events:all;opacity:1;.inner{transform:translate(0);opacity:1}}.filter-overlay-status-holder[data-astro-cid-6femhgmb].visible.is-loading+#filter-overlay[data-astro-cid-6femhgmb]{cursor:wait;.inner{select,input:not([type=range]){opacity:.5;pointer-events:none}input[type=range]{pointer-events:none}}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutToTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.line-content{grid-column:1;grid-row:1;display:block;will-change:transform,opacity;min-height:0}.line-content.enter{animation:slideInFromBottom .5s cubic-bezier(.16,1,.3,1) forwards}.line-content.exit{animation:slideOutToTop .5s cubic-bezier(.16,1,.3,1) forwards}:root{--filter-overlay-width: 40rem}.headline-row[data-astro-cid-avlahf3p]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.48rem;position:sticky;top:var(--header-height);z-index:100;padding-top:2rem;padding-bottom:1.5rem;#toggle-filter-overlay{background:none;border:none;cursor:pointer;color:#ccc;padding:.4rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease;gap:.5rem;margin-bottom:0;&:hover{color:#666}svg{width:24px;height:24px}span{font-size:1.1rem;font-weight:500}}.view-toggles{display:flex;gap:.5rem;button{margin-bottom:0;padding:.4rem;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#ccc;transition:color .3s ease;&:hover{color:#666}&.active{color:#000}svg{width:24px;height:24px}}}}.focus-view-sidebars[data-astro-cid-avlahf3p]{display:none;position:fixed;top:calc(var(--header-height));left:0;width:100%;height:calc(100vh - var(--header-height));pointer-events:none;z-index:10;.thumbnail-sidebar{position:absolute;left:2rem;top:5rem;width:20%;bottom:0;pointer-events:auto;overflow-y:auto;scrollbar-width:none;padding-top:1rem;mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 0%,#000 90%,transparent 100%);&::-webkit-scrollbar{display:none}@media (max-width: 690px){width:4rem;left:.5rem}.thumbnail-list{display:flex;flex-direction:column;gap:1rem;padding-bottom:20rem;.thumb-item{cursor:pointer;padding:12px;opacity:.35;transition:opacity .3s ease,transform .3s ease;width:calc(var(--breite, 20rem) / 3.5);max-width:100%;box-sizing:border-box;&.active{opacity:1;transform:scale(1.05)}&:hover{opacity:.8}img{width:100%;height:auto;display:block}}}}.details-sidebar{position:absolute;right:1rem;top:0;bottom:0;width:20%;pointer-events:none;display:flex;flex-direction:column;justify-content:center;@media (max-width: 690px){display:none!important;width:auto;top:unset;left:calc(4rem + var(--container-left-right-padding) + 2.5rem);right:calc(0rem + var(--container-left-right-padding) + 2.5rem);bottom:1.5rem}.details-content{backdrop-filter:blur(6px);background-color:#fff9;padding:.8rem 1rem;border-radius:.4rem;font-size:1rem;@media (max-width: 690px){font-size:var(--font-size-s1)}p{margin-top:0;margin-bottom:0;position:relative;overflow:hidden;line-height:1.5;display:grid;grid-template-columns:1fr;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1);white-space:nowrap;text-overflow:ellipsis;width:100%;mask-image:linear-gradient(to right,#000 0%,#000 90%,transparent 100%);&.has-content{grid-template-rows:1fr}strong{color:#999;font-weight:400}}}}}.archive-werke[data-astro-cid-avlahf3p]{.werke{list-style-type:none;padding:0;margin:0;li.werk-card{list-style-type:none;&.is-new{animation:cardAppear .6s cubic-bezier(.16,1,.3,1) both}a{display:block;transition:transform .4s ease,opacity .4s ease;will-change:transform,opacity;max-width:100%;.image-column{.image-holder{img{transition:transform .4s ease,opacity .4s ease;will-change:transform,opacity}}}.content-column{transition:opacity .4s ease;p{margin-bottom:0;margin-top:0;font-weight:400;strong{font-weight:400;color:#999}}}&:hover{opacity:1!important;text-decoration:none;.image-column{.image-holder{img{transform:scale(1.08);opacity:1}}}}}}&.werke-focus{display:flex;flex-direction:column;align-items:center;gap:20svh;padding-bottom:6rem;padding-top:17.5svh;@media (max-width: 690px){padding-left:calc(4rem - var(--container-left-right-padding) + 1.5rem)}li.werk-card{width:100%;display:flex;justify-content:center;scroll-snap-align:center;a{display:block;.content-column{display:none}.image-column{.image-holder{width:calc(var(--breite, 20rem) * 2.5);max-width:100%;margin:0 auto;img{width:100%;height:auto}}}}}}&.werke-list{&.hovered{li.werk-card{a{opacity:.25}}}li.werk-card{margin-top:6rem;margin-bottom:6rem;display:flex;justify-content:center;a{display:inline-flex;align-items:center;.image-column{min-width:50%;.image-holder{display:block;margin-left:auto;width:var(--breite, 20rem);max-width:100%}}.content-column{flex-grow:1;width:50%;padding:3rem;@media (min-width: 1001px){padding-right:0}}&:hover{.content-column{opacity:1}}}}}&.werke-grid{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:6rem;margin-top:6rem;&.hovered{li.werk-card{a{opacity:.25}}}li.werk-card{flex-basis:var(--breite, 20rem);list-style-type:none;margin-bottom:3rem;a{.content-column{display:none}}}}}}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.archive-werke:has(.werke-focus) .focus-view-sidebars[data-astro-cid-avlahf3p]{display:block}.show-more-container[data-astro-cid-avlahf3p]{display:flex;justify-content:center;padding:4rem 0;+.werke-focus[data-astro-cid-avlahf3p]{padding-bottom:20svh}}.werke-focus[data-astro-cid-avlahf3p]:has(+.show-more-container){padding-bottom:20svh}.button[data-astro-cid-avlahf3p]{display:inline-block;padding:1rem 1.8rem;background-color:#000;color:#fff;text-decoration:none;border:none;cursor:pointer;font-family:inherit;font-size:1.1rem;&:hover{background-color:#333}&.secondary{background-color:#fff;color:#000;border:1px solid #000;&:hover{background-color:#f0f0f0}}}