.as-films{margin-top:calc(var(--spacing) * 6)}.as-film-steps{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));list-style:inside decimal;display:grid}.as-film-steps img{width:100%;height:auto;margin-top:var(--spacing);border:1px solid var(--border);border-radius:var(--radius-lg);display:block}.as-film-steps [data-take]{display:block}.as-film-steps [data-take=dark],:where(.dark) .as-film-steps [data-take=light]{display:none}:where(.dark) .as-film-steps [data-take=dark]{display:block}