/* Studio SVB — equipe.html · Extracted Phase 5 */

:root {
            --svb-green-light: #98D0B3; 
            --svb-green-dark: #4A8D84;  
            --svb-sand: #F2E6CF;        
            --svb-peach: #E8B496;
            --svb-text: #2F4F4F;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: var(--svb-green-light);
            color: var(--svb-text);
            min-height: 100vh;
            overflow-x: hidden;
            position: relative;
        }

        /* FOND IMMERSIF */
        .ambient-bg {
            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -2;
            background: linear-gradient(180deg, #98D0B3 0%, #F2E6CF 100%);
            overflow: hidden;
        }
        .blob {
            position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.6;
            animation: moveBlob 25s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);
        }
        .blob-1 { top: -10%; left: -10%; width: 50vw; height: 50vw; background: var(--svb-green-dark); }
        .blob-2 { bottom: -10%; right: -10%; width: 60vw; height: 60vw; background: var(--svb-peach); animation-delay: -5s; }
        @keyframes moveBlob { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(30px, -50px) scale(1.1); } }
        .noise-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.05; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); pointer-events: none; }

        h1, h2, h3, .font-hand { font-family: 'Dancing Script', cursive; }

        /* Animation d'apparition */
        .reveal-load { animation: softSlideUp 1s cubic-bezier(0.2, 1, 0.3, 1) forwards; opacity: 0; }
    nav.reveal-load, header.reveal-load, section:first-of-type.reveal-load { opacity: 1 !important; animation: none !important; transform: none !important; }
        @keyframes softSlideUp { 0% { opacity: 0; transform: translateY(40px); filter: blur(5px); } 100% { opacity: 1; transform: translateY(0); filter: blur(0); } }
        .d-1 { animation-delay: 0.1s; } .d-2 { animation-delay: 0.2s; } .d-3 { animation-delay: 0.3s; }

        /* === CARTE COACH PREMIUM === */
        .coach-card {
            position: relative;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 20px;
            overflow: hidden;
            transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
            height: 450px;
            display: flex;
            align-items: flex-end;
            cursor: pointer;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            border: 1px solid rgba(255,255,255,0.4);
        }

        .coach-card::before {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: linear-gradient(to top, rgba(47, 79, 79, 0.9) 0%, rgba(47, 79, 79, 0) 60%);
            opacity: 0.7;
            transition: opacity 0.5s ease;
            z-index: 1;
        }

        .coach-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 30px 60px rgba(0,0,0,0.2);
            border-color: var(--svb-green-dark);
        }

        .coach-card:hover::before { opacity: 1; background: linear-gradient(to top, var(--svb-green-dark) 0%, rgba(74, 141, 132, 0.1) 90%); }

        .coach-img {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            object-fit: cover;
            object-position: top center;
            transition: transform 0.8s ease;
            z-index: 0;
            filter: saturate(0.95);
        }

        .coach-card:hover .coach-img { transform: scale(1.05); filter: saturate(1.1); }

        .coach-info {
            position: relative;
            z-index: 2;
            padding: 25px;
            width: 100%;
            transform: translateY(10px);
            transition: transform 0.5s ease;
        }

        .coach-card:hover .coach-info { transform: translateY(0); }

        .coach-name {
            font-size: 2.2rem;
            color: white;
            line-height: 1;
            margin-bottom: 5px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }

        .coach-role {
            font-size: 0.7rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: rgba(255,255,255,0.9);
            display: block;
            margin-bottom: 12px;
        }

        .ceo-role { color: #E8B496; text-shadow: 0 1px 5px rgba(0,0,0,0.3); }
        .resp-role { color: #98D0B3; text-shadow: 0 1px 5px rgba(0,0,0,0.3); font-weight: 800; }

        .badge-container {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            opacity: 0.8;
            transition: opacity 0.3s;
        }
        
        .coach-card:hover .badge-container { opacity: 1; }

        .badge {
            padding: 4px 10px;
            border-radius: 20px;
            font-size: 0.6rem;
            font-weight: 700;
            text-transform: uppercase;
            color: var(--svb-text);
            background-color: rgba(255,255,255,0.9);
            backdrop-filter: blur(4px);
        }

        /* WHATSAPP */
        .wa-container { position: fixed; bottom: 30px; right: 30px; z-index: 50; }
        .whatsapp-btn { background-color: #25d366; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4); transition: transform 0.3s; }
        .whatsapp-btn:hover { transform: scale(1.1); }