/* Werkseite — hier darf es langweilig gut sein: Medium groß,
   darunter Katalog-Präzision. Die Eigenwilligkeit lebt in den Indizes. */
.werk {
    padding: calc(var(--bar-height) + 1rem) 1.25rem 4rem;
    max-width: 64rem;
    margin: 0 auto;
}

.werk-video, .werk-bild {
    width: 100%;
    max-height: 75dvh;
    object-fit: contain;
    background: #000;
}

.werk-titel {
    /* Das Werk trägt der Loop darüber, nicht die Zeile darunter */
    margin-top: 1.5rem;
    font-family: var(--font-ui);
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-wrap: balance;
}

.werk-fakten {
    margin-top: 0.6rem;
    font-size: 0.95rem;
    letter-spacing: 0.05em;
    color: var(--ash);
}

.werk-statement {
    margin-top: 1.5rem;
    max-width: 38rem;
    font-size: 1rem;
    line-height: 1.7;
}