/* Shared collection band: marquee + editorial intro for all collection layouts.
   Stage color follows the parent section; ink/marquee adapt light vs dark. */

.luxanora-collection-band {
    --luxanora-band-stage: #131313;
    --luxanora-band-ink: #f2ede5;
    --luxanora-band-muted: #d1c9bd;
    --luxanora-band-gold: #c8a36f;
    --luxanora-band-marquee: rgba(242, 237, 229, .88);
    position: relative;
    z-index: 2;
    margin: 0;
    padding: clamp(28px, 4vw, 48px) 0 0;
    overflow: hidden;
    color: var(--luxanora-band-ink);
    background: var(--luxanora-band-stage);
}

/* White floating collection layout */
.luxanora-home-float > .luxanora-collection-band {
    --luxanora-band-stage: #ffffff;
    --luxanora-band-ink: #141414;
    --luxanora-band-muted: #6f6961;
    --luxanora-band-gold: #9a7a4a;
    --luxanora-band-marquee: rgba(20, 20, 20, .78);
}

/* Cream GP slider + grid layouts */
.luxanora-home-gp > .luxanora-collection-band,
.luxanora-home-gpg > .luxanora-collection-band {
    --luxanora-band-stage: #ebe6de;
    --luxanora-band-ink: #141414;
    --luxanora-band-muted: #6f6961;
    --luxanora-band-gold: #9a7a4a;
    --luxanora-band-marquee: rgba(20, 20, 20, .78);
}

.luxanora-collection-band__marqueewrap {
    position: relative;
    z-index: 1;
    margin: 0 0 clamp(8px, 1.5vw, 20px);
    overflow: hidden;
    pointer-events: none;
}

.luxanora-collection-band__marquee {
    display: flex;
    width: max-content;
    gap: clamp(32px, 5vw, 72px);
    color: var(--luxanora-band-marquee);
    font-family: "Luxanora Helvetica", Helvetica, sans-serif;
    font-size: clamp(42px, 7vw, 92px);
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    will-change: transform;
}

.luxanora-collection-band__marquee span {
    display: block;
    flex: 0 0 auto;
}

.luxanora-collection-band .luxanora-collection-intro {
    padding-top: clamp(28px, 4vw, 48px);
    padding-bottom: clamp(40px, 5vw, 72px);
    color: var(--luxanora-band-ink);
}

.luxanora-collection-band .luxanora-collection-intro__eyebrow {
    color: var(--luxanora-band-gold);
}

.luxanora-collection-band .luxanora-collection-intro__headline {
    color: var(--luxanora-band-ink);
}

.luxanora-collection-band .luxanora-collection-intro__description {
    border-left-color: var(--luxanora-band-gold);
    color: var(--luxanora-band-muted);
}

@media (prefers-reduced-motion: reduce) {
    .luxanora-collection-band__marquee {
        transform: none !important;
    }
}