/* Homepage-only MOELUME banner; shared typography remains unchanged. */
.moelume-home { position: relative; padding: 0; background: var(--avorio-caldo); scroll-margin-top: var(--header-height); }
.moelume-home-layout { width: 100%; margin: 0; display: grid; align-items: center; }
.moelume-home-copy { min-width: 0; width: min(calc(100% - (2 * var(--gutter))), var(--misura-pagina)); margin-inline: auto; padding-block: var(--sezione-y); }
.moelume-home-play { display: inline-block; margin-top: var(--spazio-6); padding: .75rem 1.25rem; border-radius: .75rem; background: #F1B8BF; color: #000000; font-weight: 700; text-decoration: none; }
.moelume-home-art { display: block; }
.moelume-home-art { position: relative; min-width: 0; width: 100%; aspect-ratio: 4 / 3; max-height: 780px; }
.moelume-home-art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-mask-image: none; mask-image: none; }
@media (min-width: 1025px) {
  .moelume-home-layout { padding-left: max(var(--gutter), calc((100% - var(--misura-pagina)) / 2)); grid-template-columns: minmax(0, min(40vw, 30rem)) minmax(0, 1fr); gap: var(--spazio-6); }
  .moelume-home-copy { width: 100%; margin: 0; padding-block: var(--spazio-7); }
  .moelume-home-art { margin-top: -1px; align-self: stretch; aspect-ratio: auto; max-height: none; min-height: clamp(420px, calc(50vw - 100px), 680px); }
}