Victor Campenaerts, l'influencer strategico che Visma non sapeva di avere

Victor Campenaerts – L'Influencer Strategico di Visma | RadioCiclismo :root { --black: #111111; --white: #ffffff; --accent: #f26522; --red: #c0392b; --pink: #e91e8c; --blue: #1565c0; --gray: #6b6b6b; --light: #fff4ee; --card: #ffffff; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { background-color: var(--white); color: var(--black); font-family: 'DM Sans', sans-serif; font-size: 17px; line-height: 1.75; overflow-x: hidden; } /* ── HERO ── */ .hero { position: relative; background: var(--black); color: var(--white); padding: 90px 5vw 70px; overflow: hidden; } .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, rgba(242,101,34,0.22) 0%, transparent 60%), radial-gradient(ellipse at 10% 80%, rgba(242,101,34,0.08) 0%, transparent 55%); pointer-events: none; } .hero-label { display: inline-block; background: var(--accent); color: var(--black); font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; padding: 5px 14px; margin-bottom: 28px; } .hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.4rem, 6vw, 4.8rem); font-weight: 900; line-height: 1.05; max-width: 820px; margin-bottom: 28px; } .hero h1 em { color: var(--accent); font-style: italic; } .hero-sub { font-size: 1.05rem; color: rgba(245,242,235,0.7); max-width: 560px; margin-bottom: 40px; font-weight: 300; } .hero-meta { display: flex; gap: 32px; flex-wrap: wrap; font-size: 0.82rem; color: rgba(245,242,235,0.5); letter-spacing: 0.05em; } .hero-meta span strong { color: var(--accent); } /* ── STAT STRIP ── */ .stat-strip { background: var(--accent); padding: 0 5vw; display: flex; gap: 0; overflow-x: auto; } .stat-item { flex: 1; min-width: 160px; padding: 22px 20px; border-right: 1px solid rgba(0,0,0,0.15); text-align: center; } .stat-item:last-child { border-right: none; } .stat-num { display: block; font-family: 'Playfair Display', serif; font-size: 2rem; font-weight: 700; color: var(--black); line-height: 1; } .stat-desc { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(0,0,0,0.6); margin-top: 4px; } /* ── LAYOUT ── */ .container { max-width: 880px; margin: 0 auto; padding: 0 5vw; } section { padding: 60px 0; } section + section { border-top: 1px solid rgba(0,0,0,0.08); } h2 { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 700; line-height: 1.15; margin-bottom: 20px; } h2 .hl { color: var(--red); } p { margin-bottom: 18px; color: #2a2a2a; } /* ── PULL QUOTE ── */ .pull-quote { border-left: 4px solid var(--accent); margin: 36px 0; padding: 20px 28px; background: var(--light); font-family: 'Playfair Display', serif; font-size: 1.25rem; font-style: italic; line-height: 1.5; color: var(--black); } .pull-quote cite { display: block; margin-top: 10px; font-family: 'DM Sans', sans-serif; font-size: 0.82rem; font-style: normal; font-weight: 600; letter-spacing: 0.08em; color: var(--gray); text-transform: uppercase; } /* ── EPISODE CARDS ── */ .episodes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; margin-top: 32px; } .episode-card { background: var(--card); border: 1px solid rgba(0,0,0,0.08); padding: 28px 24px; position: relative; overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease; } .episode-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,0,0,0.1); } .episode-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; } .episode-card.pink::before { background: var(--pink); } .episode-card.blue::before { background: var(--blue); } .episode-card.gold::before { background: var(--accent); } .episode-card.red::before { background: var(--red); } .ep-badge { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 12px; } .ep-badge.pink { color: var(--pink); } .ep-badge.blue { color: var(--blue); } .ep-badge.gold { color: #c08000; } .ep-badge.red { color: var(--red); } .episode-card h3 { font-family: 'Playfair Display', serif; font-size: 1.1rem; margin-bottom: 10px; line-height: 1.3; } .episode-card p { font-size: 0.9rem; color: #555; margin-bottom: 0; } .ep-reaction { margin-top: 14px; font-size: 0.82rem; font-weight: 600; color: var(--gray); display: flex; align-items: center; gap: 6px; } .ep-reaction .dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); } /* ── METRICS PANEL ── */ .metrics-panel { background: var(--black); color: var(--white); padding: 48px 40px; margin: 40px 0; } .metrics-panel h3 { font-family: 'Playfair Display', serif; font-size: 1.4rem; color: var(--accent); margin-bottom: 28px; } .metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px; } .metric-box {} .metric-box .big { font-family: 'Playfair Display', serif; font-size: 2.6rem; font-weight: 700; line-h