.hero-banner-wrap { background: var(--color-ink); }
.hero-banner { display: block; position: relative; width: 100%; aspect-ratio: 1942 / 809; overflow: hidden; background: var(--color-ink); cursor: pointer; }
.hero-banner--image { aspect-ratio: auto; }
.hero-banner__img { display: block; width: 100%; height: auto; }
.hero-banner__mosaic { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(3, 1fr); }
.hero-banner__mosaic img { width: 100%; height: 100%; display: block; object-fit: fill; user-select: none; }
.hero-banner:focus-visible { outline: 3px solid var(--color-accent); outline-offset: -3px; }