:root{color-scheme:dark;--gold:#d7ae68;--text:#f3efe7}*{box-sizing:border-box}html{background:#000}body{margin:0;background:#000;color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit}.intro-page{overflow:hidden}.intro{height:100svh;display:grid;place-items:center;position:relative;isolation:isolate}.intro-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;transform-origin:50% 50%}.intro-art img{position:absolute;width:100%;height:100%;object-fit:contain}.intro-grey{filter:grayscale(1) brightness(.72);opacity:0;animation:grey-appear 3s ease-out forwards}.intro-gold{opacity:0;animation:gold-appear 4s ease-in-out 2.8s forwards}.intro-actions{z-index:3;position:absolute;bottom:5vh;display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:0;animation:actions-appear 1s ease 12s forwards}.quiet-button{background:rgba(0,0,0,.75);border:1px solid #b9945e;color:#f7e6c9;padding:13px 24px;letter-spacing:.1em;cursor:pointer}.quiet-button:hover,.quiet-button:focus-visible{background:#3b2b18}.skip{font-size:.75rem;color:#b5a58c;text-decoration:none}.intro-art.leaving{animation:travel 1.9s cubic-bezier(.35,0,.2,1) forwards}.intro-page.leaving .intro-actions{opacity:0;pointer-events:none;animation:none}.intro-page.leaving:after{content:"";position:fixed;inset:0;background:#000;z-index:2;animation:fade-overlay 1.9s ease forwards;pointer-events:none}@keyframes grey-appear{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes gold-appear{from{opacity:0}to{opacity:1}}@keyframes actions-appear{to{opacity:1}}@keyframes travel{to{transform:scale(2.25) rotate(23deg)}}@keyframes fade-overlay{0%,50%{opacity:0}100%{opacity:1}}.content-page{min-height:100svh;isolation:isolate}.site-background{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),url('../images/hintergrund.png');background-size:cover;background-position:center;pointer-events:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:22px clamp(20px,5vw,80px);font-size:.8rem;color:#d4c7b6}.site-header a{text-decoration:none}.brand{font-size:1.2rem;letter-spacing:-.04em;font-weight:bold;color:#e8d6b5}.archive{max-width:1100px;margin:7vh auto;padding:0 24px}.archive h1{font-size:clamp(2.4rem,6vw,5rem);font-weight:300;margin:0 0 8px}.intro-copy{color:#d0c2ac;margin-bottom:50px}.film{background:#17120d;border:1px solid #6d5840;padding:10px 0;box-shadow:0 20px 50px #0009}.perforations{height:17px;background:repeating-linear-gradient(90deg,transparent 0 10px,#b4a189 10px 24px,transparent 24px 39px);background-size:auto 11px;background-repeat:repeat-x;background-position:center}.frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:5px 10px}.frame,.frame-empty{position:relative;aspect-ratio:4/3;background:#080808;border:2px solid #43382a;overflow:hidden}.frame{display:block;outline-offset:4px}.frame img{width:100%;height:100%;object-fit:cover;filter:brightness(.82);transition:filter .3s,transform .6s}.frame:hover img,.frame:focus-visible img{filter:brightness(1.1);transform:scale(1.045)}.frame-label{position:absolute;bottom:0;left:0;right:0;padding:15px 10px 8px;background:linear-gradient(transparent,#000c);font-size:clamp(.7rem,1.5vw,1rem)}.frame-empty{background:linear-gradient(130deg,#15120e,#080808 65%)}.preview{margin-top:22px;max-width:520px;padding:22px 26px;border-left:1px solid var(--gold);background:rgba(7,6,5,.9);opacity:.25;transition:opacity .35s}.film:has(.frame:hover)+.preview,.film:has(.frame:focus-visible)+.preview,.preview:hover{opacity:1}.preview p{line-height:1.8}.preview a{font-size:.85rem;color:var(--gold)}.eyebrow{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.hint{font-size:.8rem;color:#a69b8d}.article{max-width:980px;margin:35px auto 100px;padding:0 20px}.work-image{margin:0}.work-image img{display:block;width:100%;height:auto}.work-text{margin:65px auto;max-width:460px;background:rgba(0,0,0,.7);padding:30px clamp(20px,4vw,50px)}.work-text pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(.95rem,1.8vw,1.12rem);line-height:1.45;margin:0}.resonance{max-width:640px;margin:80px auto;padding:25px;border-top:1px solid #7b6241;background:#0009}.resonance h2{font-size:1.2rem;font-weight:normal;color:var(--gold)}.resonance p{color:#aaa}.back{display:block;text-align:center;color:var(--gold);margin:60px auto}@media(max-width:640px){.site-header span{display:none}.frames{grid-template-columns:1fr 1fr}.frame-empty:last-child{display:none}.archive{margin-top:10vh}.work-text{margin:25px auto}.intro-art img{object-fit:contain}.site-background{background-position:55% center}}@media(prefers-reduced-motion:reduce){.intro-grey{animation:none;opacity:0}.intro-gold{animation:none;opacity:1}.intro-actions{animation:none;opacity:1}.intro-art.leaving{animation:none}.intro-page.leaving:after{animation:none;opacity:1}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}