*,*::before,*::after{box-sizing:border-box}*{margin:0}html{height:100%}body{min-height:100%;-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{word-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}:focus{outline:0}@media all and (hover: hover){a:focus-visible,button:focus-visible{outline:7px solid gold}}::selection{background:#000;color:#fff}button{-webkit-appearance:none;appearance:none;border:0;background:rgba(0,0,0,0);cursor:pointer;color:inherit;padding:0}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.no-scrollbars::-webkit-scrollbar{display:none}.no-scrollbars{-ms-overflow-style:none;scrollbar-width:none}hr{border:0;margin:0;padding:0}strong,b,em,i{font-weight:inherit;font-style:inherit}.mediabox{position:relative;height:0;display:block;padding-bottom:calc(100%/var(--ratio));width:100%;background:#eee;background:var(--average-color, #eee)}.mediabox img,.mediabox canvas{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.mediabox img:not(.lqip),.mediabox canvas:not(.lqip){z-index:1}.mediabox img.lqip,.mediabox canvas.lqip{z-index:0}.mediabox img.-contain,.mediabox canvas.-contain{object-fit:contain}.mediabox img.is-lazy,.mediabox canvas.is-lazy{transition:opacity 250ms;opacity:0}.mediabox img.lazyloaded,.mediabox canvas.lazyloaded{opacity:1}@font-face{font-family:Soehne;src:url(soehne-buch.woff2) format("woff2")}@media(min-width: 420px){.xs\:hidden{display:none !important}}@media(max-width: 420px){.xs\:max\:hidden{display:none !important}}@media(min-width: 667px){.s\:hidden{display:none !important}}@media(max-width: 667px){.s\:max\:hidden{display:none !important}}@media(min-width: 1024px){.m\:hidden{display:none !important}}@media(max-width: 1024px){.m\:max\:hidden{display:none !important}}@media(min-width: 1280px){.l\:hidden{display:none !important}}@media(max-width: 1280px){.l\:max\:hidden{display:none !important}}@media(min-width: 1480px){.xl\:hidden{display:none !important}}@media(max-width: 1480px){.xl\:max\:hidden{display:none !important}}:root{--ff-sans: OracleVariable, sans-serif;--ff-serif: ABCArizonaSerifVariable, serif;--background-light: #fff;--color-light: #111;--color-transparent-light: rgba(0, 0, 0, 0.15);--color-transparent-light-hover: rgba(0, 0, 0, 0.15);--background-dark: #111;--color-dark: #fff;--color-transparent-dark: rgba(255, 255, 255, 0.15);--color-transparent-dark-hover: rgba(255, 255, 255, 0.2);--line-height: 1.3;--radius-round: 10000px;--gap: 0.5rem;--double-gap: calc(var(--gap) * 2);--half-gap: calc(var(--gap) * 0.5);--header-height: 3.5rem;--footer-height: var(--header-height);--header-spacing: calc( var(--header-height) - var(--gap));--overlay-border-radius: 1rem}@media(min-width: 1280px){:root{--overlay-border-radius: 1.8rem}}:where(html){--shadow-color: 0 0% 0%;--shadow-strength: 10%;--shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--shadow-2: 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));--shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-4: 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));--shadow-5: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))}.is-changing{--fade-size: 50vw}.is-changing .transition-main:first-child:not(.is-next-container){transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position, -webkit-mask-position;transition-duration:500ms;transition-timing-function:ease-in-out}.is-changing .transition-main:first-child{z-index:3}.is-changing .transition-main:first-child{-webkit-mask-image:linear-gradient(to top, black 50%, transparent calc(50% + var(--fade-size)));mask-image:linear-gradient(to top, black 50%, transparent calc(50% + var(--fade-size)));-webkit-mask-size:100% calc(200% + var(--fade-size)*2);mask-size:100% calc(200% + var(--fade-size)*2);-webkit-mask-position:bottom;mask-position:bottom}.is-changing .transition-main.is-next-container{-webkit-mask-position:top;mask-position:top}.to-right .transition-main:first-child{-webkit-mask-image:linear-gradient(to left, black 50%, transparent calc(50% + var(--fade-size)));mask-image:linear-gradient(to left, black 50%, transparent calc(50% + var(--fade-size)));-webkit-mask-size:calc(200% + var(--fade-size)*2) 100%;mask-size:calc(200% + var(--fade-size)*2) 100%;-webkit-mask-position:right;mask-position:right}.to-right .transition-main.is-next-container{-webkit-mask-position:left;mask-position:left}.to-left .transition-main:first-child{-webkit-mask-image:linear-gradient(to right, black 50%, transparent calc(50% + var(--fade-size)));mask-image:linear-gradient(to right, black 50%, transparent calc(50% + var(--fade-size)));-webkit-mask-size:calc(200% + var(--fade-size)*2) 100%;mask-size:calc(200% + var(--fade-size)*2) 100%;-webkit-mask-position:left;mask-position:left}.to-left .transition-main.is-next-container{-webkit-mask-position:right;mask-position:right}.to-bottom .transition-main:first-child{-webkit-mask-image:linear-gradient(to bottom, black 50%, transparent calc(50% + var(--fade-size)));mask-image:linear-gradient(to bottom, black 50%, transparent calc(50% + var(--fade-size)));-webkit-mask-size:100% calc(200% + var(--fade-size)*2);mask-size:100% calc(200% + var(--fade-size)*2);-webkit-mask-position:top;mask-position:top}.to-bottom .transition-main.is-next-container{-webkit-mask-position:bottom;mask-position:bottom}.text{line-height:1.4;word-wrap:break-word;min-width:0;max-width:100%;-webkit-hyphens:auto;hyphens:auto}@media(min-width: 667px){.text{-webkit-hyphens:none;hyphens:none}}.text>*+*{margin-top:.75em}.text ul{list-style:"✔ ";padding-left:1.3em}.text li+li{margin-top:.25em}.text--small{font-size:20px}:root{font-size:max(20px, min(4vw, 35px))}body{font-family:Soehne,sans-serif;line-height:1.3;line-height:var(--line-height);-moz-osx-font-smoothing:grayscale;--frame-size: 2rem;--background: var(--background-light);--color: var(--color-light);--color-transparent: var(--color-transparent-light);--color-transparent-hover: var(--color-transparent-light-hover);background:#fff;background:var(--background);color:#111;color:var(--color)}#root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template-areas:"main"}.page{position:relative;z-index:1;grid-area:main;display:grid;grid-template-areas:"main";overflow:hidden;background:#fff;height:100%;display:grid;grid-template-areas:"main";background:#000;color:#fff}.page.template--home{background:#fff;color:#000;padding-top:0;padding-bottom:0}.nav,.content{grid-area:main;scrollbar-width:none}.nav::-webkit-scrollbar,.content::-webkit-scrollbar{display:none}.content{overflow:auto;display:grid;grid-template-areas:"main";position:relative}.page.template--default .content{--_visible: calc(var(--frame-size) * 2);--_invisible: calc(var(--frame-size) * 0.3);-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--frame-size) * 0.3), black calc(var(--frame-size) * 2), black calc(100% - (var(--frame-size) * 2)), transparent calc(100% - (var(--frame-size) * 0.3)));mask-image:linear-gradient(to bottom, transparent calc(var(--frame-size) * 0.3), black calc(var(--frame-size) * 2), black calc(100% - (var(--frame-size) * 2)), transparent calc(100% - (var(--frame-size) * 0.3)));-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--frame-size) * 0.3), black calc(var(--frame-size) * 2), black calc(100% - calc(var(--frame-size) * 2)), transparent calc(100% - calc(var(--frame-size) * 0.3)));mask-image:linear-gradient(to bottom, transparent calc(var(--frame-size) * 0.3), black calc(var(--frame-size) * 2), black calc(100% - calc(var(--frame-size) * 2)), transparent calc(100% - calc(var(--frame-size) * 0.3)));-webkit-mask-image:linear-gradient(to bottom, transparent var(--_invisible), black var(--_visible), black calc(100% - var(--_visible)), transparent calc(100% - var(--_invisible)));mask-image:linear-gradient(to bottom, transparent var(--_invisible), black var(--_visible), black calc(100% - var(--_visible)), transparent calc(100% - var(--_invisible)));padding-left:0.5rem;padding-right:0.5rem;padding-left:var(--gap);padding-right:var(--gap);padding-top:calc(var(--frame-size)*2);padding-bottom:calc(var(--frame-size)*2);display:block}.page.template--default .content .text{max-width:75ch;margin-left:auto;margin-right:auto}#spheres-slot--passive{position:fixed;top:0;right:0;bottom:0;left:0;transform:translateX(-100000px)}.nav{grid-area:main;display:grid;grid-template-areas:"main";color:#fff;mix-blend-mode:difference;pointer-events:none;position:relative;z-index:100;white-space:nowrap}.nav a{-webkit-text-decoration:none;text-decoration:none;pointer-events:all}.navlist{grid-area:main;display:grid;--link-height: var(--frame-size);grid-template-columns:repeat(3, 1fr);grid-template-rows:var(--frame-size) 1fr var(--frame-size);grid-template-rows:var(--link-height) 1fr var(--link-height)}.navlist_item{display:flex;align-items:center}.navlist_item_link{height:var(--link-height);display:inline-flex;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-left:var(--gap);padding-right:var(--gap);pointer-events:all}.navlist ::selection{background:#fff;color:#000}a.--hover{transition:letter-spacing 200ms ease-out;-webkit-user-select:none;user-select:none}@media all and (hover: hover){a.--hover:not(.is-disabled):not(:disabled):hover{letter-spacing:.05em}}a.--hover:not(.is-disabled):not(:disabled).is-active{letter-spacing:.05em}a.--hover:not(.is-disabled):not(:disabled):active{letter-spacing:.05em}.navlist_item--top{grid-column:1/-1;justify-content:left;display:flex;gap:.3rem;padding-right:0.5rem;padding-right:var(--gap)}.navlist_item--top>*:first-child{margin-right:auto}.navlist_item--left{grid-row:-1}.navlist_item--center{grid-row:-1;grid-column:2;justify-content:center}.navlist_item--right{grid-row:-1;grid-column:3;justify-content:right}.template--home .navlist_item--bottom{justify-content:space-between;padding-left:.6rem;padding-right:.6rem}.template--home .navlist_item--bottom .navlist_item_link:nth-child(2){position:absolute;left:50%;transform:translateX(-50%)}.feather{display:inline-block;--size: 1.2em;width:1.2em;width:var(--size);height:1.2em;height:var(--size);stroke-width:1.5px;position:relative;top:.05em}.work{grid-area:main;background:#000;overflow:auto;height:100%}.work.has-columns{overflow:hidden;display:grid;grid-template-areas:"main"}.work_columns{grid-area:main;display:grid;grid-template-columns:repeat(2, 50%);height:100%;overflow:hidden}.work_column{overflow-y:auto}.work_column{scrollbar-width:none}.work_column::-webkit-scrollbar{display:none}.work_entry{position:relative}.work_entry:first-child,.work_columns+.work_entry{margin-top:var(--frame-size)}.work_entry_visual{position:relative;z-index:1}.work_entry_visual video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;object-fit:cover;opacity:0;transition:opacity 400ms linear}.work_entry_visual video.is-visible{opacity:1}.work_entry_info{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:0.5rem;padding:var(--gap);font-size:max(20px,.8rem);overflow:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 33.33%, black 66.66%);mask-image:linear-gradient(to bottom, transparent 33.33%, black 66.66%);-webkit-mask-position:top;mask-position:top;-webkit-mask-size:100% 300%;mask-size:100% 300%;transition:-webkit-mask-position 400ms;transition:mask-position 400ms;transition:mask-position 400ms, -webkit-mask-position 400ms;scrollbar-width:none;-webkit-backdrop-filter:blur(40px) brightness(60%);backdrop-filter:blur(40px) brightness(60%)}.work_entry_info::-webkit-scrollbar{display:none}.show-info .work_entry_info{-webkit-mask-position:bottom;mask-position:bottom}.work_entry_button{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:2}.show-info .work_entry_button{display:none}.textblock+.textblock{margin-top:calc(0.5rem * 2);margin-top:var(--double-gap)}.textblock_header{margin-bottom:calc(0.5rem * 2);margin-bottom:var(--double-gap)}.textblock_body{background:#fff;color:#000;border-radius:2em;--_padding: 1.5em;padding:1.5em;padding:var(--_padding)}.lightbox{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:rgba(0,0,0,.85);cursor:no-drop;transition:opacity 300ms}.lightbox:not(.is-visible){opacity:0;transform:translateX(-200%);position:fixed}.lightbox .image{position:absolute;top:var(--frame-size);left:var(--frame-size);width:calc(100% - var(--frame-size)*2);height:calc(100% - var(--frame-size)*2);visibility:hidden}.lightbox .image.is-visible{visibility:visible}.lightbox .mediabox{position:static}.lightbox .mediabox img{object-fit:contain}.expandable{position:relative;grid-template-columns:1fr;display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out}.expandable.is-expanded{grid-template-rows:1fr}.expandable_content{margin:calc(var(--_padding)*-1) !important}.expandable_content{min-height:430px;overflow:hidden;padding:var(--_padding)}.expandable:not(.is-expanded) .expandable_content{-webkit-mask-image:linear-gradient(to bottom, black, black calc(100% - 10rem), transparent calc(100% - 1.5rem));mask-image:linear-gradient(to bottom, black, black calc(100% - 10rem), transparent calc(100% - 1.5rem))}.expandable_toggle{position:absolute;bottom:var(--_padding);left:var(--_padding);display:flex;align-items:center;margin-left:-0.3em;z-index:1}
@media(min-width: 420px){.xs\:hidden{display:none !important}}@media(max-width: 420px){.xs\:max\:hidden{display:none !important}}@media(min-width: 667px){.s\:hidden{display:none !important}}@media(max-width: 667px){.s\:max\:hidden{display:none !important}}@media(min-width: 1024px){.m\:hidden{display:none !important}}@media(max-width: 1024px){.m\:max\:hidden{display:none !important}}@media(min-width: 1280px){.l\:hidden{display:none !important}}@media(max-width: 1280px){.l\:max\:hidden{display:none !important}}@media(min-width: 1480px){.xl\:hidden{display:none !important}}@media(max-width: 1480px){.xl\:max\:hidden{display:none !important}}@keyframes pulse{0%{background:#fff}45%{background:#fff}55%{background:#000}100%{background:#000}}@keyframes fade{0%{background:#fff}25%{background:#a1fdd2}50%{background:#dbb3fe}75%{background:#bcdff9}100%{background:#fff}}.spheres{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity 1000ms;touch-action:none;--offsetX: 0;--offsetY: 0;filter:drop-shadow(calc(0 * 1px) calc(0 * 1px) max(3px, min(12px, var(--distance) * 1px)) rgba(0, 0, 0, 0.1));filter:drop-shadow(calc(var(--offsetX) * 1px) calc(var(--offsetY) * 1px) max(3px, min(12px, var(--distance) * 1px)) rgba(0, 0, 0, 0.1))}@media(min-width: 667px){.spheres{padding-top:var(--frame-size);padding-bottom:var(--frame-size)}}.spheres.is-ready{opacity:1}.spheres canvas{width:100%;height:100%;display:block;position:relative;z-index:2;pointer-events:none}.spheres_overlay{pointer-events:none;z-index:3}.spheres_overlay_link{display:block;display:grid;color:#fff;pointer-events:all;border-radius:50%}.spheres_overlay_link:before{content:"";display:block;width:calc(3.2px*var(--zoom));height:calc(3.2px*var(--zoom));border-radius:50%;border:1px solid red}.spheres_overlay_link span{position:absolute;top:85%;width:100%;text-align:center}.helper-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-evenly;z-index:1;display:none}.helper-grid>*{flex:none;border-left:1px solid;background:rgba(255,0,0,.5);width:30%}