.film-case .header nav a, .film-case .text-link, .film-case .case-back, .film-case .case-facts dt { font-size: 1rem; }
.film-opening { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 4rem; align-items: start; }
.film-opening h1 { color: var(--accent); font-size: clamp(3rem,6vw,5.5rem); }
.film-opening h1 span { display: block; margin-top: .25em; font-size: .58em; letter-spacing: -.035em; }
.film-opening h2 { margin: 0; }
.film-screen { margin: 3rem 0 0; scroll-margin-top: 2rem; }
.film-screen video { display: block; width: 100%; aspect-ratio: 16/9; background: #101415; }
.film-screen video:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
.film-chapters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 2rem; padding-block: 1rem 4rem; }
.film-chapters a { border-top: 1px solid var(--line); padding: 1rem 0; color: var(--accent); text-decoration: none; }
.film-chapters a:hover { text-decoration: underline; }
.film-case .case-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 4rem; }
.film-case .case-row h2 { max-width: 19ch; }
.film-tools { margin: 2rem 0 0; }
.film-tools > div { display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; padding: .8rem 0; border-top: 1px solid var(--line); }
.film-tools dt { color: var(--accent); }
.film-tools dd { margin: 0; }
.film-sequences { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; margin-top: 3rem; }
.film-sequences figure { margin: 0; }
.film-sequences img { display: block; width: 100%; height: auto; }
.film-sequences figcaption { color: var(--ink); font-size: 1rem; text-transform: none; letter-spacing: normal; }
.film-sequences figcaption span { color: var(--accent); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }
.film-sequences h3 { margin-top: 1rem; }
.film-workflow { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 2rem; list-style: none; padding: 0; margin: 3rem 0 0; }
.film-workflow li { border-top: 1px solid var(--line); padding-top: 1.5rem; }
.film-workflow span { font-size: 3rem; font-weight: 200; color: var(--accent); }
.film-workflow h3 { margin-top: 1rem; }
.film-workflow p { font-size: 1rem; }
.film-case .case-actions { justify-content: space-between; padding-bottom: 3rem; }
@media(max-width:900px) {
 .film-opening, .film-case .case-row { gap: 2rem; }
 .film-case .case-row { grid-template-columns: 1fr; }
 .film-case .case-row h2 { max-width: none; }
 .film-workflow { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .film-sequences { gap: 1rem; }
}
@media(max-width:600px) {
 .film-opening, .film-chapters, .film-sequences, .film-workflow { grid-template-columns: 1fr; }
 .film-chapters { padding-bottom: 2rem; }
 .film-tools > div { grid-template-columns: 1fr; gap: .3rem; }
 .film-sequences { gap: 2rem; }
}

.film-illustrated { align-items: center; }
.film-case .film-illustrated h2 { margin-bottom: 2rem; max-width: none; }
.film-drawing { margin: 0; overflow: hidden; min-width: 0; }
.film-drawing img { display: block; width: 135%; max-width: none; height: auto; }

.film-illustrated[aria-labelledby="qualitaet"] .film-drawing img { width: 123%; }

@media (min-width: 901px) {
 .film-illustrated[aria-labelledby="rolle"] > .film-drawing { grid-column: 1; grid-row: 1; }
 .film-illustrated[aria-labelledby="rolle"] > .case-copy { grid-column: 2; grid-row: 1; }
}