{{/* estilo-sky: the ambient nebula. Put it first inside an element that
     carries estilo-sky-host. Decorative: hidden from assistive technology,
     and every image has empty alt text. The placeholder is inline (a data:
     URI, so the page's img-src must allow data:) and paints in the first
     frame; the layers are small, cached for a year, and not lazy — the sky
     is at the top of the page, and a lazy image waits for layout.
     Data: sky.View. */}}
{{define "estilo-sky"}}<div estilo-sky aria-hidden="true">
  {{- range .Layers}}
  <img estilo-sky-layer="{{.Name}}"{{with .Tone}} estilo-sky-tone="{{.}}"{{end}} src="{{with .Inline}}{{.}}{{else}}{{.Src}}{{end}}" alt=""{{if .Src}} decoding="async"{{end}}>
  {{- end}}
</div>{{end}}