*,*::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:400;font-size:1rem}a{color:currentColor}@font-face{font-family:Soehne;font-style:normal;font-weight:600;src:url(soehne-dreiviertelfett.woff2) format("woff2");font-display:swap}@font-face{font-family:Soehne Mono;font-style:normal;font-weight:400;src:url(soehne-mono-web-buch.woff2) format("woff2");font-display:swap}:root{--ff-sans: "Soehne Mono", monospace;--ff-sans-2: "Soehne", sans-serif;--color-bg: #f9f9f9;--color-fg: #000;--color-accent: #ff00d6;--color-grey-200: #e4e4e4;--color-grey-300: #d4d4d4;--border-width: 1.5px;--line-height: 1.1;--text-default: clamp( 1rem, 0.5769230769vw + 0.8701923077rem, 1.375rem );--text-default-line: clamp( 1.2rem, 0.6923076923vw + 1.0442307692rem, 1.65rem );--text-md: clamp( 1.25rem, 0.7692307692vw + 1.0769230769rem, 1.75rem );--text-md-line: clamp( 1.375rem, 0.8461538462vw + 1.1846153846rem, 1.925rem );--block-padding: clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )}html{background-color:#f9f9f9;background-color:var(--color-bg)}body{font-family:"Soehne Mono", monospace;font-family:var(--ff-sans);line-height:1.1;line-height:var(--line-height);color:#000;color:var(--color-fg);-moz-osx-font-smoothing:grayscale;padding:clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem );padding:var(--block-padding)}.artpiece-list{display:flex;flex-direction:column;padding:clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem ) calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )/2);padding:var(--block-padding) calc(var(--block-padding)/2);margin:0;border:1.5px solid #000;border:var(--border-width) solid var(--color-fg)}.artpiece-list li{list-style:none;border-bottom:1.5px solid #000;border-bottom:var(--border-width) solid var(--color-fg);padding-bottom:calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )/2);padding-bottom:calc(var(--block-padding)/2)}.artpiece-list li+li{padding-top:calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )/2);padding-top:calc(var(--block-padding)/2)}.artpiece-list li:last-child{border-bottom:none}.artpiece-list__item{display:grid;grid-template-columns:max-content 1fr;-moz-column-gap:calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )*.75);column-gap:calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )*.75);grid-column-gap:calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )*.75);grid-column-gap:calc(var(--block-padding)*.75);-moz-column-gap:calc(var(--block-padding)*.75);column-gap:calc(var(--block-padding)*.75);align-items:center}.artpiece-list__item__number{display:grid;align-items:center;justify-items:center;place-items:center;position:relative;font-family:"Soehne", sans-serif;font-family:var(--ff-sans-2);font-weight:600;font-size:clamp( 1.5rem, 1.7307692308vw + 1.1105769231rem, 2.625rem );width:clamp( 2.25rem, 2.5961538462vw + 1.6658653846rem, 3.9375rem );height:clamp( 2.25rem, 2.5961538462vw + 1.6658653846rem, 3.9375rem )}.artpiece-list__item__number span{line-height:0;padding-bottom:.1em}.artpiece-list__item__number svg{box-shadow:0px 0px 15px 4px #ff00d6;box-shadow:0px 0px 15px 4px var(--color-accent);background-color:#ff00d6;background-color:var(--color-accent);border-radius:100%;width:94%;height:94%}.artpiece-list__item__number>*{grid-row:1;grid-column:1}.artpiece{font-size:clamp( 1rem, 0.5769230769vw + 0.8701923077rem, 1.375rem );font-size:var(--text-default);line-height:clamp( 1.2rem, 0.6923076923vw + 1.0442307692rem, 1.65rem );line-height:var(--text-default-line);cursor:pointer}.artpiece+.artpiece{border-top:1.5px solid #d4d4d4;border-top:var(--border-width) solid var(--color-grey-300);margin-top:clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem );margin-top:var(--block-padding);padding-top:clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem );padding-top:var(--block-padding)}.artpiece h1,.artpiece h2{font-size:clamp( 1.25rem, 0.7692307692vw + 1.0769230769rem, 1.75rem );font-size:var(--text-md);line-height:clamp( 1.375rem, 0.8461538462vw + 1.1846153846rem, 1.925rem );line-height:var(--text-md-line)}.artpiece h1{text-transform:uppercase;letter-spacing:.08em}.artpiece h2{margin-bottom:.12em}.artpiece__versions{display:flex;flex-direction:row;gap:clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem );gap:var(--block-padding);margin-top:clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem );margin-top:var(--block-padding)}.video-overlay{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center}.video-overlay--show{pointer-events:auto}.video-overlay iframe{display:none}.video-overlay--embed video{display:none}.video-overlay--embed iframe{display:block}.video-overlay__player__close{position:absolute;top:clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem );top:var(--block-padding);right:clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem );right:var(--block-padding);width:4rem;height:4rem;padding:calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )*.5);padding:calc(var(--block-padding)*.5);cursor:pointer}.video-overlay__player__close svg{width:100%;height:100%}.video-overlay__player{opacity:0;width:100%;height:100%}.video-overlay__player video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-overlay__player iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-overlay__player--ready{opacity:1;z-index:2}.video-overlay__backdrop{opacity:0;background-color:#000;background-color:var(--color-fg);position:absolute;top:0;right:0;bottom:0;left:0}.pill{margin-left:calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )*-1);margin-left:calc(var(--block-padding)*-1);margin-top:calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )/-2);margin-top:calc(var(--block-padding)/-2);padding-left:clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem );padding-right:clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem );padding-left:var(--block-padding);padding-right:var(--block-padding);padding-top:calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )/2);padding-bottom:calc(clamp( 0.75rem, 0.6730769231vw + 0.5985576923rem, 1.1875rem )/2);padding-top:calc(var(--block-padding)/2);padding-bottom:calc(var(--block-padding)/2)}