/* ═══════════════════════════════════════════════════════════
   57 – GOLD PARTICLE AMBIENCE
   Subtile Gold-Partikel schweben über dem Hero-Bereich
   Benchmark: Cartier / La Mer / Guerlain
   
   Wie Goldstaub in sonnendurchflutetem Wasser —
   verstärkt die Marken-DNA „Swiss Liquid Gold".
   
   TECHNIK:
   - Canvas-Element über dem Hero positioniert
   - rAF-Loop mit max. 18 Partikel
   - IntersectionObserver: Pausiert wenn out-of-viewport
   - GPU-composited: Canvas ist ein eigener Compositing-Layer
   ═══════════════════════════════════════════════════════════ */

.ophyr-gold-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    /* Canvas als eigener GPU-Layer */
    will-change: contents;
    /* Sanfter Einblend-Effekt */
    opacity: 0;
    transition: opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.ophyr-gold-particles.is-active {
    opacity: 1;
}

/* ── Mobile: Weniger Partikel, reduzierte Intensität ── */
@media (max-width: 47.99rem) {
    .ophyr-gold-particles {
        /* JS reduziert die Partikelanzahl auf Mobile.
           Hier nur die Opacity leicht senken für subtileren Effekt. */
        opacity: 0;
    }

    .ophyr-gold-particles.is-active {
        opacity: 0.8;
    }
}

/* ── Reduced Motion: Keine Partikel ── */
@media (prefers-reduced-motion: reduce) {
    .ophyr-gold-particles {
        display: none !important;
    }
}