
        /* FOND UNIQUE */
        body {
            background-color: #3e2723;
            background: radial-gradient(circle at 50% 30%, #421202e6 0%, #421202 71%, #1a120b 100%);
            background-attachment: fixed;
            color: white;
            min-height: 100vh;
            overflow-x: hidden;
        }

        /* Animation Flottante */
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
        }
        .animate-float { animation: float 6s ease-in-out infinite; }

        /* Texte Arrière plan */
        .outline-text {
            -webkit-text-stroke: 2px rgba(255, 255, 255, 0.03);
            color: transparent;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            text-align: center;
            font-size: 15vw;
            font-weight: 900;
            z-index: -1;
            pointer-events: none;
            white-space: nowrap;
        }

        /* SYSTEME D'ANIMATION SCROLL (REVEAL) */
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 1s cubic-bezier(0.5, 0, 0, 1);
            will-change: opacity, transform;
        }
        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Délais d'animation */
        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }
        .delay-300 { transition-delay: 300ms; }
        .delay-400 { transition-delay: 400ms; }
        .delay-500 { transition-delay: 500ms; }
        /* Texte Arrière plan : Ajusté pour mobile */
        .outline-text {
            -webkit-text-stroke: 2px rgba(255, 255, 255, 0.03);
            color: transparent;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            text-align: center;
            /* Changement ici : plus petit sur mobile */
            font-size: 12vw; 
            font-weight: 900;
            z-index: -1;
            pointer-events: none;
            white-space: nowrap;
            /* Sécurité anti-débordement */
            overflow: hidden; 
        }