/* hero P2, motyw M: pas sceny zostaje pusty (ten sam układ co H), tłem całego hero jest płonąca złota spirala (podgląd) */
.hero-scena[data-motyw="s"] { --px: 6px; height: calc(32 * var(--px) + 1px); }
.hero-scena[data-motyw="s"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--hair); }
@media (min-width: 701px) { .hero-srodek:has(> .hero-scena[data-motyw="s"]) { justify-content: flex-end; padding: 24px 0 calc(32 * 6px + 1px + 12px); } }
@media (max-width: 700px) { .hero-scena[data-motyw="s"] { --px: 4px; } .hero-srodek:has(> .hero-scena[data-motyw="s"]) { justify-content: space-between; } }
.hero:has(.hero-scena[data-motyw="s"]) { position: relative; isolation: isolate; }
.hm-tlo { position: absolute; left: 0; top: 0; z-index: -1; display: block; pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 14%, #000 80%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 14%, #000 80%, transparent 100%); }