/* HR ONE film slot: hidden until assets/film/film.json enables it. Uses the Scheelen design tokens. */
#hr-one-film { display: none !important; }
#hr-one-film.is-on { display: block !important; }
.hrone-film { background: var(--ink-900, #1E2321); color: var(--text-on-dark, #fff); padding: 96px 92px 104px; box-sizing: border-box; }
.hrone-film__eyebrow { margin: 0 0 16px; font-size: var(--text-lg, 18px); font-weight: var(--fw-medium, 500); color: var(--orange-500, #F18A00); }
.hrone-film__title { margin: 0 0 40px; max-width: 22ch; font-size: 40px; line-height: 1.1; font-weight: var(--fw-heading, 700); text-transform: uppercase; letter-spacing: var(--tracking-tight, -0.01em); }
.hrone-film__frame { position: relative; width: 100%; max-width: 1256px; aspect-ratio: 16 / 9; background: #000; }
.hrone-film__frame video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 760px) { .hrone-film { padding: 64px 16px 72px; } .hrone-film__title { font-size: 28px; } }