.slw-hero-media { --slw-media-accent: var(--color-primary); --slw-media-top-accent: var(--color-highlight); --slw-line-width: 6px; margin: 0; padding: 0; position: relative; }
.slw-hero-media__frame { aspect-ratio: 4 / 3; background: transparent; border: 0; border-radius: 56px 8px 42px 4px; box-shadow: none; overflow: hidden; position: relative; }
.slw-hero-media__asset { height: 100%; object-fit: cover; width: 100%; }
.slw-hero-media__overlay { background: var(--slw-media-overlay, transparent); inset: 0; pointer-events: none; position: absolute; }
.slw-hero-media__motif { bottom: -7%; color: var(--slw-media-accent); position: absolute; right: -5%; transform: rotate(7deg); width: 46%; }
.slw-hero-media__top-motif { color: var(--slw-media-top-accent); left: 9%; position: absolute; top: -8%; transform: rotate(-5deg); width: 38%; }
.slw-hero-media__motif.slw-motif--rays { bottom: auto; height: 72px; left: -18px; right: auto; top: -18px; transform: none; width: 72px; }
.slw-hero-media__caption { background: var(--color-highlight); border: 2px solid var(--color-deep); border-radius: 999px; bottom: 0; color: var(--color-deep); font-size: .78rem; font-weight: 850; left: 0; padding: .55rem .85rem; position: absolute; transform: rotate(-3deg); }