<!DOCTYPE html>
<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" class="tw:bg-white tw:dark:bg-[#121212]">
  <head>



<link rel="dns-prefetch" href="//exmarketplace.com">
<link rel="preconnect" href="//cdn.exmarketplace.com">
<link rel="preconnect" href="//securepubads.g.doubleclick.net">
<link rel='preconnect' href='https://imasdk.googleapis.com'>
<link rel='dns-prefetch' href='https://imasdk.googleapis.com'>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-WLSCLY7QYF"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }

    gtag('consent', 'default', {
    'ad_storage': 'denied',
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'analytics_storage': 'denied'
  });

  gtag('js', new Date());
  gtag('config', 'G-WLSCLY7QYF');
</script>




<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
        onload="gtag('event', 'gpt_script_loaded', { 'non_interaction': true });"
        onerror="gtag('event', 'gpt_script_failed', { 'non_interaction': true });"></script>

<script>
    window.addEventListener('load', function () {
    var s = document.createElement('script');
    s.src = 'https://cdn.exmarketplace.com/bidder/gpone/gpone.dfp.min.js';
    s.onload = function () {
      if (window.gtag) gtag('event', 'gpone_dfp_script_loaded', { 'non_interaction': true });
    };
    s.onerror = function () {
      if (window.gtag) gtag('event', 'gpone_dfp_script_failed', { 'non_interaction': true });
    };
    document.head.appendChild(s);
  });
</script>



    <meta charset="utf-8" />
<script>window.exmp_category_key = 'homepage';</script>
<title>GPOne.com | MotoGP, Superbike, F1, Live timing, Car &amp; Bike Reviews</title>
<meta name="description" content="Real-time news on MotoGP, Superbike, and Formula 1. Car and bike tests, exclusive videos, podcasts, and galleries." />
<meta property="og:title" content="GPOne.com | MotoGP, Superbike, F1, Live timing, Car &amp; Bike Reviews" />
<meta property="og:description" content="Real-time news on MotoGP, Superbike, and Formula 1. Car and bike tests, exclusive videos, podcasts, and galleries." />
<meta property="og:url" content="https://www.gpone.com/en" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "NewsMediaOrganization",
    "name": "GPOne",
    "url": "https://www.gpone.com/en",
    "logo": "https://www.gpone.com/sites/default/files/logo-gpone.png",
    "sameAs": [
        "https://www.facebook.com/GPOnecom",
        "https://x.com/gponedotcom",
        "https://www.youtube.com/gponedotcom",
        "https://www.instagram.com/gponedotcom",
        "https://open.spotify.com/show/4D6amPXT6lSA9JGKUUlpQn?si=bfb744af2eed44a8",
        "https://music.youtube.com/playlist?list=PLjSIfzv4bX9UumoXclKSczwVBkCcJNcgv"
    ],
    "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "editorial office",
        "email": "info@gpone.com"
    }
}</script>
<meta name="description" content="Real-time news on MotoGP, Superbike, and Formula 1. Car and bike tests, exclusive videos, podcasts, and galleries from the paddock. Your motorsport authority." />
<link rel="shortlink" href="https://www.gpone.com/it" />
<meta name="robots" content="index, follow, notranslate" />
<link rel="canonical" href="https://www.gpone.com/it" />
<meta property="fb:pages" content="220350997978634" />
<meta property="fb:app_id" content="170207099754705" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<link rel="alternate" hreflang="x-default" href="https://www.gpone.com/en" />
<link rel="alternate" hreflang="en" href="https://www.gpone.com/en" />
<link rel="alternate" hreflang="it" href="https://www.gpone.com/it" />
<link rel="alternate" hreflang="id" href="https://www.gpone.com/id" />
<link rel="alternate" hreflang="es" href="https://www.gpone.com/es" />

    <script>
      if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
        document.documentElement.classList.add('dark');
      } else {
        document.documentElement.classList.remove('dark');
      }
    </script>
    <title>GPOne.com: MotoGP, Superbike, Auto, Moto, Podcast, Video</title>




<link rel="stylesheet" media="all" href="/sites/default/files/css/css_Aq1rscvn-FvkkTDr1EITeWltNSl62ke7XHJUBsLVMZo.css?delta=0&amp;language=en&amp;theme=gpone&amp;include=eJw1i1EOwiAQBS-E3SMRWp4U3bIbFize3tbqzyQzycxoDdVjqBiiv2c-1CihoAZ2i1RQrF0DT-ERhsNonMvz337qkkoBJZb5mC7RVZrYnhVX8NptpRM3lpQXZ29r2GgOBvfK2I2-nDaJnfEBGzI77w" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_56ayKECRoP1HdaEvdbZj6lZd6MPmdwf6jT-ljsC5pl8.css?delta=1&amp;language=en&amp;theme=gpone&amp;include=eJw1i1EOwiAQBS-E3SMRWp4U3bIbFize3tbqzyQzycxoDdVjqBiiv2c-1CihoAZ2i1RQrF0DT-ERhsNonMvz337qkkoBJZb5mC7RVZrYnhVX8NptpRM3lpQXZ29r2GgOBvfK2I2-nDaJnfEBGzI77w" />

    

 

  <link rel="stylesheet" href="/libraries/flag-icons-main/css/flag-icons.min.css">   
  <link rel="stylesheet" href="/libraries/fontawesome-free-7.2.0-web/css/all.min.css">   




<link rel="icon" type="image/png" href="/themes/custom/gpone/assets/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/themes/custom/gpone/assets/favicon/favicon.svg" />
<link rel="shortcut icon" href="/themes/custom/gpone/assets/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/gpone/assets/favicon/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="GPOne" />
<link rel="manifest" href="/manifest.json">




    <style>
      [x-cloak] { display: none !important; }
      .no-scroll { overflow: hidden !important; }
      
            a[href$=".jpg"] img, a[href$=".jpeg"] img, a[href$=".png"] img, a[href$=".webp"] img { cursor: zoom-in; }
      
      .pswp { 
        --pswp-bg: rgba(0, 0, 0, 0.95); 
      }
      
            .pswp__bg { cursor: pointer; }
    </style>







<script>
/*
  window.addEventListener('load', function() {
    // Definiamo gli script base (sempre presenti)
    const baseScripts = [
        'https://cdn.exmarketplace.com/bidder/gpone/gpone.dfp.min.js'
      ];

    // Funzione per iniettare gli script in sequenza o parallelo
    baseScripts.forEach(function(src) {
      const s = document.createElement('script');
      s.src = src;
      s.async = true;
      document.head.appendChild(s);
    });
  });
*/
</script>






<script async src="https://fundingchoicesmessages.google.com/i/pub-2978275084874625?ers=1"></script>
<script>(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script>




<!-- Clarity tracking code for https://www.gpone.com/ -->
<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "x3sdp5ixhs");
</script>


  </head>

  


  <body id="gpone-body"  class="path-frontpage page-home path-home" >
    

      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    
<a href="#gpone-main-content" class="skip-link">Skip to main content</a>



<script>
    if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
        document.documentElement.classList.add('dark');
    }
</script>

<style>
    /* Di base (mobile e tablet) la skin è nascosta o non applicata */
    #gpone-page-wrapper {
        max-width: 100%;
        background-color: #000000;
        background-image: none;
    }

    /* Si attiva solo da 1280px in su */
    @media (min-width: 80rem) { 
        #gpone-page-wrapper {
            background-image: url('');
            background-attachment: fixed;
            background-position: center top;
            background-repeat: no-repeat;
            background-size: cover;
        }
    }


/* Previene icone doppie all'avvio nel dark mode toggle */
#icon-sun, #icon-moon {
    display: none !important;
}

/* Mostra il Sole se NON è dark mode */
html:not(.dark) #icon-sun {
    display: block !important;
}

/* Mostra la Luna se È dark mode */
html.dark #icon-moon {
    display: block !important;
}

/* Assicura che l'overlay di ricerca sia sopra i contenuti ma sotto la nav principale */
#gpone-search-overlay {
    transition: all 0.2s ease-in-out;
}

</style>

<div id="gpone-page-wrapper" class="tw:mx-auto tw:min-h-screen tw:flex tw:flex-col tw:text-gray-900 tw:dark:text-gray-200 tw:bg-[#2B313A]">

        
    <header id="gpone-header" class="tw:sticky tw:top-0 tw:z-[100]">
    <nav id="gpone-main-nav" aria-label="Main navigation" class="tw:w-full tw:bg-black tw:text-white tw:shadow-md">
        
        <div class="tw:px-4 tw:flex tw:justify-between tw:items-center tw:h-16 tw:relative tw:z-[200] tw:bg-black">
            
            <div id="gpone-nav-logo" class="tw:flex-none tw:min-w-[120px]">
                <a href="/en" class="tw:block" rel="home">
                    <img src="/sites/default/files/logo-gpone.png" class="tw:h-10 tw:md:h-12 tw:w-auto" width="200" height="48" fetchpriority="high" alt="GPOne">
                </a>
            </div>

            <div id="gpone-nav-primary-menu" class="tw:hidden tw:lg:flex tw:flex-1 tw:justify-start tw:lg:justify-center">
                <div class="menu-wrapper">
                        <nav class="tw:w-full" role="navigation" aria-labelledby="block-gpone-navigazioneprincipale-menu" id="block-gpone-navigazioneprincipale">
            
  <h2 class="visually-hidden" id="block-gpone-navigazioneprincipale-menu">Navigazione principale</h2>
  

        
<div class="gpone-navigation tw:w-full">
          
          <ul class="tw:flex tw:flex-col tw:lg:flex-row tw:items-stretch tw:lg:justify-center tw:lg:gap-1 tw:xl:gap-2 tw:2xl:gap-3 tw:list-none tw:p-0 tw:m-0 tw:w-full tw:max-md:mt-6">
    
                  
        
                
                                            
        <li id="menu-item-100" class="tw:group tw:relative tw:flex tw:flex-col tw:w-full tw:lg:w-auto tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontrack/motogp-series" class="tw:whitespace-nowrap tw:block tw:w-full tw:py-2 tw:lg:py-5 tw:px-4 tw:lg:px-1 tw:xl:px-2 tw:2xl:px-6 tw:text-white tw:hover:text-[#FF3333] tw:uppercase tw:no-underline  tw:text-base tw:font-bold tw:lg:font-normal tw:lg:text-sm tw:xl:text-base tw:2xl:text-lg tw:3xl:text-lg">MotoGP Series</a>
          </div>

                              
          <ul class="tw:list-none tw:p-0 tw:m-0 tw:w-full tw:z-[100]
                tw:flex tw:flex-row tw:flex-wrap tw:gap-x-3 tw:gap-y-1 tw:py-2 tw:pl-6 tw:pr-2
                tw:lg:hidden tw:lg:group-hover:flex tw:lg:flex-col tw:lg:flex-nowrap 
        tw:lg:absolute tw:lg:top-full tw:lg:left-0 tw:lg:w-max tw:lg:bg-[#111111] 
        tw:lg:border-t tw:lg:border-white/10 tw:lg:shadow-2xl tw:lg:p-0">
    
                  
        
                
                                            
        <li id="menu-item-133" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontrack/motogp" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">MotoGP</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-96" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontrack/moto2" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">Moto2</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-97" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontrack/moto3" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">Moto3</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-109" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/ontrack/live-timing" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">Live Timing</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-108" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/ontrack/results" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">Results</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-105" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/ontrack/standings" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">Standings</a>
          </div>

                  </li>
              </ul>
  
                  </li>
                        
        
                
                                            
        <li id="menu-item-89" class="tw:group tw:relative tw:flex tw:flex-col tw:w-full tw:lg:w-auto tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontrack/superbike" class="tw:whitespace-nowrap tw:block tw:w-full tw:py-2 tw:lg:py-5 tw:px-4 tw:lg:px-1 tw:xl:px-2 tw:2xl:px-6 tw:text-white tw:hover:text-[#FF3333] tw:uppercase tw:no-underline  tw:text-base tw:font-bold tw:lg:font-normal tw:lg:text-sm tw:xl:text-base tw:2xl:text-lg tw:3xl:text-lg">SUPERBIKE</a>
          </div>

                              
          <ul class="tw:list-none tw:p-0 tw:m-0 tw:w-full tw:z-[100]
                tw:flex tw:flex-row tw:flex-wrap tw:gap-x-3 tw:gap-y-1 tw:py-2 tw:pl-6 tw:pr-2
                tw:lg:hidden tw:lg:group-hover:flex tw:lg:flex-col tw:lg:flex-nowrap 
        tw:lg:absolute tw:lg:top-full tw:lg:left-0 tw:lg:w-max tw:lg:bg-[#111111] 
        tw:lg:border-t tw:lg:border-white/10 tw:lg:shadow-2xl tw:lg:p-0">
    
                  
        
                
                                            
        <li id="menu-item-104" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontrack/wsbk" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">WSBK</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-102" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontrack/motoamerica" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">MOTOAMERICA</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-106" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontrack/civ" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">CIV</a>
          </div>

                  </li>
              </ul>
  
                  </li>
                        
        
                
                                            
        <li id="menu-item-94" class="tw:group tw:relative tw:flex tw:flex-col tw:w-full tw:lg:w-auto tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/other" class="tw:whitespace-nowrap tw:block tw:w-full tw:py-2 tw:lg:py-5 tw:px-4 tw:lg:px-1 tw:xl:px-2 tw:2xl:px-6 tw:text-white tw:hover:text-[#FF3333] tw:uppercase tw:no-underline  tw:text-base tw:font-bold tw:lg:font-normal tw:lg:text-sm tw:xl:text-base tw:2xl:text-lg tw:3xl:text-lg">More</a>
          </div>

                              
          <ul class="tw:list-none tw:p-0 tw:m-0 tw:w-full tw:z-[100]
                tw:flex tw:flex-row tw:flex-wrap tw:gap-x-3 tw:gap-y-1 tw:py-2 tw:pl-6 tw:pr-2
                tw:lg:hidden tw:lg:group-hover:flex tw:lg:flex-col tw:lg:flex-nowrap 
        tw:lg:absolute tw:lg:top-full tw:lg:left-0 tw:lg:w-max tw:lg:bg-[#111111] 
        tw:lg:border-t tw:lg:border-white/10 tw:lg:shadow-2xl tw:lg:p-0">
    
                  
        
                
                                            
        <li id="menu-item-103" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/dakar" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">Dakar</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-107" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/news" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">News</a>
          </div>

                  </li>
              </ul>
  
                  </li>
                        
        
                
                                            
        <li id="menu-item-95" class="tw:group tw:relative tw:flex tw:flex-col tw:w-full tw:lg:w-auto tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/formula-1" class="tw:whitespace-nowrap tw:block tw:w-full tw:py-2 tw:lg:py-5 tw:px-4 tw:lg:px-1 tw:xl:px-2 tw:2xl:px-6 tw:text-white tw:hover:text-[#FF3333] tw:uppercase tw:no-underline  tw:text-base tw:font-bold tw:lg:font-normal tw:lg:text-sm tw:xl:text-base tw:2xl:text-lg tw:3xl:text-lg">Formula 1</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-110" class="tw:group tw:relative tw:flex tw:flex-col tw:w-full tw:lg:w-auto tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/ontrack/calendar" class="tw:whitespace-nowrap tw:block tw:w-full tw:py-2 tw:lg:py-5 tw:px-4 tw:lg:px-1 tw:xl:px-2 tw:2xl:px-6 tw:text-white tw:hover:text-[#FF3333] tw:uppercase tw:no-underline  tw:text-base tw:font-bold tw:lg:font-normal tw:lg:text-sm tw:xl:text-base tw:2xl:text-lg tw:3xl:text-lg">Calendar</a>
          </div>

                  </li>
                                  
        
                
                                            
        <li id="menu-item-111" class="tw:group tw:relative tw:flex tw:flex-col tw:w-full tw:lg:w-auto tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontheroad" class="tw:whitespace-nowrap tw:block tw:w-full tw:py-2 tw:lg:py-5 tw:px-4 tw:lg:px-1 tw:xl:px-2 tw:2xl:px-6 tw:text-white tw:hover:text-[#FF3333] tw:uppercase tw:no-underline  tw:text-base tw:font-bold tw:lg:font-normal tw:lg:text-sm tw:xl:text-base tw:2xl:text-lg tw:3xl:text-lg">On the road</a>
          </div>

                              
          <ul class="tw:list-none tw:p-0 tw:m-0 tw:w-full tw:z-[100]
                tw:flex tw:flex-row tw:flex-wrap tw:gap-x-3 tw:gap-y-1 tw:py-2 tw:pl-6 tw:pr-2
                tw:lg:hidden tw:lg:group-hover:flex tw:lg:flex-col tw:lg:flex-nowrap 
        tw:lg:absolute tw:lg:top-full tw:lg:left-0 tw:lg:w-max tw:lg:bg-[#111111] 
        tw:lg:border-t tw:lg:border-white/10 tw:lg:shadow-2xl tw:lg:p-0">
    
                  
        
                
                                            
        <li id="menu-item-90" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontheroad/moto" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">Motorcycles</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-91" class="tw:group tw:relative tw:flex tw:flex-col tw:w-auto tw:lg:w-full tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/ontheroad/auto" class="tw:block tw:w-full tw:uppercase tw:no-underline  tw:py-1 tw:text-[#A1A1A1] tw:text-sm tw:font-medium tw:lg:text-base tw:lg:font-normal tw:lg:py-3 tw:lg:px-6 tw:lg:text-left tw:lg:text-white tw:lg:hover:text-[#FF3333] tw:lg:hover:bg-white/5">Cars</a>
          </div>

                  </li>
              </ul>
  
                  </li>
                                  
        
                
                                            
        <li id="menu-item-93" class="tw:group tw:relative tw:flex tw:flex-col tw:w-full tw:lg:w-auto tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/news/playtime" class="tw:whitespace-nowrap tw:block tw:w-full tw:py-2 tw:lg:py-5 tw:px-4 tw:lg:px-1 tw:xl:px-2 tw:2xl:px-6 tw:text-white tw:hover:text-[#FF3333] tw:uppercase tw:no-underline  tw:text-base tw:font-bold tw:lg:font-normal tw:lg:text-sm tw:xl:text-base tw:2xl:text-lg tw:3xl:text-lg">PLAYTIME</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-92" class="tw:group tw:relative tw:flex tw:flex-col tw:w-full tw:lg:w-auto tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/blog/paolo-scalera" class="tw:whitespace-nowrap tw:block tw:w-full tw:py-2 tw:lg:py-5 tw:px-4 tw:lg:px-1 tw:xl:px-2 tw:2xl:px-6 tw:text-white tw:hover:text-[#FF3333] tw:uppercase tw:no-underline  tw:text-base tw:font-bold tw:lg:font-normal tw:lg:text-sm tw:xl:text-base tw:2xl:text-lg tw:3xl:text-lg">BLOG</a>
          </div>

                  </li>
                        
        
                
                                            
        <li id="menu-item-101" class="tw:group tw:relative tw:flex tw:flex-col tw:w-full tw:lg:w-auto tw:border-b tw:border-white/5 tw:lg:border-b-0">
          <div class="tw:flex tw:items-center tw:justify-start tw:w-full tw:hover:bg-white/5 tw:lg:hover:bg-transparent">
            <a href="/en/section/podcast" class="tw:whitespace-nowrap tw:block tw:w-full tw:py-2 tw:lg:py-5 tw:px-4 tw:lg:px-1 tw:xl:px-2 tw:2xl:px-6 tw:text-white tw:hover:text-[#FF3333] tw:uppercase tw:no-underline  tw:text-base tw:font-bold tw:lg:font-normal tw:lg:text-sm tw:xl:text-base tw:2xl:text-lg tw:3xl:text-lg">Podcast</a>
          </div>

                  </li>
              </ul>
  
</div>


  </nav>


                </div>
            </div>

            <div id="gpone-nav-actions" class="tw:flex-none tw:flex tw:items-center tw:justify-end tw:gap-1 tw:md:gap-3 tw:min-w-[160px]">
                
                <div class="tw:w-8 tw:h-8 tw:flex tw:items-center tw:justify-center">
                    <div id="pwa-install-overlay" class="tw:hidden tw:fixed tw:inset-0 tw:z-[9999] tw:flex tw:items-center tw:justify-center tw:bg-black/60 tw:backdrop-blur-sm tw:p-4">
    <div class="tw:relative tw:bg-white tw:dark:bg-gray-900 tw:w-full tw:max-w-sm tw:rounded-2xl tw:shadow-2xl tw:p-6 tw:text-center">
        <button id="close-pwa-modal" class="tw:absolute tw:top-3 tw:right-3 tw:text-gray-400">
            <i class="fa-solid fa-xmark tw:text-xl"></i>
        </button>

        <img src="/sites/default/files/logo-gpone.png" class="tw:w-24 tw:mx-auto tw:mb-4">
        
        <h3 class="tw:text-xl tw:font-black tw:text-gray-900 tw:dark:text-white tw:mb-2">Install GPOne.com</h3>
        <p class="tw:text-sm tw:text-gray-600 tw:dark:text-gray-400 tw:mb-6">Add GPone to your home screen for quick access and real-time notifications.</p>

        <div id="pwa-action-area">
            <button id="pwa-confirm-install" class="tw:hidden tw:w-full tw:bg-[#E00000] tw:text-white tw:py-3 tw:rounded-xl tw:font-bold tw:flex tw:items-center tw:justify-center tw:gap-2">
                <i class="fa-solid fa-plus-circle"></i> Add to home screen
            </button>

            <div id="pwa-ios-instructions" class="tw:hidden tw:bg-[#181817] tw:dark:bg-gray-800 tw:p-4 tw:rounded-xl tw:text-left">
                <p class="tw:text-sm tw:font-bold tw:mb-3 tw:text-center">IPHONE INSTRUCTIONS:</p>
                <div class="tw:flex tw:items-start tw:gap-3 tw:text-sm">
                    <div class="tw:bg-white tw:dark:bg-gray-700 tw:p-2 tw:rounded-lg tw:text-black tw:dark:text-white">1</div>
                    <p>Tap the <strong>Share</strong> <i class="fa-solid fa-arrow-up-from-bracket tw:text-blue-500"></i> button</p>
                </div>
                <div class="tw:flex tw:items-start tw:gap-3 tw:text-sm tw:mt-3">
                    <div class="tw:bg-white tw:dark:bg-gray-700 tw:p-2 tw:rounded-lg tw:text-black tw:dark:text-white">2</div>
                    <p>Scroll down and select <strong>"Add to Home Screen"</strong>.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    [x-cloak] { display: none !important; }

    /* Rimuove il flash grigio nativo del browser al touch */
    .category-toggle-label, #gpone-notification-trigger {
        -webkit-tap-highlight-color: transparent;
    }

    /* Freccia pannello: posizionata via JS per allinearsi alla campanella */
    #gpone-panel-arrow {
        position: absolute;
        top: -8px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #dc2626;
        pointer-events: none;
        transition: left 0.2s ease;
    }
    #gpone-panel-arrow::after {
        content: '';
        position: absolute;
        top: 2px;
        left: -7px;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid white;
    }
    .dark #gpone-panel-arrow::after {
        border-bottom-color: #2B313A;
    }
</style>

<button id="gpone-notification-trigger" 
        class="tw:relative tw:w-10 tw:h-10 tw:transition-all tw:duration-200 tw:cursor-pointer tw:items-center tw:justify-center tw:rounded-full tw:active:scale-90 tw:select-none" 
        aria-label="Push Notifications">
    <i id="bell-neutral" class="fa-solid fa-bell tw:text-xl tw:text-gray-400 tw:duration-200 tw:hover:text-red-600"></i>
    <i id="bell-on" class="fa-solid fa-bell tw:text-xl tw:text-red-600" style="display: none;"></i>
    <i id="bell-off" class="fa-solid fa-bell-slash tw:text-xl tw:text-gray-400" style="display: none;"></i>
    
    <div id="notif-loader" class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center tw:rounded-full" style="display: none;">
        <i class="fa-solid fa-circle-notch fa-spin tw:text-red-600 tw:text-sm"></i>
    </div>
</button>

<div id="gpone-preferences-panel" 
     class="tw:border tw:border-solid tw:border-red-600 tw:hidden tw:fixed tw:inset-x-4 tw:top-20 tw:m-auto tw:max-w-sm tw:md:absolute tw:md:inset-auto tw:md:right-0 tw:md:top-full tw:md:mt-3 tw:md:w-95 tw:z-[9999] tw:bg-white tw:dark:bg-[#2B313A] tw:overflow-visible tw:opacity-0 tw:transition-opacity tw:duration-300">

    <div id="gpone-panel-arrow"></div>
    <div class="tw:flex tw:items-center tw:justify-between tw:p-3 tw:px-4" style="background-color: var(--color-motogp);">
        <h3 class="tw:font-bold tw:text-sm tw:uppercase tw:text-white">Personalize your experience</h3>
    </div>

    <div id="gpone-settings-content" class="tw:p-4 tw:space-y-4 tw:max-h-[75vh] tw:overflow-y-auto">
        <div class="tw:text-sm tw:text-black tw:dark:text-white tw:pb-2 tw:border-b tw:border-gray-100 tw:dark:border-white/5">
            Select the categories and follow the topics you are interested in to receive real-time updates.
        </div>

        
                <div class="tw:space-y-2">
            <span class="tw:text-sm tw:font-bold tw:text-black tw:dark:text-white tw:uppercase tw:block tw:px-1">Ontrack</span>
            <div class="tw:grid tw:grid-cols-3 tw:gap-2">
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="highlights">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        Highlights
                    </div>
                </label>
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="motogp">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        MotoGP
                    </div>
                </label>
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="moto2">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        Moto2
                    </div>
                </label>
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="moto3">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        Moto3
                    </div>
                </label>
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="wsbk">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        WorldSBK
                    </div>
                </label>
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="motoamerica">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        MotoAmerica
                    </div>
                </label>
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="civ">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        CIV
                    </div>
                </label>
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="f1">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        Formula 1
                    </div>
                </label>
                            </div>
        </div>
                <div class="tw:space-y-2">
            <span class="tw:text-sm tw:font-bold tw:text-black tw:dark:text-white tw:uppercase tw:block tw:px-1">Onroad</span>
            <div class="tw:grid tw:grid-cols-3 tw:gap-2">
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="moto">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        Motorcycles
                    </div>
                </label>
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="auto">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        Cars
                    </div>
                </label>
                            </div>
        </div>
                <div class="tw:space-y-2">
            <span class="tw:text-sm tw:font-bold tw:text-black tw:dark:text-white tw:uppercase tw:block tw:px-1">Playtime</span>
            <div class="tw:grid tw:grid-cols-3 tw:gap-2">
                                <label class="category-toggle-label tw:relative tw:flex tw:items-center tw:justify-center tw:group tw:cursor-pointer tw:select-none">
                    <input type="checkbox" class="category-toggle tw:peer tw:sr-only" value="playtime">
                    <div class="tw:w-full tw:text-center tw:py-1.5 tw:px-2 tw:text-xs tw:font-semibold tw:uppercase tw:transition-all tw:duration-200
                                tw:bg-gray-100 tw:dark:bg-white/5 tw:text-gray-700 tw:dark:text-gray-300
                                tw:peer-checked:bg-red-600 tw:peer-checked:text-white tw:peer-checked:shadow-lg tw:peer-checked:shadow-red-600/20
                                tw:active:scale-95">
                        Playtime
                    </div>
                </label>
                            </div>
        </div>
                
        <div class="tw:pt-4 tw:border-t tw:border-gray-100 tw:dark:border-white/5">
             <span class="tw:text-sm tw:font-bold tw:text-black tw:dark:text-white tw:uppercase tw:block tw:px-1">Follow your favorite topics</span>

             <div class="tw:flex tw:gap-2">
                <input type="text" id="keyword-input" placeholder="Rider, Team, Brand..." 
                       class="tw:flex-1 tw:bg-gray-50 tw:dark:bg-black/20 tw:border tw:border-gray-200 tw:dark:border-white/10 tw:text-sm tw:rounded-full tw:px-4 tw:py-2 tw:outline-none tw:focus:ring-2 tw:focus:ring-red-600/50 tw:text-black tw:dark:text-white tw:placeholder-black tw:dark:placeholder-white">
                <button id="add-keyword-btn" class="tw:bg-red-600 tw:text-white tw:w-10 tw:h-10 tw:rounded-full tw:flex tw:items-center tw:justify-center tw:transition-all tw:hover:bg-red-700 tw:active:scale-90 tw:shadow-lg tw:shadow-red-600/20">
                    <i class="fa-solid fa-plus"></i>
                </button>
             </div>
             <div id="keywords-list" class="tw:flex tw:flex-wrap tw:gap-1.5 tw:mt-4"></div>
        </div>

        <div class="tw:pt-3 tw:border-t tw:border-gray-100 tw:dark:border-white/5 tw:text-center">
            <button id="reset-token-btn"
                    class="tw:text-xs tw:text-gray-400 tw:dark:text-gray-500 tw:hover:text-red-600 tw:dark:hover:text-red-500 tw:transition-colors tw:cursor-pointer tw:underline tw:underline-offset-2">
                <i class="fa-solid fa-rotate-right tw:mr-1"></i>Reset notifications
            </button>
        </div>
    </div>
</div>
                </div>

                <button id="gpone-search-toggle" 
                        type="button"
                        aria-label="Open search bar"
                        aria-expanded="false" 
                        aria-controls="gpone-search-overlay"
                        class="tw:w-10 tw:h-10 tw:flex tw:items-center tw:justify-center tw:cursor-pointer tw:text-white tw:relative tw:z-[210]">
                    <i class="fa-solid fa-magnifying-glass tw:text-lg"></i>
                </button>

                <div id="gpone-language-switcher" class="tw:w-10 tw:h-10 tw:flex tw:items-center tw:justify-center">
                        <div class="language-switcher-language-url tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14" id="block-gpone-selettorelingua" role="navigation">
  
    
      <div 
    x-data="{ open: false }" 
    @click.away="open = false" 
    class="tw:relative tw:inline-block tw:text-left"
  >
                                                                      
    
        <button 
      @click="open = !open" 
      type="button" 
      class="tw:flex tw:items-center tw:gap-2 tw:px-3 tw:py-2 tw:text-[13px] tw:font-black tw:uppercase tw:text-white hover:tw:text-[#ff0000]  tw:cursor-pointer"
    >
                  
      <span class="fi fi-gb tw:text-sm tw:rounded-sm"></span>
      <span class="tw:ml-1 tw:hidden">English</span>
      <i class="fa-solid fa-chevron-down tw:text-[10px] tw:transition-transform tw:duration-200" :class="open ? 'tw:rotate-180' : ''"></i>
    </button>

        <ul 
      x-show="open" 
      x-cloak
      x-transition:enter="tw:transition tw:ease-out tw:duration-100"
      x-transition:enter-start="tw:opacity-0 tw:scale-95"
      x-transition:enter-end="tw:opacity-100 tw:scale-100"
      class="tw:absolute tw:right-0 tw:mt-1 tw:min-w-[160px] tw:bg-[#111111] tw:border tw:border-white/10 tw:shadow-2xl tw:z-[500] tw:list-none tw:p-0 tw:m-0"
    >
            <li class="tw:border-b tw:border-white/10">
                        <a href="/en" class="tw:flex tw:items-center tw:px-4 tw:py-3 tw:text-[12px] tw:font-bold tw:text-[#ff0000] tw:bg-white/5 tw:uppercase tw:no-underline">
                    <span class="fi fi-gb tw:text-base tw:mr-3 tw:rounded-sm" style="width: 1.3em; height: 1em;"></span>
          English
          <i class="fa-solid fa-check tw:ml-auto tw:text-[10px]"></i>
        </a>
      </li>

                                            <li class="tw:border-b tw:border-white/5 last:tw:border-0">
                                    
                        <a href="/it" class="tw:flex tw:items-center tw:px-4 tw:py-3 tw:text-[12px] tw:font-bold tw:text-gray-300 hover:tw:bg-[#ff0000] hover:tw:text-white tw:no-underline tw:uppercase ">
              <span class="fi fi-it tw:text-base tw:mr-3 tw:rounded-sm" style="width: 1.3em; height: 1em;"></span>
              Italian
            </a>
          </li>
                                <li class="tw:border-b tw:border-white/5 last:tw:border-0">
                                    
                        <a href="/id" class="tw:flex tw:items-center tw:px-4 tw:py-3 tw:text-[12px] tw:font-bold tw:text-gray-300 hover:tw:bg-[#ff0000] hover:tw:text-white tw:no-underline tw:uppercase ">
              <span class="fi fi-id tw:text-base tw:mr-3 tw:rounded-sm" style="width: 1.3em; height: 1em;"></span>
              Indonesian
            </a>
          </li>
                                <li class="tw:border-b tw:border-white/5 last:tw:border-0">
                                    
                        <a href="/es" class="tw:flex tw:items-center tw:px-4 tw:py-3 tw:text-[12px] tw:font-bold tw:text-gray-300 hover:tw:bg-[#ff0000] hover:tw:text-white tw:no-underline tw:uppercase ">
              <span class="fi fi-es tw:text-base tw:mr-3 tw:rounded-sm" style="width: 1.3em; height: 1em;"></span>
              Spanish
            </a>
          </li>
                  </ul>
  </div>
  </div>

                </div>

                <button id="gpone-darkmode-toggle" 
                        type="button"
                        aria-label="Toggle dark mode"
                        class="tw:w-10 tw:h-10 tw:flex tw:items-center tw:justify-center tw:relative">
                    <i id="icon-sun" class="fa-solid fa-sun tw:text-lg tw:text-[#FFB800] tw:absolute"></i>
                    <i id="icon-moon" class="fa-solid fa-moon tw:text-lg tw:text-[#E0E7FF] tw:absolute"></i>
                </button>

                <button id="gpone-mobile-menu-toggle" 
                        type="button"
                        aria-label="Open mobile navigation menu"
                        class="tw:lg:hidden tw:w-10 tw:h-10 tw:flex tw:items-center tw:justify-center tw:ml-1">
                    <svg class="tw:w-7 tw:h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path id="icon-hamburger" class="tw:block" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
                        <path id="icon-close" class="tw:hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                    </svg>
                </button>
            </div>
        </div>

<div id="gpone-search-overlay" class="tw:hidden tw:absolute tw:right-4 tw:top-full tw:mt-2 tw:w-[380px] tw:bg-[#181817] tw:border tw:border-white/10 tw:rounded-xl tw:shadow-2xl tw:z-[150] tw:p-2">
    <form id="gpone-search-form" action="/en/search" method="get" role="search" class="tw:relative tw:flex tw:items-center tw:w-full">
        
                <input id="gpone-search-input" 
               type="text" 
               name="fulltext" 
               placeholder="Search..." 
               class="tw:w-full tw:bg-black tw:text-white tw:text-base tw:border tw:border-gray-700 tw:rounded-lg tw:py-3 tw:px-5 tw:pr-12 tw:placeholder-gray-500 tw:focus:outline-none tw:focus:border-[#E00000]">
        
        <div class="tw:absolute tw:right-4 tw:flex tw:items-center tw:justify-center">
            <button id="gpone-search-submit" 
                    type="submit" 
                    aria-label="Submit search"
                    class="tw:text-gray-400 tw:hover:text-[#E00000] tw:transition-colors">
                <i class="fa-solid fa-arrow-right tw:text-xl"></i>
            </button>
            <div id="gpone-search-loader" class="tw:hidden" aria-hidden="true">
                <i class="fa-solid fa-circle-notch fa-spin tw:text-xl tw:text-[#E00000]"></i>
            </div>
        </div>
    </form>
</div>
    </nav>
</header>


<div id="gpone-mobile-nav"
     class="tw:sticky tw:left-0 tw:right-0 tw:z-50 tw:bg-black tw:md:hidden "
     >

  <div class="tw:relative">

    <div
      id="gpone-nav-scroll"
      role="navigation"
      aria-label="Menu sezioni"
      style="display:flex;flex-wrap:nowrap;align-items:center;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;padding:0.75rem 0;width:100%;box-sizing:border-box;">

      
  <a href="javascript:void(0)" data-href="#block-gpone-views-block-home-latest-videos-homelatestvideos">Videos</a>
  <a href="javascript:void(0)" data-href="#block-gpone-views-block-home-race-block-1">On track</a>
  <a href="javascript:void(0)" data-href="#block-gpone-views-block-home-bikes-gear-block-1">Moto</a>
  <a href="javascript:void(0)" data-href="#block-gpone-views-block-home-cars-tech-block-1">Auto</a>
  <a href="javascript:void(0)" data-href="#block-gpone-views-block-home-blog-scalera-block-1">Blog</a>
  <a href="javascript:void(0)" data-href="#block-gpone-views-block-home-social-news-block-1">Social</a>
  <a href="javascript:void(0)" data-href="#block-gpone-views-block-home-playtime-block-1">Playtime</a>
  <a href="javascript:void(0)" data-href="#block-gpone-views-block-home-podcast-block-1">Podcast</a>
  <a href="javascript:void(0)" data-href="#block-gpone-views-block-home-history-vertical-block-1">More...</a>
  <a href="javascript:void(0)" data-href="#highlights-container">Highlights</a>

    </div>

  </div>

</div>


                <section id="gpone-featured-section" class="tw:w-full tw:mx-auto tw:max-w-[1920px]">
                <div class="views-element-container tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14" id="block-gpone-views-block-highlights-highlights-2">
  
    
      <div><div class="tw:w-full js-view-dom-id-afb7478192f7097399cf911f8b67d5275063948aa4121c688d93e61f2064fcc9">

    <div class="view-content">
<div id="highlights-container" 
     class="gpone-highlights-wrapper tw:w-full tw:bg-[#DBDFE2] tw:dark:bg-[#454C58] tw:h-auto tw:flex tw:flex-col tw:lg:flex-row tw:lg:h-[620px] tw:gap-0 tw:overflow-hidden">

    <div id="hero-target-zone" 
       class="tw:relative tw:lg:w-[65%] tw:lg:max-w-[930px] tw:w-full tw:aspect-[3/2] tw:lg:h-full tw:2xl:w-auto tw:flex-shrink-0 tw:group tw:z-10 tw:touch-pan-y">
    
        <div class="tw:lg:hidden tw:relative tw:w-full tw:bg-black">
        
                <div id="hero-mobile-slider" 
             class="tw:flex tw:w-full tw:overflow-x-auto tw:snap-x tw:snap-mandatory tw:scroll-smooth tw:[scrollbar-width:none] tw:[-ms-overflow-style:none] tw:[&::-webkit-scrollbar]:hidden">
                                            
            <div class="hero-mobile-slide tw:relative tw:flex-none tw:w-full tw:snap-start" data-index="0">
                <div class="tw:flex tw:flex-col">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:overflow-hidden tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                          <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/WSBK/generic/bimota.jpg?itok=u5ozS4Xp" width="976" height="651" alt="Bimota" />
</a>

                        
                                                
                                                
                                                <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/10 tw:to-transparent tw:z-10"></div>
                        <div class="tw:absolute tw:bottom-0 tw:left-4 tw:z-50">
                           <span class="tw:inline-block tw:ml-2 tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13674">
                             WSBK
                           </span>
                        </div>
                    </div>
                    <div class="tw:p-6 tw:bg-black tw:h-[160px]">
                       <h2 class="tw:text-2xl tw:font-bold tw:text-white tw:line-clamp-3">
                         <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                           <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html" hreflang="en">Superbike market heating up, Bimota getting head start on 2027!</a>
                         </a>
                       </h2>
                    </div>
                </div>
            </div>
                                            
            <div class="hero-mobile-slide tw:relative tw:flex-none tw:w-full tw:snap-start" data-index="1">
                <div class="tw:flex tw:flex-col">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:overflow-hidden tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                          <a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/WSBK/generic/bulega1.jpg?itok=mcKWcyhP" width="976" height="593" alt="Open the window" />
</a>

                        
                                                
                                                
                                                <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/10 tw:to-transparent tw:z-10"></div>
                        <div class="tw:absolute tw:bottom-0 tw:left-4 tw:z-50">
                           <span class="tw:inline-block tw:ml-2 tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13674">
                             WSBK
                           </span>
                        </div>
                    </div>
                    <div class="tw:p-6 tw:bg-black tw:h-[160px]">
                       <h2 class="tw:text-2xl tw:font-bold tw:text-white tw:line-clamp-3">
                         <a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                           <a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break" hreflang="en">Red Roulette: Bulega Takes on Bulega at Misano, Seeking Revenge and Looking to Break a Curse</a>
                         </a>
                       </h2>
                    </div>
                </div>
            </div>
                                            
            <div class="hero-mobile-slide tw:relative tw:flex-none tw:w-full tw:snap-start" data-index="2">
                <div class="tw:flex tw:flex-col">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:overflow-hidden tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                          <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/MotoGP/generic/virginio-ferrari.jpeg?itok=0WYaCgd7" width="976" height="651" alt="Ferrari: “Safety? Rules and changes aren’t enough—we need to educate the drivers”" />
</a>

                        
                                                
                                                
                                                <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/10 tw:to-transparent tw:z-10"></div>
                        <div class="tw:absolute tw:bottom-0 tw:left-4 tw:z-50">
                           <span class="tw:inline-block tw:ml-2 tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13672">
                             MotoGP
                           </span>
                        </div>
                    </div>
                    <div class="tw:p-6 tw:bg-black tw:h-[160px]">
                       <h2 class="tw:text-2xl tw:font-bold tw:text-white tw:line-clamp-3">
                         <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                           <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html" hreflang="en">Ferrari: “Safety? Rules and changes aren’t enough—we need to educate the riders”</a>
                         </a>
                       </h2>
                    </div>
                </div>
            </div>
                                            
            <div class="hero-mobile-slide tw:relative tw:flex-none tw:w-full tw:snap-start" data-index="3">
                <div class="tw:flex tw:flex-col">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:overflow-hidden tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                          <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/WSBK/generic/petrux.jpg?itok=lgQZDiP-" width="976" height="651" alt="Danilo Petrucci" />
</a>

                        
                                                
                                                
                                                <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/10 tw:to-transparent tw:z-10"></div>
                        <div class="tw:absolute tw:bottom-0 tw:left-4 tw:z-50">
                           <span class="tw:inline-block tw:ml-2 tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13674">
                             WSBK
                           </span>
                        </div>
                    </div>
                    <div class="tw:p-6 tw:bg-black tw:h-[160px]">
                       <h2 class="tw:text-2xl tw:font-bold tw:text-white tw:line-clamp-3">
                         <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                           <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html" hreflang="en">No Misano for Petrucci, but Oliveira back on BMW!</a>
                         </a>
                       </h2>
                    </div>
                </div>
            </div>
                                            
            <div class="hero-mobile-slide tw:relative tw:flex-none tw:w-full tw:snap-start" data-index="4">
                <div class="tw:flex tw:flex-col">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:overflow-hidden tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                          <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/MotoGP/generic/fast-sito.jpg?itok=3IDjdbcH" width="976" height="662" alt="Fast By Prosecco Balaton: Pernat is scathing: “We’re taking a huge risk here”" />
</a>

                        
                                                                          <div class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center tw:z-40 tw:pointer-events-none">
                            <div class="tw:w-12 tw:h-12 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                              <svg class="tw:w-5 tw:h-5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                                <path d="M8 5v14l11-7z"/>
                              </svg>
                            </div>
                          </div>
                        
                                                
                                                <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/10 tw:to-transparent tw:z-10"></div>
                        <div class="tw:absolute tw:bottom-0 tw:left-4 tw:z-50">
                           <span class="tw:inline-block tw:ml-2 tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13672">
                             MotoGP
                           </span>
                        </div>
                    </div>
                    <div class="tw:p-6 tw:bg-black tw:h-[160px]">
                       <h2 class="tw:text-2xl tw:font-bold tw:text-white tw:line-clamp-3">
                         <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                           <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html" hreflang="en">Fast By Prosecco Balaton, Pernat is scathing: “We’re taking a big risk here”</a>
                         </a>
                       </h2>
                    </div>
                </div>
            </div>
                  </div>

                <div class="tw:absolute tw:bottom-6 tw:left-6 tw:right-6 tw:flex tw:gap-1.5 tw:z-[60] tw:pointer-events-none tw:lg:hidden">
                          <div class="tw:h-[3px] tw:flex-1 tw:bg-white/20 tw:relative tw:overflow-hidden">
                 <div class="hero-progress-fill tw:absolute tw:top-0 tw:left-0 tw:h-full tw:w-0 tw:bg-white tw:transition-none" data-loader-index="0"></div>
              </div>
                          <div class="tw:h-[3px] tw:flex-1 tw:bg-white/20 tw:relative tw:overflow-hidden">
                 <div class="hero-progress-fill tw:absolute tw:top-0 tw:left-0 tw:h-full tw:w-0 tw:bg-white tw:transition-none" data-loader-index="1"></div>
              </div>
                          <div class="tw:h-[3px] tw:flex-1 tw:bg-white/20 tw:relative tw:overflow-hidden">
                 <div class="hero-progress-fill tw:absolute tw:top-0 tw:left-0 tw:h-full tw:w-0 tw:bg-white tw:transition-none" data-loader-index="2"></div>
              </div>
                          <div class="tw:h-[3px] tw:flex-1 tw:bg-white/20 tw:relative tw:overflow-hidden">
                 <div class="hero-progress-fill tw:absolute tw:top-0 tw:left-0 tw:h-full tw:w-0 tw:bg-white tw:transition-none" data-loader-index="3"></div>
              </div>
                          <div class="tw:h-[3px] tw:flex-1 tw:bg-white/20 tw:relative tw:overflow-hidden">
                 <div class="hero-progress-fill tw:absolute tw:top-0 tw:left-0 tw:h-full tw:w-0 tw:bg-white tw:transition-none" data-loader-index="4"></div>
              </div>
                    </div>
    </div>

                                  <div id="hero-dynamic-content" class="tw:hidden tw:lg:block tw:relative tw:h-full tw:w-full tw:group tw:overflow-hidden">
            <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:z-0 tw:transition-transform tw:duration-700 tw:ease-in-out tw:group-hover:scale-105 tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                  <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/WSBK/generic/bimota.jpg?itok=u5ozS4Xp" width="976" height="651" alt="Bimota" />
</a>

            </div>

                        
                        
            <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/80 tw:via-60% tw:to-transparent tw:z-10 tw:pointer-events-none"></div>

            <div class="tw:absolute tw:inset-0 tw:p-6 tw:md:p-10 tw:md:pb-5 tw:z-20 tw:flex tw:flex-col tw:justify-end">
               <div class="tw:max-w-3xl">
                 <div class="tw:mb-3 tw:relative tw:z-50">
                   <span class="tw:inline-block tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13674">WSBK</span>
                 </div>
                 <h2 class="hero-title-ref tw:text-2xl tw:lg:text-4xl tw:font-bold tw:text-white">
                   <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                     <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html" hreflang="en">Superbike market heating up, Bimota getting head start on 2027!</a>
                   </a>
                 </h2>
                 <div class="tw:hidden tw:lg:block tw:mt-4 tw:text-white/95 tw:text-lg tw:line-clamp-2 tw:font-medium">Everyone is waiting to make their first moves, but Bimota is in a hurry. Alex Lowes is on the verge of signing a deal, and there’s a clear target for the second rider spot that they’re trying to secure.</div>
               </div>
            </div>
        </div>
      </div>

    <div id="feed-scroll-container" 
       class="tw:hidden tw:lg:flex tw:relative tw:w-full tw:z-20 tw:min-w-0 tw:lg:flex-col tw:lg:h-[600px] tw:lg:mt-[10px] tw:lg:justify-between tw:lg:gap-0 tw:lg:p-0 tw:lg:px-4 tw:[scrollbar-width:none] tw:[-ms-overflow-style:none] tw:[&::-webkit-scrollbar]:hidden"
       data-nosnippet>
                                              <article class="highlight-article-trigger is-active tw:group tw:relative tw:flex tw:items-start tw:w-full tw:lg:h-[112px] tw:p-0 tw:gap-4 tw:bg-white tw:dark:bg-[#181817] tw:overflow-hidden tw:border-l-[6px] tw:border-transparent tw:transition-all tw:duration-300 tw:[&.is-active]:border-l-[var(--active-border-color)]">
            <div class="tw:hidden tw:2xl:block tw:w-[100px] tw:xl:w-[120px] tw:2xl:w-[150px] tw:h-full tw:relative tw:overflow-hidden tw:flex-shrink-0 tw:bg-black tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
               <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-500 tw:group-hover:scale-110">
                   <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/WSBK/generic/bimota.jpg?itok=Oa2RUOfB" width="315" height="210" alt="Bimota" />
</a>

               </div>
            </div>
            <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-start tw:pr-3 tw:pb-2 tw:pt-0 tw:lg:pl-3 tw:2xl:pl-0">
               <div class="tw:flex tw:items-center tw:relative tw:z-50">
                 <span class="active-tag-ref tw:inline-block tw:w-fit tw:py-1 tw:px-1.5 tw:text-xs tw:text-white tw:uppercase tw:leading-none tag-id_13674">
                   WSBK
                 </span>

                                                 </div>
               <h3 class="tw:mt-3 tw:text-lg tw:font-bold tw:dark:text-white tw:text-[#181817] tw:line-clamp-2 tw:group-hover:tw:text-red-500">
                 <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                   <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html" hreflang="en">Superbike market heating up, Bimota getting head start on 2027!</a>
                 </a>
               </h3>
            </div>

                        <div class="hero-data-source tw:hidden">
                <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:z-0 tw:transition-transform tw:duration-700 tw:ease-in-out tw:group-hover:scale-105 tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                      <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/WSBK/generic/bimota.jpg?itok=u5ozS4Xp" width="976" height="651" alt="Bimota" />
</a>

                </div>

                                
                                
                <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/80 tw:via-60% tw:to-transparent tw:z-10 tw:pointer-events-none"></div>

                <div class="tw:absolute tw:inset-0 tw:p-6 tw:md:p-10 tw:md:pb-5 tw:z-20 tw:flex tw:flex-col tw:justify-end">
                   <div class="tw:max-w-3xl">
                     <div class="tw:mb-3 tw:relative tw:z-50">
                       <span class="tw:inline-block tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13674">WSBK</span>
                     </div>
                     <h2 class="hero-title-ref tw:text-2xl tw:lg:text-4xl tw:font-bold tw:text-white">
                        <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                           <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html" hreflang="en">Superbike market heating up, Bimota getting head start on 2027!</a>
                        </a>
                     </h2>
                     <div class="tw:hidden tw:lg:block tw:mt-4 tw:text-white/95 tw:text-lg tw:line-clamp-2 tw:font-medium">Everyone is waiting to make their first moves, but Bimota is in a hurry. Alex Lowes is on the verge of signing a deal, and there’s a clear target for the second rider spot that they’re trying to secure.</div>
                   </div>
                </div>
            </div>
          </article>
                                              <article class="highlight-article-trigger  tw:group tw:relative tw:flex tw:items-start tw:w-full tw:lg:h-[112px] tw:p-0 tw:gap-4 tw:bg-white tw:dark:bg-[#181817] tw:overflow-hidden tw:border-l-[6px] tw:border-transparent tw:transition-all tw:duration-300 tw:[&.is-active]:border-l-[var(--active-border-color)]">
            <div class="tw:hidden tw:2xl:block tw:w-[100px] tw:xl:w-[120px] tw:2xl:w-[150px] tw:h-full tw:relative tw:overflow-hidden tw:flex-shrink-0 tw:bg-black tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
               <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-500 tw:group-hover:scale-110">
                   <a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/WSBK/generic/bulega1.jpg?itok=f1DiwIfH" width="315" height="210" alt="Open the window" />
</a>

               </div>
            </div>
            <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-start tw:pr-3 tw:pb-2 tw:pt-0 tw:lg:pl-3 tw:2xl:pl-0">
               <div class="tw:flex tw:items-center tw:relative tw:z-50">
                 <span class="active-tag-ref tw:inline-block tw:w-fit tw:py-1 tw:px-1.5 tw:text-xs tw:text-white tw:uppercase tw:leading-none tag-id_13674">
                   WSBK
                 </span>

                                                 </div>
               <h3 class="tw:mt-3 tw:text-lg tw:font-bold tw:dark:text-white tw:text-[#181817] tw:line-clamp-2 tw:group-hover:tw:text-red-500">
                 <a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                   <a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break" hreflang="en">Red Roulette: Bulega Takes on Bulega at Misano, Seeking Revenge and Looking to Break a Curse</a>
                 </a>
               </h3>
            </div>

                        <div class="hero-data-source tw:hidden">
                <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:z-0 tw:transition-transform tw:duration-700 tw:ease-in-out tw:group-hover:scale-105 tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                      <a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/WSBK/generic/bulega1.jpg?itok=mcKWcyhP" width="976" height="593" alt="Open the window" />
</a>

                </div>

                                
                                
                <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/80 tw:via-60% tw:to-transparent tw:z-10 tw:pointer-events-none"></div>

                <div class="tw:absolute tw:inset-0 tw:p-6 tw:md:p-10 tw:md:pb-5 tw:z-20 tw:flex tw:flex-col tw:justify-end">
                   <div class="tw:max-w-3xl">
                     <div class="tw:mb-3 tw:relative tw:z-50">
                       <span class="tw:inline-block tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13674">WSBK</span>
                     </div>
                     <h2 class="hero-title-ref tw:text-2xl tw:lg:text-4xl tw:font-bold tw:text-white">
                        <a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                           <a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break" hreflang="en">Red Roulette: Bulega Takes on Bulega at Misano, Seeking Revenge and Looking to Break a Curse</a>
                        </a>
                     </h2>
                     <div class="tw:hidden tw:lg:block tw:mt-4 tw:text-white/95 tw:text-lg tw:line-clamp-2 tw:font-medium">Misano is his home track, but he’s never won there in SBK: Lecuona is dreaming of a big win after his performance at Balaton, and Ducati is gearing up to dominate the Riviera roulette of a track—everyone else to himself</div>
                   </div>
                </div>
            </div>
          </article>
                                              <article class="highlight-article-trigger  tw:group tw:relative tw:flex tw:items-start tw:w-full tw:lg:h-[112px] tw:p-0 tw:gap-4 tw:bg-white tw:dark:bg-[#181817] tw:overflow-hidden tw:border-l-[6px] tw:border-transparent tw:transition-all tw:duration-300 tw:[&.is-active]:border-l-[var(--active-border-color)]">
            <div class="tw:hidden tw:2xl:block tw:w-[100px] tw:xl:w-[120px] tw:2xl:w-[150px] tw:h-full tw:relative tw:overflow-hidden tw:flex-shrink-0 tw:bg-black tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
               <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-500 tw:group-hover:scale-110">
                   <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/virginio-ferrari.jpeg?itok=D7QwSCm1" width="315" height="210" alt="Ferrari: “Safety? Rules and changes aren’t enough—we need to educate the drivers”" />
</a>

               </div>
            </div>
            <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-start tw:pr-3 tw:pb-2 tw:pt-0 tw:lg:pl-3 tw:2xl:pl-0">
               <div class="tw:flex tw:items-center tw:relative tw:z-50">
                 <span class="active-tag-ref tw:inline-block tw:w-fit tw:py-1 tw:px-1.5 tw:text-xs tw:text-white tw:uppercase tw:leading-none tag-id_13672">
                   MotoGP
                 </span>

                                                 </div>
               <h3 class="tw:mt-3 tw:text-lg tw:font-bold tw:dark:text-white tw:text-[#181817] tw:line-clamp-2 tw:group-hover:tw:text-red-500">
                 <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                   <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html" hreflang="en">Ferrari: “Safety? Rules and changes aren’t enough—we need to educate the riders”</a>
                 </a>
               </h3>
            </div>

                        <div class="hero-data-source tw:hidden">
                <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:z-0 tw:transition-transform tw:duration-700 tw:ease-in-out tw:group-hover:scale-105 tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                      <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/MotoGP/generic/virginio-ferrari.jpeg?itok=0WYaCgd7" width="976" height="651" alt="Ferrari: “Safety? Rules and changes aren’t enough—we need to educate the drivers”" />
</a>

                </div>

                                
                                
                <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/80 tw:via-60% tw:to-transparent tw:z-10 tw:pointer-events-none"></div>

                <div class="tw:absolute tw:inset-0 tw:p-6 tw:md:p-10 tw:md:pb-5 tw:z-20 tw:flex tw:flex-col tw:justify-end">
                   <div class="tw:max-w-3xl">
                     <div class="tw:mb-3 tw:relative tw:z-50">
                       <span class="tw:inline-block tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13672">MotoGP</span>
                     </div>
                     <h2 class="hero-title-ref tw:text-2xl tw:lg:text-4xl tw:font-bold tw:text-white">
                        <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                           <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html" hreflang="en">Ferrari: “Safety? Rules and changes aren’t enough—we need to educate the riders”</a>
                        </a>
                     </h2>
                     <div class="tw:hidden tw:lg:block tw:mt-4 tw:text-white/95 tw:text-lg tw:line-clamp-2 tw:font-medium">“Back in my day, we used to ask ourselves, ‘Who’s going to be next?’ We fought against a blind Federation to make things better. Today, it’s not just about the start or the first corner. The riders’ mindset matters too.”</div>
                   </div>
                </div>
            </div>
          </article>
                                              <article class="highlight-article-trigger  tw:group tw:relative tw:flex tw:items-start tw:w-full tw:lg:h-[112px] tw:p-0 tw:gap-4 tw:bg-white tw:dark:bg-[#181817] tw:overflow-hidden tw:border-l-[6px] tw:border-transparent tw:transition-all tw:duration-300 tw:[&.is-active]:border-l-[var(--active-border-color)]">
            <div class="tw:hidden tw:2xl:block tw:w-[100px] tw:xl:w-[120px] tw:2xl:w-[150px] tw:h-full tw:relative tw:overflow-hidden tw:flex-shrink-0 tw:bg-black tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
               <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-500 tw:group-hover:scale-110">
                   <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/WSBK/generic/petrux.jpg?itok=RH0je2G1" width="315" height="210" alt="Danilo Petrucci" />
</a>

               </div>
            </div>
            <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-start tw:pr-3 tw:pb-2 tw:pt-0 tw:lg:pl-3 tw:2xl:pl-0">
               <div class="tw:flex tw:items-center tw:relative tw:z-50">
                 <span class="active-tag-ref tw:inline-block tw:w-fit tw:py-1 tw:px-1.5 tw:text-xs tw:text-white tw:uppercase tw:leading-none tag-id_13674">
                   WSBK
                 </span>

                                                 </div>
               <h3 class="tw:mt-3 tw:text-lg tw:font-bold tw:dark:text-white tw:text-[#181817] tw:line-clamp-2 tw:group-hover:tw:text-red-500">
                 <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                   <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html" hreflang="en">No Misano for Petrucci, but Oliveira back on BMW!</a>
                 </a>
               </h3>
            </div>

                        <div class="hero-data-source tw:hidden">
                <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:z-0 tw:transition-transform tw:duration-700 tw:ease-in-out tw:group-hover:scale-105 tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                      <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/WSBK/generic/petrux.jpg?itok=lgQZDiP-" width="976" height="651" alt="Danilo Petrucci" />
</a>

                </div>

                                
                                
                <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/80 tw:via-60% tw:to-transparent tw:z-10 tw:pointer-events-none"></div>

                <div class="tw:absolute tw:inset-0 tw:p-6 tw:md:p-10 tw:md:pb-5 tw:z-20 tw:flex tw:flex-col tw:justify-end">
                   <div class="tw:max-w-3xl">
                     <div class="tw:mb-3 tw:relative tw:z-50">
                       <span class="tw:inline-block tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13674">WSBK</span>
                     </div>
                     <h2 class="hero-title-ref tw:text-2xl tw:lg:text-4xl tw:font-bold tw:text-white">
                        <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                           <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html" hreflang="en">No Misano for Petrucci, but Oliveira back on BMW!</a>
                        </a>
                     </h2>
                     <div class="tw:hidden tw:lg:block tw:mt-4 tw:text-white/95 tw:text-lg tw:line-clamp-2 tw:font-medium">Danilo is forced to skip the Riviera round, while Miguel returns to the M 1000 RR after a month-and-a-half hiatus</div>
                   </div>
                </div>
            </div>
          </article>
                                              <article class="highlight-article-trigger  tw:group tw:relative tw:flex tw:items-start tw:w-full tw:lg:h-[112px] tw:p-0 tw:gap-4 tw:bg-white tw:dark:bg-[#181817] tw:overflow-hidden tw:border-l-[6px] tw:border-transparent tw:transition-all tw:duration-300 tw:[&.is-active]:border-l-[var(--active-border-color)]">
            <div class="tw:hidden tw:2xl:block tw:w-[100px] tw:xl:w-[120px] tw:2xl:w-[150px] tw:h-full tw:relative tw:overflow-hidden tw:flex-shrink-0 tw:bg-black tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
               <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-500 tw:group-hover:scale-110">
                   <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/fast-sito.jpg?itok=pecFs6cq" width="315" height="210" alt="Fast By Prosecco Balaton: Pernat is scathing: “We’re taking a huge risk here”" />
</a>

               </div>
            </div>
            <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-start tw:pr-3 tw:pb-2 tw:pt-0 tw:lg:pl-3 tw:2xl:pl-0">
               <div class="tw:flex tw:items-center tw:relative tw:z-50">
                 <span class="active-tag-ref tw:inline-block tw:w-fit tw:py-1 tw:px-1.5 tw:text-xs tw:text-white tw:uppercase tw:leading-none tag-id_13672">
                   MotoGP
                 </span>

                                                 </div>
               <h3 class="tw:mt-3 tw:text-lg tw:font-bold tw:dark:text-white tw:text-[#181817] tw:line-clamp-2 tw:group-hover:tw:text-red-500">
                 <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                   <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html" hreflang="en">Fast By Prosecco Balaton, Pernat is scathing: “We’re taking a big risk here”</a>
                 </a>
               </h3>
            </div>

                        <div class="hero-data-source tw:hidden">
                <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:z-0 tw:transition-transform tw:duration-700 tw:ease-in-out tw:group-hover:scale-105 tw:[&_img]:absolute tw:[&_img]:inset-0 tw:[&_img]:w-full tw:[&_img]:h-full tw:[&_img]:object-cover">
                      <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/thumb_l/public/images/2026/article/foto/06/MotoGP/generic/fast-sito.jpg?itok=3IDjdbcH" width="976" height="662" alt="Fast By Prosecco Balaton: Pernat is scathing: “We’re taking a huge risk here”" />
</a>

                </div>

                                                  <div class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center tw:z-40 tw:pointer-events-none">
                    <div class="tw:w-16 tw:h-16 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                      <svg class="tw:w-6 tw:h-6 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M8 5v14l11-7z"/>
                      </svg>
                    </div>
                  </div>
                
                                
                <div class="tw:absolute tw:bottom-0 tw:left-0 tw:right-0 tw:h-[50%] tw:bg-gradient-to-t tw:from-black tw:via-black/80 tw:via-60% tw:to-transparent tw:z-10 tw:pointer-events-none"></div>

                <div class="tw:absolute tw:inset-0 tw:p-6 tw:md:p-10 tw:md:pb-5 tw:z-20 tw:flex tw:flex-col tw:justify-end">
                   <div class="tw:max-w-3xl">
                     <div class="tw:mb-3 tw:relative tw:z-50">
                       <span class="tw:inline-block tw:px-2 tw:py-1 tw:text-sm tw:text-white tw:uppercase tag-id_13672">MotoGP</span>
                     </div>
                     <h2 class="hero-title-ref tw:text-2xl tw:lg:text-4xl tw:font-bold tw:text-white">
                        <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html?ref=highlights" class="tw:after:content-[''] tw:after:absolute tw:after:inset-0 tw:after:z-[50]">
                           <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html" hreflang="en">Fast By Prosecco Balaton, Pernat is scathing: “We’re taking a big risk here”</a>
                        </a>
                     </h2>
                     <div class="tw:hidden tw:lg:block tw:mt-4 tw:text-white/95 tw:text-lg tw:line-clamp-2 tw:font-medium">VIDEO - Over a glass of his Prosecco DOC, Carlo Pernat gives a no-holds-barred analysis of Balaton. The World Championship is wide open again, but the MotoGP continues to take too many risks.</div>
                   </div>
                </div>
            </div>
          </article>
        </div>

    <div class="tw:hidden tw:3xl:flex tw:w-[320px] tw:h-full tw:flex-shrink-0 tw:items-start tw:justify-center tw:relative tw:z-20">
    <div class="tw:h-[600px] tw:mt-[10px]">
        <div class="gptslot" data-adunitid="0"></div>
    </div>
  </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', () => {
  const articles = document.querySelectorAll('.highlight-article-trigger');
  const heroDesktopContainer = document.getElementById('hero-dynamic-content');
  const heroMobileWrapper = document.getElementById('hero-mobile-slider');
  const fills = document.querySelectorAll('.hero-progress-fill');
  
  let currentMobileIndex = 0;
  let autoSwipeTimer;
  const SWIPE_DELAY = 10000;

  // --- DESKTOP ---
  const updateUI = (article) => {
    articles.forEach(a => a.classList.remove('is-active'));
    article.classList.add('is-active');
    const tagSpan = article.querySelector('.active-tag-ref');
    if (tagSpan) article.style.setProperty('--active-border-color', window.getComputedStyle(tagSpan).backgroundColor);
  };

  articles.forEach(article => {
    article.addEventListener('mouseenter', () => {
      if (window.innerWidth >= 1024) {
        const sourceData = article.querySelector('.hero-data-source').innerHTML;
        updateUI(article);
        heroDesktopContainer.style.opacity = '0.7';
        heroDesktopContainer.innerHTML = sourceData;
        setTimeout(() => { heroDesktopContainer.style.opacity = '1'; }, 50);
      }
    });
  });

  // --- MOBILE LOADER ---
  const startProgress = (index) => {
    fills.forEach((fill, i) => {
      fill.style.transition = 'none';
      if (i < index) {
        fill.style.width = '100%';
      } else if (i === index) {
        fill.style.width = '0%';
        void fill.offsetWidth;
        fill.style.transition = `width ${SWIPE_DELAY}ms linear`;
        fill.style.width = '100%';
      } else {
        fill.style.width = '0%';
      }
    });
  };

  const startAutoSwipe = () => {
    stopAutoSwipe();
    autoSwipeTimer = setInterval(() => {
      currentMobileIndex = (currentMobileIndex + 1) % 5;
      heroMobileWrapper.scrollTo({
        left: heroMobileWrapper.offsetWidth * currentMobileIndex,
        behavior: 'smooth'
      });
    }, SWIPE_DELAY);
  };

  const stopAutoSwipe = () => {
    clearInterval(autoSwipeTimer);
    fills.forEach(f => f.style.transition = 'none');
  };

  const mobileObserver = new IntersectionObserver((entries) => {
    if (window.innerWidth < 1024) {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          const index = parseInt(entry.target.getAttribute('data-index'));
          currentMobileIndex = index;
          startProgress(index);
        }
      });
    }
  }, { root: heroMobileWrapper, threshold: 0.6 });

  document.querySelectorAll('.hero-mobile-slide').forEach(slide => mobileObserver.observe(slide));

  heroMobileWrapper.addEventListener('touchstart', stopAutoSwipe, { passive: true });
  heroMobileWrapper.addEventListener('touchend', () => setTimeout(startAutoSwipe, 50), { passive: true });

  if (window.innerWidth < 1024) {
    startAutoSwipe();
  } else if (articles[0]) {
    updateUI(articles[0]);
  }
});
</script>
</div>

  </div></div>

  </div>

        </section>
    
        <div id="gpone-utility-container" class="tw:mx-auto tw:max-w-[1920px]">
        <nav aria-label="Breadcrumb"></nav>
        
        
    </div>

    
        <div id="gpone-main-layout" class="tw:z-1 tw:w-full tw:mx-auto tw:max-w-[1920px] ">
        
        
        <div id="gpone-content-wrapper" class="tw:mx-auto tw:min-h-[calc(100vh-250px)] tw:max-w-[1920px]">
            <div class="tw:flex tw:flex-col tw:lg:flex-row tw:gap-10">
                
                                <main id="gpone-main-content" role="main" class="tw:break-words tw:flex-grow tw:min-w-0">
                                        
                      <div>
    
<div class="tw:w-full tw:bg-white tw:dark:bg-[#2B313A] tw:p-3 tw:md:p-4 tw:md:pl-14">

    <div class="tw:flex tw:items-center tw:justify-between tw:md:justify-start tw:mb-2 tw:md:mb-3">
    <div class="tw:flex tw:flex-col tw:items-start">
      <h3 class="tw:text-[#181817] tw:dark:text-white tw:text-[11px] tw:md:text-base tw:font-bold tw:uppercase tw:italic tw:leading-none">
        Follow us
      </h3>
    </div>
  </div>

    <div class="tw:flex tw:items-center tw:gap-2 tw:md:gap-4 tw:flex-wrap">

        <a href="https://www.youtube.com/GPOnedotcom"
       target="_blank"
       class="tw:group tw:flex tw:items-center tw:gap-1.5 tw:no-underline tw:shrink-0">
      <span class="tw:flex tw:items-center tw:justify-center tw:w-[32px] tw:h-[32px] tw:md:w-[40px] tw:md:h-[40px] tw:rounded-full tw:bg-[#EAEFF4] tw:dark:bg-white">
        <i class="fa-brands fa-youtube tw:text-xl tw:md:text-2xl tw:text-[#ff0000]"></i>
      </span>
      <span class="tw:text-[#181817] tw:dark:text-white tw:text-[10px] tw:md:text-sm tw:font-bold tw:tracking-tight">
        GPOne
      </span>
    </a>

        <a href="https://www.youtube.com/@GPOneRoad"
       target="_blank"
       class="tw:group tw:flex tw:items-center tw:gap-1.5 tw:no-underline tw:shrink-0">
      <span class="tw:flex tw:items-center tw:justify-center tw:w-[32px] tw:h-[32px] tw:md:w-[40px] tw:md:h-[40px] tw:rounded-full tw:bg-[#EAEFF4] tw:dark:bg-white">
        <i class="fa-brands fa-youtube tw:text-xl tw:md:text-2xl tw:text-[#ff0000]"></i>
      </span>
      <span class="tw:text-[#181817] tw:dark:text-white tw:text-[10px] tw:md:text-sm tw:font-bold tw:tracking-tight">
        Road
      </span>
    </a>

        <div class="tw:w-px tw:h-[24px] tw:bg-gray-200 tw:dark:bg-white/20 tw:shrink-0"></div>

        <a href="https://www.facebook.com/GPOnecom"
       target="_blank"
       class="tw:flex tw:items-center tw:justify-center tw:w-[32px] tw:h-[32px] tw:md:w-[40px] tw:md:h-[40px] tw:rounded-full tw:bg-[#EAEFF4] tw:dark:bg-white tw:no-underline tw:shrink-0">
      <i class="fa-brands fa-facebook-f tw:text-lg tw:md:text-2xl tw:text-[#1877F2]"></i>
    </a>

        <a href="https://www.instagram.com/gponedotcom"
       target="_blank"
       class="tw:flex tw:items-center tw:justify-center tw:w-[32px] tw:h-[32px] tw:md:w-[40px] tw:md:h-[40px] tw:rounded-full tw:bg-[#EAEFF4] tw:dark:bg-white tw:no-underline tw:shrink-0">
      <i class="fa-brands fa-instagram tw:text-lg tw:md:text-2xl tw:text-[#E1306C]"></i>
    </a>

        <a href="https://x.com/gponedotcom"
       target="_blank"
       class="tw:flex tw:items-center tw:justify-center tw:w-[32px] tw:h-[32px] tw:md:w-[40px] tw:md:h-[40px] tw:rounded-full tw:bg-[#EAEFF4] tw:dark:bg-white tw:no-underline tw:shrink-0">
      <i class="fa-brands fa-x-twitter tw:text-lg tw:md:text-2xl tw:text-[#181817] tw:dark:text-[#181817]"></i>
    </a>

        <div id="pwa-install-separator" class="tw:hidden tw:w-px tw:h-[24px] tw:bg-gray-200 tw:dark:bg-white/20 tw:shrink-0"></div>

        <button id="pwa-install-btn-footer"
            class="tw:hidden tw:items-center tw:gap-1.5 tw:shrink-0 tw:border-0 tw:bg-transparent tw:cursor-pointer tw:p-0"
            title="APP">
      <span class="tw:flex tw:items-center tw:justify-center tw:w-[32px] tw:h-[32px] tw:md:w-[40px] tw:md:h-[40px] tw:rounded-full tw:bg-[#EAEFF4] tw:dark:bg-white">
        <i class="fa-solid fa-download tw:text-lg tw:md:text-2xl tw:text-[#e10600]"></i>
      </span>
      <span class="tw:text-[#181817] tw:dark:text-white tw:text-[10px] tw:md:text-sm tw:font-bold tw:tracking-tight">
        App
      </span>
    </button>

  </div>
</div><div class="views-element-container tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14" id="block-gpone-views-block-home-latest-videos-homelatestvideos">
  
    
      <div><div class="tw:w-full js-view-dom-id-f0d19b1ea98d13959c89ab956db3b3e03aad131e4156bca8c1e5aa002fefd543">

  <div class="view-filters tw:flex tw:flex-col tw:pr-4 tw:md:pr-0 tw:md:flex-row tw:md:items-end tw:justify-start tw:gap-x-4 tw:gap-y-1 tw:md:gap-y-0 tw:mb-6 tw:border-b-2 tw:dark:border-white tw:border-[#181817] tw:pb-0">      <div class="tw:flex-shrink-0 tw:ml-0 tw:lg:mr-6 tw:mb-0"><h2 class="tw:text-lg tw:lg:text-xl tw:font-bold tw:italic tw:dark:text-white tw:text-[#181817] tw:uppercase tw:mb-0 tw:lg:mb-2">Latest Videos</h2></div><div class="gpone-exposed-form-wrapper tw:flex-shrink-0 tw:ml-0 tw:mt-0 tw:mb-0 [&_form]:tw:m-0 [&_form]:tw:flex [&_form]:tw:flex-wrap [&_form]:tw:gap-3">
          <div class="[&_.form-item]:tw:m-0 [&_.form-actions]:tw:m-0 [&_label]:tw:text-[10px] [&_label]:tw:uppercase [&_label]:tw:text-gray-500 tw:uppercase"><form class="views-exposed-form bef-exposed-form" data-bef-auto-submit="" data-bef-auto-submit-delay="500" data-bef-auto-submit-minimum-length="3" data-bef-auto-submit-full-form="" data-drupal-selector="views-exposed-form-home-latest-videos-homelatestvideos" action="/en/home" method="get" id="views-exposed-form-home-latest-videos-homelatestvideos" accept-charset="UTF-8">
  


<div class="js-form-item form-item form-type-select js-form-type-select form-item-video js-form-item-video">
      
        

  <input type="hidden" name="video" value="All" id="edit-video" />

<div  class="bef-links-use-ajax form-select bef-links filter- bef-nested" data-drupal-selector="edit-video" id="edit-video" data-name="video" 
     data-view-id=""
     data-filter-id=""
     x-data="{ 
        expanded: false,
        isDesktop: window.innerWidth >= 1280
     }" 
     @resize.window="isDesktop = window.innerWidth >= 1280"
     @click.away="expanded = false"
     class="tw:w-full">
  
  <div class="tw:flex tw:flex-nowrap tw:xl:flex-wrap tw:items-center tw:gap-x-0 tw:xl:gap-x-2 tw:gap-y-2 tw:relative"
       id="bef-items-container">
    
                                                                                                                                                                                                                                                                                                                                                                                                                                        
                                
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="0"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  <ul>

<li><a href="https://www.gpone.com/en/home" class="bef-link edit-video--2 bef-link--selected" id="edit-video-all" name="video[All]">ALL</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="1"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=1" class="bef-link edit-video--3" id="edit-video-1" name="video[1]">BAR SPORT</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="2"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=2" class="bef-link edit-video--4" id="edit-video-2" name="video[2]">GPOne to one</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="3"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=3" class="bef-link edit-video--5" id="edit-video-3" name="video[3]">TGPone</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="4"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=4" class="bef-link edit-video--6" id="edit-video-4" name="video[4]">TEST MOTO</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:inline-block"
           data-original-index="5"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=5" class="bef-link edit-video--7" id="edit-video-5" name="video[5]">IO RICORDO</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:inline-block"
           data-original-index="6"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=6" class="bef-link edit-video--8" id="edit-video-6" name="video[6]">Fast By Prosecco</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="7"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=7" class="bef-link edit-video--9" id="edit-video-7" name="video[7]">RACING WORLD</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="8"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=8" class="bef-link edit-video--10" id="edit-video-8" name="video[8]">Highlights SBK</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="9"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=9" class="bef-link edit-video--11" id="edit-video-9" name="video[9]">GPONECAR</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="10"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=10" class="bef-link edit-video--12" id="edit-video-10" name="video[10]">IL DITO SULLA PIEGA</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="11"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=11" class="bef-link edit-video--13" id="edit-video-11" name="video[11]">Master Of Hospitality by Prosecco DOC</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="12"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=12" class="bef-link edit-video--14" id="edit-video-12" name="video[12]">TEST AUTO</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="13"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?video=13" class="bef-link edit-video--15" id="edit-video-13" name="video[13]">ALTRO</a>

        </li></ul>
        </div>
    
        <div class="tw:relative tw:inline-flex tw:items-center tw:ml-auto tw:shrink-0"
         x-show="(isDesktop && 14 > 7) || (!isDesktop && 14 > 5)"
         x-cloak>
      <button type="button" 
              @click="expanded = !expanded" 
              class="tw:flex tw:flex-nowrap tw:items-center tw:text-md tw:font-bold tw:uppercase tw:text-red-600 tw:dark:text-white tw:bg-transparent tw:border-none tw:p-0 tw:cursor-pointer tw:whitespace-nowrap">
        
                <span class="tw:pl-1 tw:dark:text-white" 
              :class="isDesktop ? 'tw:text-lg' : 'tw:text-sm'"
              x-text="isDesktop ? '+' + (14 - 7) : '+' + (14 - 5)"></span>
        
                <svg class="tw:w-3 tw:h-3 tw:ml-1 tw:transition-transform tw:duration-300 tw:dark:text-white" 
             :class="expanded ? 'tw:rotate-180' : 'tw:rotate-0'" 
             fill="none" 
             stroke="currentColor" 
             stroke-width="4" 
             viewBox="0 0 24 24">
          <path d="M19 9l-7 7-7-7" />
        </svg>
      </button>
    </div>
  </div>
</div>
        </div><div class="js-hide form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions--6">




  <input  data-bef-auto-submit-click="" data-drupal-selector="edit-submit-home-latest-videos" type="submit" id="edit-submit-home-latest-videos" value="Apply" class="button js-form-submit form-submit tw:w-full tw:bg-[#181817] tw:dark:bg-white tw:text-white tw:dark:text-[#181817] tw:font-bold tw:rounded-xl tw:my-3 tw:py-3 tw:px-6 tw:cursor-pointer tw:border-none tw:hover:opacity-90 tw:active:scale-95 tw:transition-all tw:duration-300" />


<style>
  input[type="checkbox"]:checked + svg,
  input[type="radio"]:checked + div {
    opacity: 1 !important;
  }
  
  /* Allineamento orizzontale per il contenitore di Drupal */
  .js-form-type-checkbox, .js-form-type-radio {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 0.5rem;
  }

  /* La label che segue la nostra checkbox */
  .js-checkbox-wrapper + label,
  .js-radio-wrapper + label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.2;
  }

  /* Piccola correzione per il link del file dentro la label */
  .js-checkbox-wrapper + label a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
  }
</style></div>


</form>
</div>
        </div></div>  <div class="view-content">



    
<style>
  .no-scrollbar::-webkit-scrollbar { display: none; }
  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
  .gpone-arrow { transition: all 0.3s ease; z-index: 100; opacity: 0; visibility: hidden; }
  .tw\:group\/grid:hover .gpone-arrow { opacity: 1; visibility: visible; }
  .dragging-active { cursor: grabbing !important; user-select: none; }
</style>

<div class="tw:w-full" 
     x-data="{ 
        progress: 0,
        atStart: true, 
        atEnd: false,
        isDragging: false,
        dragSource: '',
        dragStartTime: 0,
        animFrameId: null,
        isAutoScrolling: false,
        movingRight: false,
        startX: 0,
        startY: 0,
        scrollLeftStart: 0,
        ticking: false,
        activeLeft: false,
        activeRight: false,

        updateStatus() {
            if (!this.ticking) {
                window.requestAnimationFrame(() => {
                    const el = this.$refs.scrollContainer;
                    if (!el) return;
                    const scrollable = el.scrollWidth - el.clientWidth;
                    this.progress = scrollable > 0 ? (el.scrollLeft / scrollable) * 100 : 0;
                    this.atStart = el.scrollLeft <= 15;
                    this.atEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 15;
                    this.ticking = false;
                });
                this.ticking = true;
            }
        },

        smoothScrollTo(el, target, duration, onComplete) {
            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
            el.style.scrollSnapType = 'none';
            el.style.scrollBehavior = 'auto';
            const start = el.scrollLeft;
            const dist = target - start;
            if (Math.abs(dist) < 1) {
                el.style.scrollSnapType = 'x mandatory';
                this.updateStatus();
                if (onComplete) onComplete();
                return;
            }
            const t0 = performance.now();
            const ease = t => 1 - Math.pow(1 - t, 3); // easeOutCubic
            const step = (now) => {
                const p = Math.min((now - t0) / duration, 1);
                el.scrollLeft = start + dist * ease(p);
                if (p < 1) {
                    this.animFrameId = requestAnimationFrame(step);
                } else {
                    el.scrollLeft = target;
                    el.style.scrollSnapType = 'x mandatory';
                    this.animFrameId = null;
                    this.updateStatus();
                    if (onComplete) onComplete();
                }
            };
            this.animFrameId = requestAnimationFrame(step);
        },

        arrowScroll(direction) {
            if (this.isAutoScrolling) return;
            const el = this.$refs.scrollContainer;
            this.isAutoScrolling = true;
            this.movingRight = (direction === 'right');
            const cardWidth = el.querySelector('article')?.offsetWidth || 300;
            const snapUnit = cardWidth + 16;
            const cards = window.innerWidth >= 1024
                ? Math.max(1, Math.floor(el.clientWidth * 0.8 / snapUnit))
                : 1;
            const delta = (direction === 'right' ? 1 : -1) * snapUnit * cards;
            const target = Math.max(0, Math.min(el.scrollLeft + delta, el.scrollWidth - el.clientWidth));
            this.smoothScrollTo(el, target, 620, () => { this.isAutoScrolling = false; });
        },

        startDrag(e, source) {
            const el = this.$refs.scrollContainer;
            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
            el.style.scrollBehavior = 'auto';
            el.scrollLeft = el.scrollLeft;
            this.isDragging = true;
            this.dragSource = source;
            this.dragStartTime = Date.now();
            const clientX = e.type.includes('touch') ? e.touches[0].clientX : e.clientX;
            const clientY = e.type.includes('touch') ? e.touches[0].clientY : e.clientY;
            this.startX = clientX;
            this.startY = clientY;
            this.scrollLeftStart = el.scrollLeft;
            el.style.scrollSnapType = 'none';
            if (e.type === 'mousedown') e.preventDefault();
        },

        handleDrag(e) {
            if (!this.isDragging) return;
            const isTouch = e.type.includes('touch');
            const clientX = isTouch ? (e.touches?.[0]?.clientX ?? this.startX) : e.clientX;
            const deltaX = clientX - this.startX;
            const el = this.$refs.scrollContainer;
            if (this.dragSource === 'grid') {
                const multiplier = isTouch ? 1 : 1.5;
                el.scrollLeft = this.scrollLeftStart - (deltaX * multiplier);
            } else if (this.dragSource === 'track') {
                const scrollable = el.scrollWidth - el.clientWidth;
                const trackWidth = this.$refs.track.clientWidth;
                el.scrollLeft = this.scrollLeftStart + (deltaX / trackWidth * scrollable);
            }
            this.movingRight = deltaX > 0;
            this.updateStatus();
        },

        handleTouchMove(e) {
            if (!this.isDragging || this.dragSource !== 'grid') return;
            const dx = Math.abs(e.touches[0].clientX - this.startX);
            const dy = Math.abs(e.touches[0].clientY - this.startY);
            if (dx > dy && e.cancelable) e.preventDefault();
        },

        stopDrag() {
            if (!this.isDragging) return;
            this.isDragging = false;
            const el = this.$refs.scrollContainer;

            const cardWidth = el.querySelector('article')?.offsetWidth || 300;
            const snapUnit = cardWidth + 16;
            const swipeDelta = el.scrollLeft - this.scrollLeftStart;
            const velocity = Math.abs(swipeDelta) / Math.max(1, Date.now() - this.dragStartTime);

            const startIndex = Math.round(this.scrollLeftStart / snapUnit);
            let targetIndex;
            if (Math.abs(swipeDelta) > 15 || velocity > 0.2) {
                const cards = Math.max(1, Math.round(Math.abs(swipeDelta) / snapUnit));
                targetIndex = swipeDelta > 0 ? startIndex + cards : startIndex - cards;
            } else {
                targetIndex = startIndex;
            }

            const maxScroll = el.scrollWidth - el.clientWidth;
            targetIndex = Math.max(0, Math.min(targetIndex, Math.round(maxScroll / snapUnit)));
            const target = Math.min(targetIndex * snapUnit, maxScroll);

            this.smoothScrollTo(el, target, 620);
        }
     }"
     x-init="$nextTick(() => updateStatus())"
     @mousemove.window="handleDrag($event)"
     @mouseup.window="stopDrag()"
     @touchmove.window="handleDrag($event)"
     @touchend.window="stopDrag()">

    <div class="tw:relative tw:w-full tw:group/grid">
        
        <button type="button"
        @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
        x-show="!atStart" x-cloak 
        aria-label="Scroll left"
        :class="activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:left-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-left" aria-hidden="true"></i>
</button>

<button type="button"
        @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
        x-show="!atEnd" x-cloak 
        aria-label="Scroll right"
        :class="activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:right-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
</button>
        <div x-ref="scrollContainer"
             @scroll="updateStatus()"
             @mousedown="startDrag($event, 'grid')"
             @touchstart.passive="startDrag($event, 'grid')"
             :class="{ 'dragging-active': isDragging }"
             @touchmove="handleTouchMove($event)"
             style="scroll-padding-left: 0px; overscroll-behavior-x: contain;"
             class="no-scrollbar tw:flex tw:gap-4 tw:w-full tw:relative tw:overflow-x-auto tw:snap-x tw:snap-mandatory tw:scroll-smooth tw:cursor-grab tw:h-[203px]">
          
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/06/09/moto-news/fire-at-honda-montesa-plant-in-spain-150-employees-evacuated-no-injuries" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Fire&#x20;at&#x20;Honda-Montesa&#x20;plant&#x20;in&#x20;Spain&#x3A;&#x20;150&#x20;employees&#x20;evacuated,&#x20;no&#x20;injuries&#x20;reported">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/06/09/moto-news/fire-at-honda-montesa-plant-in-spain-150-employees-evacuated-no-injuries?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/06/Moto%20-%20News/generic/incendio-foto.jpg?itok=s3JMqnpv" width="304" height="137" alt="Fire at the Honda-Montesa plant in Spain: 150 employees evacuated, no injuries" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/06/09/moto-news/fire-at-honda-montesa-plant-in-spain-150-employees-evacuated-no-injuries?ref=video">Fire at Honda-Montesa plant in Spain: 150 employees evacuated, no injuries reported</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Fast&#x20;By&#x20;Prosecco&#x20;Balaton,&#x20;Pernat&#x20;is&#x20;scathing&#x3A;&#x20;&#x201C;We&#x2019;re&#x20;taking&#x20;a&#x20;big&#x20;risk&#x20;here&#x201D;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/06/MotoGP/generic/fast-sito.jpg?itok=SrAjYdpz" width="304" height="206" alt="Fast By Prosecco Balaton: Pernat is scathing: “We’re taking a huge risk here”" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html?ref=video">Fast By Prosecco Balaton, Pernat is scathing: “We’re taking a big risk here”</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/06/05/motogp/superfile-becomes-title-sponsor-of-the-trackhouse-team.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="SuperFile&#x20;becomes&#x20;title&#x20;sponsor&#x20;of&#x20;the&#x20;Trackhouse&#x20;team">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/06/05/motogp/superfile-becomes-title-sponsor-of-the-trackhouse-team.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/06/MotoGP/generic/trackhouse-superfile.jpg?itok=UChiqRQW" width="304" height="202" alt="SuperFile becomes the title sponsor of the Trackhouse team" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/06/05/motogp/superfile-becomes-title-sponsor-of-the-trackhouse-team.html?ref=video">SuperFile becomes title sponsor of the Trackhouse team</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/06/03/motogp/what-do-bagnaia-and-antonelli-have-in-common-were-terrible-at-the-start.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="What&#x20;do&#x20;Bagnaia&#x20;and&#x20;Antonelli&#x20;have&#x20;in&#x20;common&#x3F;&#x20;&amp;quot&#x3B;We&amp;&#x23;039&#x3B;re&#x20;terrible&#x20;at&#x20;the&#x20;start.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/06/03/motogp/what-do-bagnaia-and-antonelli-have-in-common-were-terrible-at-the-start.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/06/MotoGP/generic/bagnaia-antonelli.jpg?itok=XuLOpmrS" width="304" height="235" alt="What do Bagnaia and Antonelli have in common? &quot;We&#039;re terrible at the start.&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/06/03/motogp/what-do-bagnaia-and-antonelli-have-in-common-were-terrible-at-the-start.html?ref=video">What do Bagnaia and Antonelli have in common? &quot;We&#039;re terrible at the start.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/06/01/motogp/fast-by-prosecco-pernat-aprilia-dominated-at-mugello-ducatis-stronghold.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Fast&#x20;By&#x20;Prosecco,&#x20;Pernat&#x3A;&#x20;&#x201C;Aprilia&#x20;dominated&#x20;at&#x20;Mugello,&#x20;Ducati&#x2019;s&#x20;stronghold&#x201D;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/06/01/motogp/fast-by-prosecco-pernat-aprilia-dominated-at-mugello-ducatis-stronghold.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/06/MotoGP/generic/cover-fat-eng.jpg?itok=cidLE7-I" width="304" height="171" alt="Fast By Prosecco, Pernat: “Aprilia dominated at Mugello, Ducati’s stronghold”" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/06/01/motogp/fast-by-prosecco-pernat-aprilia-dominated-at-mugello-ducatis-stronghold.html?ref=video">Fast By Prosecco, Pernat: “Aprilia dominated at Mugello, Ducati’s stronghold”</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/31/motogp/live-at-bar-sport-at-6-30-p-m-aprilia-monster-at-mugello.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="LIVE&#x20;at&#x20;Bar&#x20;Sport&#x20;at&#x20;6&#x3A;30&#x20;p.m.&#x20;&#x2013;&#x20;Aprilia&#x20;Monster&#x20;at&#x20;Mugello&#x21;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/31/motogp/live-at-bar-sport-at-6-30-p-m-aprilia-monster-at-mugello.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/cover-bs-sunday.jpg?itok=cNHNs7tU" width="304" height="171" alt="LIVE at Bar Sport at 6:30 p.m. – Aprilia Monstro at Mugello!" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/31/motogp/live-at-bar-sport-at-6-30-p-m-aprilia-monster-at-mugello.html?ref=video">LIVE at Bar Sport at 6:30 p.m. – Aprilia Monster at Mugello!</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/28/motogp/barbier-the-2027-motogp-season-will-be-more-about-the-bikes-with-pirelli-there" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Barbier&#x3A;&#x20;&amp;quot&#x3B;The&#x20;2027&#x20;MotoGP&#x20;season&#x20;will&#x20;be&#x20;more&#x20;about&#x20;the&#x20;bikes.&#x20;With&#x20;Pirelli,&#x20;there&#x20;will&#x20;be&#x20;immediate&#x20;grip&#x20;and&#x20;less&#x20;extreme&#x20;performance.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/28/motogp/barbier-the-2027-motogp-season-will-be-more-about-the-bikes-with-pirelli-there?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/cover-barbier-2.jpg?itok=YVbGAdfQ" width="304" height="171" alt="Barbier: &quot;The 2027 MotoGP season will be more about the bikes. With Pirelli, there will be immediate grip and less extreme performance.&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/28/motogp/barbier-the-2027-motogp-season-will-be-more-about-the-bikes-with-pirelli-there?ref=video">Barbier: &quot;The 2027 MotoGP season will be more about the bikes. With Pirelli, there will be immediate grip and less extreme performance.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/28/motogp/alex-marquez-i-asked-to-see-the-fall-and-realized-how-lucky-i-was.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Alex&#x20;Marquez&#x3A;&#x20;&amp;quot&#x3B;I&#x20;asked&#x20;to&#x20;see&#x20;the&#x20;fall&#x20;and&#x20;realized&#x20;how&#x20;lucky&#x20;I&#x20;was&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/28/motogp/alex-marquez-i-asked-to-see-the-fall-and-realized-how-lucky-i-was.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/alex-marquez-youtube.jpg?itok=onqcWqUO" width="304" height="158" alt="Alex Marquez: &quot;I asked to see the crash and realized how lucky I was&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/28/motogp/alex-marquez-i-asked-to-see-the-fall-and-realized-how-lucky-i-was.html?ref=video">Alex Marquez: &quot;I asked to see the fall and realized how lucky I was&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/27/motogp/jorge-martin-at-mugello-youve-got-to-show-your-attributes.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Jorge&#x20;Mart&#x00ED;n&#x3A;&#x20;&amp;quot&#x3B;At&#x20;Mugello,&#x20;you&amp;&#x23;039&#x3B;ve&#x20;got&#x20;to&#x20;show&#x20;your&#x20;attributes&#x21;&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/27/motogp/jorge-martin-at-mugello-youve-got-to-show-your-attributes.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/cover-martin.jpg?itok=MWKTG9Nn" width="304" height="171" alt="Jorge Martín: &quot;At Mugello, you&#039;ve got to show some guts!&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/27/motogp/jorge-martin-at-mugello-youve-got-to-show-your-attributes.html?ref=video">Jorge Martín: &quot;At Mugello, you&#039;ve got to show your attributes!&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/27/motogp/melandri-joins-forces-with-lav-to-urge-riders-to-stop-wearing-kangaroo-leather" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Melandri&#x20;joins&#x20;forces&#x20;with&#x20;LAV&#x20;to&#x20;urge&#x20;riders&#x20;to&#x20;stop&#x20;wearing&#x20;kangaroo&#x20;leather&#x20;race&#x20;suits">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/27/motogp/melandri-joins-forces-with-lav-to-urge-riders-to-stop-wearing-kangaroo-leather?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/melandri-testimonial-lav.jpg?itok=lYiBjtwS" width="304" height="203" alt="Melandri joins forces with LAV to urge riders to stop wearing kangaroo leather suits" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/27/motogp/melandri-joins-forces-with-lav-to-urge-riders-to-stop-wearing-kangaroo-leather?ref=video">Melandri joins forces with LAV to urge riders to stop wearing kangaroo leather race suits</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/27/motogp/bezzecchi-the-bikes-at-the-piaggio-museum-id-love-to-take-a-spin-on-simoncellis" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Bezzecchi&#x3A;&#x20;&amp;quot&#x3B;The&#x20;bikes&#x20;at&#x20;the&#x20;Piaggio&#x20;Museum&#x3F;&#x20;I&amp;&#x23;039&#x3B;d&#x20;love&#x20;to&#x20;take&#x20;a&#x20;spin&#x20;on&#x20;Simoncelli&amp;&#x23;039&#x3B;s&#x20;250&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/27/motogp/bezzecchi-the-bikes-at-the-piaggio-museum-id-love-to-take-a-spin-on-simoncellis?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/cover-bez-2.jpg?itok=5tKasIDi" width="304" height="171" alt="Bezzecchi: &quot;The bikes at the Piaggio Museum? I&#039;d love to take the 250 for a spin&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/27/motogp/bezzecchi-the-bikes-at-the-piaggio-museum-id-love-to-take-a-spin-on-simoncellis?ref=video">Bezzecchi: &quot;The bikes at the Piaggio Museum? I&#039;d love to take a spin on Simoncelli&#039;s 250&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/27/motogp/schwantz-marquez-if-anyone-can-make-a-comeback-as-early-as-mugello-its-him.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Schwantz&#x3A;&#x20;&amp;quot&#x3B;Marquez&#x3F;&#x20;If&#x20;anyone&#x20;can&#x20;make&#x20;a&#x20;comeback&#x20;as&#x20;early&#x20;as&#x20;Mugello,&#x20;it&amp;&#x23;039&#x3B;s&#x20;him.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/27/motogp/schwantz-marquez-if-anyone-can-make-a-comeback-as-early-as-mugello-its-him.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/cover-schwantz-0.jpg?itok=dV5CbGyN" width="304" height="171" alt="Schwantz: &quot;Marquez? If anyone can make a comeback as early as Mugello, it&#039;s him.&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/27/motogp/schwantz-marquez-if-anyone-can-make-a-comeback-as-early-as-mugello-its-him.html?ref=video">Schwantz: &quot;Marquez? If anyone can make a comeback as early as Mugello, it&#039;s him.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/25/moto2/vietti-between-vr46-and-motogp-whoevers-the-best-will-get-the-spot.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Vietti&#x20;between&#x20;VR46&#x20;and&#x20;MotoGP&#x3A;&#x20;&#x201C;Whoever&amp;&#x23;039&#x3B;s&#x20;the&#x20;best&#x20;will&#x20;get&#x20;the&#x20;spot&#x201D;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/25/moto2/vietti-between-vr46-and-motogp-whoevers-the-best-will-get-the-spot.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/Moto2/generic/cover-vietti.jpg?itok=MFFbOTTo" width="304" height="171" alt="Vietti on VR46 and MotoGP: “Whoever is the best will get the spot”" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/25/moto2/vietti-between-vr46-and-motogp-whoevers-the-best-will-get-the-spot.html?ref=video">Vietti between VR46 and MotoGP: “Whoever&#039;s the best will get the spot”</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/24/wsbk/bulega-im-winning-because-of-the-panigale-there-are-seven-others-and-its-always-the" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Bulega&#x3A;&#x20;&amp;quot&#x3B;I&amp;&#x23;039&#x3B;m&#x20;winning&#x20;because&#x20;of&#x20;the&#x20;Panigale&#x3F;&#x20;There&#x20;are&#x20;seven&#x20;others,&#x20;and&#x20;it&amp;&#x23;039&#x3B;s&#x20;always&#x20;the&#x20;same&#x20;one&#x20;that&#x20;wins.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/24/wsbk/bulega-im-winning-because-of-the-panigale-there-are-seven-others-and-its-always-the?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/WSBK/generic/cover-bulega-ok.jpg?itok=L0uN_xkc" width="304" height="171" alt="Bulega: &quot;Am I winning because of the Panigale? There are seven others, and it&#039;s always the same one that wins.&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/24/wsbk/bulega-im-winning-because-of-the-panigale-there-are-seven-others-and-its-always-the?ref=video">Bulega: &quot;I&#039;m winning because of the Panigale? There are seven others, and it&#039;s always the same one that wins.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/19/motogp/fast-by-prosecco-pernat-between-regulations-and-tires-this-isnt-a-sport-anymore" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Fast&#x20;By&#x20;Prosecco,&#x20;Pernat&#x3A;&#x20;&amp;quot&#x3B;Between&#x20;regulations&#x20;and&#x20;tires,&#x20;this&#x20;isn&amp;&#x23;039&#x3B;t&#x20;a&#x20;sport&#x20;anymore&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/19/motogp/fast-by-prosecco-pernat-between-regulations-and-tires-this-isnt-a-sport-anymore?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/cover-fast-barcellona.jpg?itok=mGoSLlsN" width="304" height="171" alt="Fast By Prosecco, Pernat: &quot;Between regulations and tires, this isn&#039;t a sport anymore&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/19/motogp/fast-by-prosecco-pernat-between-regulations-and-tires-this-isnt-a-sport-anymore?ref=video">Fast By Prosecco, Pernat: &quot;Between regulations and tires, this isn&#039;t a sport anymore&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/19/motogp/rossi-relives-austria-2020-nightmare-that-was-scary-then-applauds-di-giannantonio" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Rossi&#x20;relives&#x20;Austria&#x20;2020&#x20;nightmare&#x3A;&#x20;&#x201C;That&#x20;was&#x20;scary&amp;quot&#x3B;,&#x20;then&#x20;applauds&#x20;Di&#x20;Giannantonio">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/19/motogp/rossi-relives-austria-2020-nightmare-that-was-scary-then-applauds-di-giannantonio?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/rossi-redbullring.jpg?itok=uknU1x52" width="304" height="203" alt="Rossi relives the nightmare of Austria 2020: “That was scary.” Then he applauds Di Giannantonio" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/19/motogp/rossi-relives-austria-2020-nightmare-that-was-scary-then-applauds-di-giannantonio?ref=video">Rossi relives Austria 2020 nightmare: “That was scary&quot;, then applauds Di Giannantonio</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/18/motogp/tgpone-barcelona-test-acosta-in-the-lead-concerns-persist-for-martin.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="TGPOne&#x20;Barcelona&#x20;Test&#x3A;&#x20;Acosta&#x20;in&#x20;the&#x20;Lead,&#x20;Concerns&#x20;Persist&#x20;for&#x20;Mart&#x00ED;n">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/18/motogp/tgpone-barcelona-test-acosta-in-the-lead-concerns-persist-for-martin.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/cover-2-tg-sito.jpg?itok=_SyXLojZ" width="304" height="171" alt="TGPOne Barcelona Test: Acosta in the Lead, Concerns Remain for Martín" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/18/motogp/tgpone-barcelona-test-acosta-in-the-lead-concerns-persist-for-martin.html?ref=video">TGPOne Barcelona Test: Acosta in the Lead, Concerns Persist for Martín</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/14/motogp/tardozzi-marquez-has-shown-his-human-side-hell-be-back-to-winning-ways.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Tardozzi&#x3A;&#x20;&#x201C;Marquez&#x20;has&#x20;shown&#x20;his&#x20;human&#x20;side&#x3B;&#x20;he&#x2019;ll&#x20;be&#x20;back&#x20;to&#x20;winning&#x20;ways&#x201D;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/14/motogp/tardozzi-marquez-has-shown-his-human-side-hell-be-back-to-winning-ways.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/cover-tardozzi.jpeg?itok=aS03iP2H" width="304" height="171" alt="Tardozzi: “Marquez has shown his human side; he’ll be back to winning ways”" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/14/motogp/tardozzi-marquez-has-shown-his-human-side-hell-be-back-to-winning-ways.html?ref=video">Tardozzi: “Marquez has shown his human side; he’ll be back to winning ways”</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/13/motogp/marquezs-confession-at-le-mans-im-riding-with-an-arm-and-a-half.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Marquez&#x2019;s&#x20;confession&#x20;at&#x20;Le&#x20;Mans&#x3A;&#x20;&#x201C;I&#x2019;m&#x20;riding&#x20;with&#x20;an&#x20;arm&#x20;and&#x20;a&#x20;half&#x201D;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/13/motogp/marquezs-confession-at-le-mans-im-riding-with-an-arm-and-a-half.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/marquez-box-le-mans.jpg?itok=BMBM0Gtf" width="304" height="203" alt="Marquez’s confession at Le Mans: “I’m riding with only one and a half arms”" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/13/motogp/marquezs-confession-at-le-mans-im-riding-with-an-arm-and-a-half.html?ref=video">Marquez’s confession at Le Mans: “I’m riding with an arm and a half”</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/12/motogp/fast-by-prosecco-pernat-the-verdict-at-le-mans-on-the-day-of-aprilias-triumph" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Fast&#x20;by&#x20;Prosecco,&#x20;Pernat&#x3A;&#x20;&amp;quot&#x3B;The&#x20;verdict&#x20;at&#x20;Le&#x20;Mans&#x20;on&#x20;the&#x20;day&#x20;of&#x20;Aprilia&amp;&#x23;039&#x3B;s&#x20;triumph&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/12/motogp/fast-by-prosecco-pernat-the-verdict-at-le-mans-on-the-day-of-aprilias-triumph?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/cover-fast-eng.jpg?itok=sK4psDiP" width="304" height="171" alt="FAST BY PROSECCO LE MANS" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/12/motogp/fast-by-prosecco-pernat-the-verdict-at-le-mans-on-the-day-of-aprilias-triumph?ref=video">Fast by Prosecco, Pernat: &quot;The verdict at Le Mans on the day of Aprilia&#039;s triumph&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/09/motogp/live-on-bar-sport-at-7-00-pm-double-shock-martin-bounces-back-but-we-lose-marquez" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="LIVE&#x20;on&#x20;Bar&#x20;Sport&#x20;at&#x20;7&#x3A;00&#x20;pm&#x20;&#x2013;&#x20;Double&#x20;shock&#x3A;&#x20;Mart&#x00ED;n&#x20;bounces&#x20;back,&#x20;but&#x20;we&#x20;lose&#x20;Marquez">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/09/motogp/live-on-bar-sport-at-7-00-pm-double-shock-martin-bounces-back-but-we-lose-marquez?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/bs-sito.jpg?itok=BN9NEetj" width="304" height="171" alt="BS LE MANS" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/09/motogp/live-on-bar-sport-at-7-00-pm-double-shock-martin-bounces-back-but-we-lose-marquez?ref=video">LIVE on Bar Sport at 7:00 pm – Double shock: Martín bounces back, but we lose Marquez</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/09/motogp/tgpone-le-mans-new-rule-on-entering-pits-following-marquez-incident.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="TGPOne&#x20;Le&#x20;Mans&#x3A;&#x20;New&#x20;rule&#x20;on&#x20;entering&#x20;pits&#x20;following&#x20;Marquez&#x20;incident">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/09/motogp/tgpone-le-mans-new-rule-on-entering-pits-following-marquez-incident.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/1000238367.jpg?itok=zto4Fly5" width="304" height="203" alt="TGPone Le Mans" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/09/motogp/tgpone-le-mans-new-rule-on-entering-pits-following-marquez-incident.html?ref=video">TGPOne Le Mans: New rule on entering pits following Marquez incident</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/09/motogp/brembo-le-mans-highly-demanding-circuit-on-brakes.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Brembo&#x3A;&#x20;Le&#x20;Mans,&#x20;highly&#x20;demanding&#x20;circuit&#x20;on&#x20;brakes">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/09/motogp/brembo-le-mans-highly-demanding-circuit-on-brakes.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/brembo-ambience.jpg?itok=C5s7VtlM" width="304" height="199" alt="Brembo: Le Mans is a highly demanding circuit for brakes" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/09/motogp/brembo-le-mans-highly-demanding-circuit-on-brakes.html?ref=video">Brembo: Le Mans, highly demanding circuit on brakes</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/06/formula-1/alex-zanardi-and-the-impossible-overtake-how-the-legend-of-the-pass-was-born" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Alex&#x20;Zanardi&#x20;and&#x20;the&#x20;impossible&#x20;overtake&#x3A;&#x20;how&#x20;the&#x20;legend&#x20;of&#x20;&#x201C;The&#x20;Pass&#x201D;&#x20;was&#x20;born">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/06/formula-1/alex-zanardi-and-the-impossible-overtake-how-the-legend-of-the-pass-was-born?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/FORMULA%201/generic/cover-zanardi.jpg?itok=eu8nZjbP" width="304" height="171" alt="ALEX ZANARDI THE PASS" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/06/formula-1/alex-zanardi-and-the-impossible-overtake-how-the-legend-of-the-pass-was-born?ref=video">Alex Zanardi and the impossible overtake: how the legend of “The Pass” was born</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/05/motogp/jorge-lorenzo-marc-marquezs-problem-is-his-arm-he-lacks-strength.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Jorge&#x20;Lorenzo&#x3A;&#x20;&amp;quot&#x3B;Marc&#x20;Marquez&amp;&#x23;039&#x3B;s&#x20;problem&#x20;is&#x20;his&#x20;arm.&#x20;He&#x20;lacks&#x20;strength.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/05/motogp/jorge-lorenzo-marc-marquezs-problem-is-his-arm-he-lacks-strength.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/MotoGP/generic/jorge-lorenzo.jpg?itok=ZdsuNHOJ" width="304" height="229" alt="Jorge Lorenzo: &quot;Marc Marquez&#039;s problem is his arm; he lacks strength&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/05/motogp/jorge-lorenzo-marc-marquezs-problem-is-his-arm-he-lacks-strength.html?ref=video">Jorge Lorenzo: &quot;Marc Marquez&#039;s problem is his arm. He lacks strength.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/05/03/wsbk/tgpone-balaton-is-bulega-unstoppable-and-ready-to-say-goodbye-to-superbike.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="TGPOne&#x20;Balaton&#x3A;&#x20;Is&#x20;Bulega&#x20;unstoppable&#x2014;and&#x20;ready&#x20;to&#x20;say&#x20;goodbye&#x20;to&#x20;Superbike&#x3F;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/03/wsbk/tgpone-balaton-is-bulega-unstoppable-and-ready-to-say-goodbye-to-superbike.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/05/WSBK/generic/cover-tg-sunday.jpg?itok=UZWTLDxX" width="304" height="171" alt="TGPONE BALATON PARK" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/03/wsbk/tgpone-balaton-is-bulega-unstoppable-and-ready-to-say-goodbye-to-superbike.html?ref=video">TGPOne Balaton: Is Bulega unstoppable—and ready to say goodbye to Superbike?</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/04/30/wsbk/petrucci-toprak-maybe-well-go-head-to-head-at-mugello-on-bmws.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Petrucci&#x3A;&#x20;&#x201C;Toprak&#x3F;&#x20;Maybe&#x20;we&#x2019;ll&#x20;go&#x20;head-to-head&#x20;at&#x20;Mugello&#x20;on&#x20;BMWs&#x201D;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/30/wsbk/petrucci-toprak-maybe-well-go-head-to-head-at-mugello-on-bmws.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/04/WSBK/generic/cover-danilo.jpg?itok=ioj8Ajxr" width="304" height="171" alt="DANILO PETRUCCI" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/30/wsbk/petrucci-toprak-maybe-well-go-head-to-head-at-mugello-on-bmws.html?ref=video">Petrucci: “Toprak? Maybe we’ll go head-to-head at Mugello on BMWs”</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/04/30/motogp/migno-and-life-as-the-mig-babol-youre-stealing-my-job.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Migno&#x20;and&#x20;life&#x20;as&#x20;&amp;&#x23;039&#x3B;The&#x20;Mig&#x20;Babol&amp;&#x23;039&#x3B;&#x3A;&#x20;YOU&amp;&#x23;039&#x3B;RE&#x20;STEALING&#x20;MY&#x20;JOB&#x21;&#x21;&#x21;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/30/motogp/migno-and-life-as-the-mig-babol-youre-stealing-my-job.html?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/04/MotoGP/generic/cover-migno.jpg?itok=K84OuFmQ" width="304" height="171" alt="Andrea Migno" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/30/motogp/migno-and-life-as-the-mig-babol-youre-stealing-my-job.html?ref=video">Migno and life as &#039;The Mig Babol&#039;: YOU&#039;RE STEALING MY JOB!!!</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/04/30/motogp/video-marquez-jokes-about-his-return-to-honda-its-just-marketing-thats-how-they" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="VIDEO&#x20;-&#x20;Marquez&#x20;jokes&#x20;about&#x20;his&#x20;return&#x20;to&#x20;Honda&#x3A;&#x20;&amp;quot&#x3B;It&amp;&#x23;039&#x3B;s&#x20;just&#x20;marketing.&#x20;That&amp;&#x23;039&#x3B;s&#x20;how&#x20;they&#x20;talk&#x20;about&#x20;me.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/30/motogp/video-marquez-jokes-about-his-return-to-honda-its-just-marketing-thats-how-they?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/04/MotoGP/generic/marquez-viso.jpg?itok=QkkXZz8v" width="304" height="203" alt="VIDEO - Marquez jokes about his return to Honda: &quot;It&#039;s just marketing—that&#039;s how they talk about me&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/30/motogp/video-marquez-jokes-about-his-return-to-honda-its-just-marketing-thats-how-they?ref=video">VIDEO - Marquez jokes about his return to Honda: &quot;It&#039;s just marketing. That&#039;s how they talk about me.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 203px;">
                  <a href="/en/2026/04/29/motogp/jerez-aprilia-steps-up-its-game-aerodynamics-take-center-stage-ducati-plays-catch" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Jerez&#x3A;&#x20;Aprilia&#x20;steps&#x20;up&#x20;its&#x20;game,&#x20;aerodynamics&#x20;take&#x20;center&#x20;stage,&#x20;Ducati&#x20;plays&#x20;catch-up">
                    <div class="tw:relative tw:w-full tw:aspect-video tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/29/motogp/jerez-aprilia-steps-up-its-game-aerodynamics-take-center-stage-ducati-plays-catch?ref=video">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_16_9/public/images/2026/article/foto/04/MotoGP/generic/cover-tgpone.jpg?itok=CrRlptRm" width="304" height="171" alt="Jerez: Aprilia steps up its game; aerodynamics take center stage, Ducati plays catch-up" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-1  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/29/motogp/jerez-aprilia-steps-up-its-game-aerodynamics-take-center-stage-ducati-plays-catch?ref=video">Jerez: Aprilia steps up its game, aerodynamics take center stage, Ducati plays catch-up</a>
                        </h3>
                    </div>
                  </a>
              </article>
          
                    <div class="tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:mr-4 tw:flex tw:items-center tw:justify-center tw:rounded-xl tw:relative tw:overflow-hidden tw:bg-white" style="height: 203px;">
              <div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-0" style="background: linear-gradient(180deg, #B21A18 2.88%, #7D0705 100%);"></div>

              <div class="tw:absolute tw:inset-0 tw:z-10 tw:dark:hidden" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>
              <div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-10" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>

              <a href="/en/section/videos" aria-label="See more articles" class="tw:inset-0 tw:absolute tw:flex tw:items-center tw:justify-center tw:no-underline tw:z-20 tw:cursor-pointer" @click="if(isDragging) $event.preventDefault()">
                  <div class="tw:px-4 tw:py-2 tw:rounded-full tw:bg-black tw:dark:bg-white tw:flex tw:items-center tw:gap-2 tw:border-2 tw:dark:border-[#181817] tw:border-white tw:transform tw:transition-transform tw:duration-300 tw:hover:scale-110">
                      <span class="tw:text-white tw:dark:text-black tw:font-black tw:text-sm">See more</span>
                      <i class="fa-solid fa-chevron-right tw:text-white tw:dark:text-black tw:text-[9px] tw:transform tw:transition-transform tw:duration-300 tw:hover:translate-x-1"></i>
                  </div>
              </a>
          </div>
          
        </div>
    </div>

    



<style>
  .drag-handle { 
    width: 140px; height: 70px; cursor: grab; z-index: 100; 
    touch-action: none; user-select: none; background: transparent; 
  }
  .drag-handle:active { cursor: grabbing; }
  .gpone-svg-icon { fill: currentColor; }
</style>

<div class="tw:flex tw:justify-center tw:items-center tw:gap-10 tw:py-8 tw:pr-4 tw:md:pr-0">
    
        <button @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
            :disabled="atStart"
            x-cloak 
            :class="[
                activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atStart ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-left tw:text-[10px]"></i>
    </button>

        <div class="tw:relative tw:w-72 tw:md:w-96 tw:h-12 tw:flex tw:items-center" x-ref="track">
        <div class="tw:w-full tw:h-[2px] tw:bg-black/10 tw:dark:bg-white/10 tw:relative tw:rounded-full tw:pointer-events-none">
                        <div class="tw:absolute tw:left-0 tw:top-0 tw:h-full tw:bg-red-600 tw:rounded-full" 
                 :style="{ 
                    width: 'calc(' + progress + '% - 17px)', 
                    transition: (isDragging || isAutoScrolling) ? 'none' : 'width 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' 
                 }"></div>
        </div>
        
        <div class="tw:absolute tw:top-1/2 tw:z-50" 
             :style="{ left: progress + '%', transform: 'translate(-50%, -50%)', transition: (isDragging || isAutoScrolling) ? 'none' : 'left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' }">
            
            <div class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center">
                 <div class="drag-handle" @mousedown="startDrag($event, 'track')" @touchstart.stop.prevent="startDrag($event, 'track')"></div>
            </div>

            <div class="tw:relative tw:transition-all tw:duration-300"
                 :class="{ '': (isDragging || isAutoScrolling) && movingRight }">
              
                              <svg width="48" height="32" viewBox="0 0 30 20" class="tw:text-[#181817] tw:dark:text-white">
                  <path d="m23.05 12.95 4.88 2.52c.26.13.56-.05.56-.34V4.87c0-.29-.31-.48-.56-.34l-4.88 2.52c-.13.07-.21.2-.21.35v5.21c0 .15.08.28.21.35ZM19.73 2.79H3.81C2.54 2.79 1.5 3.82 1.5 5.1v9.81c0 1.27 1.03 2.31 2.31 2.31h15.93c1.27 0 2.31-1.03 2.31-2.31V5.09c0-1.27-1.03-2.31-2.31-2.31Zm-4.19 7.67-5.29 3.76c-.37.26-.89 0-.89-.46V6.24c0-.46.51-.72.89-.46l5.29 3.76c.31.22.31.69 0 .91Z" class="gpone-svg-icon"/>
                </svg>
                          </div>
        </div>
    </div>

        <button @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
            :disabled="atEnd"
            :class="[
                activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atEnd ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-right tw:text-[10px]"></i>
    </button>
</div>

</div>
</div>

  </div></div>

  </div><div id="block-gpone-advhome" class="tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14">
  
    
      
            <div><div data-nosnippet class="dh250-mh600">
      <div class="gptslot" data-adunitid="11"></div>
</div></div>
      
  </div><div class="views-element-container tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14" id="block-gpone-views-block-home-standing-inline-card-block-1">
  
    
      <div><div class="tw:w-full js-view-dom-id-e6edac9cd58ba4ab5663c0e707d70ea636686aab624347770e6f9ecbe2b6cfa9">

  <header class="tw:mb-4"><h2 class="tw:text-3xl tw:lg:text-5xl tw:mb-8  tw:font-bold tw:italic tw:dark:text-white tw:text-[#181817]">On track</h2><div class="tw:w-full js-view-dom-id-49c0ca1c7d518d78f43fb7e900f301d16f64135b2babab25d30f4f1216632040">

    <div class="view-content">

<div class="gpone-pitwall-banner tw:flex tw:flex-col tw:gap-4 tw:mb-8 tw:w-full tw:pr-3" 
     x-data="{ 
        myTZ: Intl.DateTimeFormat().resolvedOptions().timeZone,
        now: new Date().getTime(),

        cleanISO(s) {
            let res = s.replace(/[^0-9T:Z+-]/g, '');
            if (res.length === 16 && !res.includes('-')) {
                res = res.substring(0, 4) + '-' + s.substring(4, 6) + '-' + s.substring(6, 11) + ':' + s.substring(11, 13) + ':' + s.substring(13);
            }
            if (!res.includes('Z') && !res.includes('+')) res += 'Z';
            return res;
        },

        format(rawStr) {
            if(!rawStr || rawStr.length < 8) return '--:--';
            let s = this.cleanISO(rawStr);
            let date = new Date(s);
            if (isNaN(date.getTime())) return '--:--';

            return new Intl.DateTimeFormat('en-GB', {
                hour: '2-digit', minute: '2-digit', hour12: false, timeZone: this.myTZ
            }).format(date);
        },

        isLive(startStr, endStr) {
            const s = new Date(this.cleanISO(startStr)).getTime();
            const e = new Date(this.cleanISO(endStr)).getTime();
            return this.now >= s && this.now <= e;
        }
     }" x-init="setInterval(() => { now = new Date().getTime() }, 60000)" x-cloak>

        <div class="tw:w-full tw:flex tw:items-center">
        <h2 class="tw:text-lg tw:lg:text-xl tw:font-bold tw:italic tw:text-[#181817] tw:dark:text-white tw:uppercase tw:mb-0">
            Upcoming Race
        </h2>
    </div>

        <div class="tw:flex tw:flex-row tw:gap-3 tw:lg:gap-4 tw:overflow-x-auto tw:snap-x tw:snap-mandatory tw:w-full tw:pb-4 tw:scrollbar-hide">
        
                                                        
                                                
                        <div class="tw:group tw:relative tw:flex tw:items-stretch tw:w-full tw:md:w-[calc((100%-0.75rem)/2)] tw:lg:w-[calc((100%-1rem)/2)] tw:2xl:w-[calc((100%-2rem)/3)] tw:3xl:w-[calc((100%-3rem)/4)] tw:min-h-[72px] tw:h-auto tw:flex-shrink-0 tw:snap-start tw:overflow-hidden tw:rounded-xl tw:border tw:transition-all tw:duration-300 tw:ease-out tw:transform hover:tw:-translate-y-0.5 hover:tw:shadow-lg "
                 x-data="{ live: isLive('2026-06-13T15:30:00+0200', '2026-06-13T16:30:00+0200') }"
                 :class="live ? 'tw:border-red-600 tw:shadow-[0_0_15px_rgba(220,38,38,0.3)] tw:bg-red-50 tw:dark:bg-red-950/20' : 'tw:border-[#7D95A4]/50 tw:bg-white tw:dark:bg-[#1f2022] hover:tw:border-[#181817] dark:hover:tw:border-white/50'">
                
                                <a href="/en/ontrack/calendar" class="tw:absolute tw:inset-0 tw:z-[20]" aria-label="Calendar"></a>
                
                                <div class="tw:flex tw:items-center tw:justify-center tw:p-2 tw:w-[65px] tw:lg:w-[95px] tw:flex-shrink-0 tw:text-white -tw:ml-[1px] -tw:my-[1px] tw:relative"
                     :style="{ backgroundColor: 'var(--color-sbk, #181817)' }">
                    <span class="tw:text-[11px] tw:lg:text-[15px] tw:font-black tw:italic tw:uppercase tw:tracking-widest tw:text-white tw:z-10 tw:text-center">
                        SBK
                    </span>
                    <div class="tw:absolute tw:inset-0 tw:bg-black/10 tw:z-0"></div>
                </div>

                                <div class="tw:flex tw:items-center tw:justify-between tw:flex-1 tw:px-3 tw:lg:px-4 tw:py-1.5 tw:gap-2 tw:min-w-0">
                    
                                        <div class="tw:flex tw:items-center tw:gap-2.5 tw:lg:gap-4 tw:flex-1 tw:min-w-0">
                        
                                                <div class="tw:flex tw:flex-col tw:items-start tw:justify-center tw:flex-shrink-0 tw:border-r tw:border-gray-200 tw:dark:tw:border-gray-700 tw:pr-2 tw:lg:pr-4">
                            <span class="tw:text-[14px] tw:font-semibold tw:text-gray-500 tw:dark:text-gray-400 tw:uppercase tw:whitespace-nowrap">
                                <span>13 Jun</span>
                            </span>
                            
                            <span class="tw:text-[14px] tw:font-semibold tw:text-[#181817] tw:dark:text-white"
                                  :class="live ? 'tw:text-red-600 tw:dark:text-red-500' : ''"
                                  x-text="format('2026-06-13T15:30:00+0200')">
                            </span>
                        </div>

                                                <div class="tw:flex tw:flex-col tw:justify-center tw:flex-1 tw:min-w-0">
                            <div class="tw:flex tw:items-start tw:gap-1 tw:text-gray-500 tw:dark:text-gray-400 tw:mb-1">
                                <svg class="tw:w-3 tw:h-3 tw:flex-shrink-0 tw:mt-[2px]" fill="currentColor" viewBox="0 0 24 24">
                                    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z"/>
                                </svg>
                                <span class="tw:text-[12px] tw:font-medium tw:line-clamp-2 tw:leading-tight">
                                    Misano World Circuit Marco Simoncelli
                                </span>
                            </div>

                            <h3 class="tw:text-[12px] tw:lg:text-[15px] tw:font-bold tw:uppercase tw:italic tw:text-[#181817] tw:dark:text-white tw:line-clamp-2 tw:leading-tight">
                                Emilia-Romagna Race 1
                            </h3>
                        </div>

                    </div>

                                        <div class="tw:flex-shrink-0 tw:ml-1 tw:flex tw:items-center tw:relative tw:z-[30]">
                        <template x-if="live">
                                                            <div class="tw:flex tw:items-center tw:gap-1.5 tw:bg-red-600 tw:text-white tw:text-[10px] tw:lg:text-[11px] tw:font-bold tw:px-2.5 tw:lg:px-3 tw:py-1.5 tw:rounded-lg tw:uppercase tw:tracking-wider tw:shadow-md tw:shadow-red-600/30">
                                    <span class="tw:w-1.5 tw:h-1.5 tw:bg-white tw:rounded-full tw:animate-pulse tw:flex-shrink-0"></span>
                                    <span>Live</span>
                                </div>
                                                    </template>
                    </div>

                </div>

            </div>
                                                        
                                                
                        <div class="tw:group tw:relative tw:hidden tw:md:flex tw:items-stretch tw:w-full tw:md:w-[calc((100%-0.75rem)/2)] tw:lg:w-[calc((100%-1rem)/2)] tw:2xl:w-[calc((100%-2rem)/3)] tw:3xl:w-[calc((100%-3rem)/4)] tw:min-h-[72px] tw:h-auto tw:flex-shrink-0 tw:snap-start tw:overflow-hidden tw:rounded-xl tw:border tw:transition-all tw:duration-300 tw:ease-out tw:transform hover:tw:-translate-y-0.5 hover:tw:shadow-lg "
                 x-data="{ live: isLive('2026-06-14T14:00:00+0200', '2026-06-14T15:00:00+0200') }"
                 :class="live ? 'tw:border-red-600 tw:shadow-[0_0_15px_rgba(220,38,38,0.3)] tw:bg-red-50 tw:dark:bg-red-950/20' : 'tw:border-[#7D95A4]/50 tw:bg-white tw:dark:bg-[#1f2022] hover:tw:border-[#181817] dark:hover:tw:border-white/50'">
                
                                <a href="/en/ontrack/calendar" class="tw:absolute tw:inset-0 tw:z-[20]" aria-label="Calendar"></a>
                
                                <div class="tw:flex tw:items-center tw:justify-center tw:p-2 tw:w-[65px] tw:lg:w-[95px] tw:flex-shrink-0 tw:text-white -tw:ml-[1px] -tw:my-[1px] tw:relative"
                     :style="{ backgroundColor: 'var(--color-sbk, #181817)' }">
                    <span class="tw:text-[11px] tw:lg:text-[15px] tw:font-black tw:italic tw:uppercase tw:tracking-widest tw:text-white tw:z-10 tw:text-center">
                        SBK
                    </span>
                    <div class="tw:absolute tw:inset-0 tw:bg-black/10 tw:z-0"></div>
                </div>

                                <div class="tw:flex tw:items-center tw:justify-between tw:flex-1 tw:px-3 tw:lg:px-4 tw:py-1.5 tw:gap-2 tw:min-w-0">
                    
                                        <div class="tw:flex tw:items-center tw:gap-2.5 tw:lg:gap-4 tw:flex-1 tw:min-w-0">
                        
                                                <div class="tw:flex tw:flex-col tw:items-start tw:justify-center tw:flex-shrink-0 tw:border-r tw:border-gray-200 tw:dark:tw:border-gray-700 tw:pr-2 tw:lg:pr-4">
                            <span class="tw:text-[14px] tw:font-semibold tw:text-gray-500 tw:dark:text-gray-400 tw:uppercase tw:whitespace-nowrap">
                                <span>14 Jun</span>
                            </span>
                            
                            <span class="tw:text-[14px] tw:font-semibold tw:text-[#181817] tw:dark:text-white"
                                  :class="live ? 'tw:text-red-600 tw:dark:text-red-500' : ''"
                                  x-text="format('2026-06-14T14:00:00+0200')">
                            </span>
                        </div>

                                                <div class="tw:flex tw:flex-col tw:justify-center tw:flex-1 tw:min-w-0">
                            <div class="tw:flex tw:items-start tw:gap-1 tw:text-gray-500 tw:dark:text-gray-400 tw:mb-1">
                                <svg class="tw:w-3 tw:h-3 tw:flex-shrink-0 tw:mt-[2px]" fill="currentColor" viewBox="0 0 24 24">
                                    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z"/>
                                </svg>
                                <span class="tw:text-[12px] tw:font-medium tw:line-clamp-2 tw:leading-tight">
                                    Misano World Circuit Marco Simoncelli
                                </span>
                            </div>

                            <h3 class="tw:text-[12px] tw:lg:text-[15px] tw:font-bold tw:uppercase tw:italic tw:text-[#181817] tw:dark:text-white tw:line-clamp-2 tw:leading-tight">
                                Emilia-Romagna Race 2
                            </h3>
                        </div>

                    </div>

                                        <div class="tw:flex-shrink-0 tw:ml-1 tw:flex tw:items-center tw:relative tw:z-[30]">
                        <template x-if="live">
                                                            <div class="tw:flex tw:items-center tw:gap-1.5 tw:bg-red-600 tw:text-white tw:text-[10px] tw:lg:text-[11px] tw:font-bold tw:px-2.5 tw:lg:px-3 tw:py-1.5 tw:rounded-lg tw:uppercase tw:tracking-wider tw:shadow-md tw:shadow-red-600/30">
                                    <span class="tw:w-1.5 tw:h-1.5 tw:bg-white tw:rounded-full tw:animate-pulse tw:flex-shrink-0"></span>
                                    <span>Live</span>
                                </div>
                                                    </template>
                    </div>

                </div>

            </div>
                                                        
                                                
                        <div class="tw:group tw:relative tw:hidden tw:md:flex tw:items-stretch tw:w-full tw:md:w-[calc((100%-0.75rem)/2)] tw:lg:w-[calc((100%-1rem)/2)] tw:2xl:w-[calc((100%-2rem)/3)] tw:3xl:w-[calc((100%-3rem)/4)] tw:min-h-[72px] tw:h-auto tw:flex-shrink-0 tw:snap-start tw:overflow-hidden tw:rounded-xl tw:border tw:transition-all tw:duration-300 tw:ease-out tw:transform hover:tw:-translate-y-0.5 hover:tw:shadow-lg "
                 x-data="{ live: isLive('2026-06-14T15:00:00+0200', '2026-06-14T17:00:00+0200') }"
                 :class="live ? 'tw:border-red-600 tw:shadow-[0_0_15px_rgba(220,38,38,0.3)] tw:bg-red-50 tw:dark:bg-red-950/20' : 'tw:border-[#7D95A4]/50 tw:bg-white tw:dark:bg-[#1f2022] hover:tw:border-[#181817] dark:hover:tw:border-white/50'">
                
                                <a href="/en/ontrack/calendar" class="tw:absolute tw:inset-0 tw:z-[20]" aria-label="Calendar"></a>
                
                                <div class="tw:flex tw:items-center tw:justify-center tw:p-2 tw:w-[65px] tw:lg:w-[95px] tw:flex-shrink-0 tw:text-white -tw:ml-[1px] -tw:my-[1px] tw:relative"
                     :style="{ backgroundColor: 'var(--color-f1, #181817)' }">
                    <span class="tw:text-[11px] tw:lg:text-[15px] tw:font-black tw:italic tw:uppercase tw:tracking-widest tw:text-white tw:z-10 tw:text-center">
                        F1
                    </span>
                    <div class="tw:absolute tw:inset-0 tw:bg-black/10 tw:z-0"></div>
                </div>

                                <div class="tw:flex tw:items-center tw:justify-between tw:flex-1 tw:px-3 tw:lg:px-4 tw:py-1.5 tw:gap-2 tw:min-w-0">
                    
                                        <div class="tw:flex tw:items-center tw:gap-2.5 tw:lg:gap-4 tw:flex-1 tw:min-w-0">
                        
                                                <div class="tw:flex tw:flex-col tw:items-start tw:justify-center tw:flex-shrink-0 tw:border-r tw:border-gray-200 tw:dark:tw:border-gray-700 tw:pr-2 tw:lg:pr-4">
                            <span class="tw:text-[14px] tw:font-semibold tw:text-gray-500 tw:dark:text-gray-400 tw:uppercase tw:whitespace-nowrap">
                                <span>14 Jun</span>
                            </span>
                            
                            <span class="tw:text-[14px] tw:font-semibold tw:text-[#181817] tw:dark:text-white"
                                  :class="live ? 'tw:text-red-600 tw:dark:text-red-500' : ''"
                                  x-text="format('2026-06-14T15:00:00+0200')">
                            </span>
                        </div>

                                                <div class="tw:flex tw:flex-col tw:justify-center tw:flex-1 tw:min-w-0">
                            <div class="tw:flex tw:items-start tw:gap-1 tw:text-gray-500 tw:dark:text-gray-400 tw:mb-1">
                                <svg class="tw:w-3 tw:h-3 tw:flex-shrink-0 tw:mt-[2px]" fill="currentColor" viewBox="0 0 24 24">
                                    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z"/>
                                </svg>
                                <span class="tw:text-[12px] tw:font-medium tw:line-clamp-2 tw:leading-tight">
                                    Circuit de Barcelona-Catalunya
                                </span>
                            </div>

                            <h3 class="tw:text-[12px] tw:lg:text-[15px] tw:font-bold tw:uppercase tw:italic tw:text-[#181817] tw:dark:text-white tw:line-clamp-2 tw:leading-tight">
                                Barcelona-Catalunya Race
                            </h3>
                        </div>

                    </div>

                                        <div class="tw:flex-shrink-0 tw:ml-1 tw:flex tw:items-center tw:relative tw:z-[30]">
                        <template x-if="live">
                                                            <div class="tw:flex tw:items-center tw:gap-1.5 tw:bg-red-600 tw:text-white tw:text-[10px] tw:lg:text-[11px] tw:font-bold tw:px-2.5 tw:lg:px-3 tw:py-1.5 tw:rounded-lg tw:uppercase tw:tracking-wider tw:shadow-md tw:shadow-red-600/30">
                                    <span class="tw:w-1.5 tw:h-1.5 tw:bg-white tw:rounded-full tw:animate-pulse tw:flex-shrink-0"></span>
                                    <span>Live</span>
                                </div>
                                                    </template>
                    </div>

                </div>

            </div>
                                                        
                                                
                        <div class="tw:group tw:relative tw:hidden tw:md:flex tw:items-stretch tw:w-full tw:md:w-[calc((100%-0.75rem)/2)] tw:lg:w-[calc((100%-1rem)/2)] tw:2xl:w-[calc((100%-2rem)/3)] tw:3xl:w-[calc((100%-3rem)/4)] tw:min-h-[72px] tw:h-auto tw:flex-shrink-0 tw:snap-start tw:overflow-hidden tw:rounded-xl tw:border tw:transition-all tw:duration-300 tw:ease-out tw:transform hover:tw:-translate-y-0.5 hover:tw:shadow-lg tw:md:mr-4"
                 x-data="{ live: isLive('2026-06-20T15:00:00+0200', '2026-06-20T15:30:00+0200') }"
                 :class="live ? 'tw:border-red-600 tw:shadow-[0_0_15px_rgba(220,38,38,0.3)] tw:bg-red-50 tw:dark:bg-red-950/20' : 'tw:border-[#7D95A4]/50 tw:bg-white tw:dark:bg-[#1f2022] hover:tw:border-[#181817] dark:hover:tw:border-white/50'">
                
                                <a href="/en/ontrack/calendar" class="tw:absolute tw:inset-0 tw:z-[20]" aria-label="Calendar"></a>
                
                                <div class="tw:flex tw:items-center tw:justify-center tw:p-2 tw:w-[65px] tw:lg:w-[95px] tw:flex-shrink-0 tw:text-white -tw:ml-[1px] -tw:my-[1px] tw:relative"
                     :style="{ backgroundColor: 'var(--color-motogp, #181817)' }">
                    <span class="tw:text-[11px] tw:lg:text-[15px] tw:font-black tw:italic tw:uppercase tw:tracking-widest tw:text-white tw:z-10 tw:text-center">
                        MotoGP
                    </span>
                    <div class="tw:absolute tw:inset-0 tw:bg-black/10 tw:z-0"></div>
                </div>

                                <div class="tw:flex tw:items-center tw:justify-between tw:flex-1 tw:px-3 tw:lg:px-4 tw:py-1.5 tw:gap-2 tw:min-w-0">
                    
                                        <div class="tw:flex tw:items-center tw:gap-2.5 tw:lg:gap-4 tw:flex-1 tw:min-w-0">
                        
                                                <div class="tw:flex tw:flex-col tw:items-start tw:justify-center tw:flex-shrink-0 tw:border-r tw:border-gray-200 tw:dark:tw:border-gray-700 tw:pr-2 tw:lg:pr-4">
                            <span class="tw:text-[14px] tw:font-semibold tw:text-gray-500 tw:dark:text-gray-400 tw:uppercase tw:whitespace-nowrap">
                                <span>20 Jun</span>
                            </span>
                            
                            <span class="tw:text-[14px] tw:font-semibold tw:text-[#181817] tw:dark:text-white"
                                  :class="live ? 'tw:text-red-600 tw:dark:text-red-500' : ''"
                                  x-text="format('2026-06-20T15:00:00+0200')">
                            </span>
                        </div>

                                                <div class="tw:flex tw:flex-col tw:justify-center tw:flex-1 tw:min-w-0">
                            <div class="tw:flex tw:items-start tw:gap-1 tw:text-gray-500 tw:dark:text-gray-400 tw:mb-1">
                                <svg class="tw:w-3 tw:h-3 tw:flex-shrink-0 tw:mt-[2px]" fill="currentColor" viewBox="0 0 24 24">
                                    <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z"/>
                                </svg>
                                <span class="tw:text-[12px] tw:font-medium tw:line-clamp-2 tw:leading-tight">
                                    Automotodrom Brno
                                </span>
                            </div>

                            <h3 class="tw:text-[12px] tw:lg:text-[15px] tw:font-bold tw:uppercase tw:italic tw:text-[#181817] tw:dark:text-white tw:line-clamp-2 tw:leading-tight">
                                Czechia Sprint Race
                            </h3>
                        </div>

                    </div>

                                        <div class="tw:flex-shrink-0 tw:ml-1 tw:flex tw:items-center tw:relative tw:z-[30]">
                        <template x-if="live">
                                                            <a href="/en/ontrack/live-timing" class="tw:flex tw:items-center tw:gap-1.5 tw:bg-red-600 tw:text-white tw:text-[10px] tw:lg:text-[11px] tw:font-bold tw:px-2.5 tw:lg:px-3 tw:py-1.5 tw:rounded-lg tw:uppercase tw:tracking-wider tw:no-underline hover:tw:bg-red-700 tw:transition-colors tw:shadow-md tw:shadow-red-600/30">
                                    <span class="tw:w-1.5 tw:h-1.5 tw:bg-white tw:rounded-full tw:animate-pulse tw:flex-shrink-0"></span>
                                    <span>Live Timing</span>
                                </a>
                                                    </template>
                    </div>

                </div>

            </div>
            </div>
</div>

<style>
    .tw\:scrollbar-hide::-webkit-scrollbar {
        display: none;
    }
    .tw\:scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
</style></div>

  </div></header><div class="view-filters tw:flex tw:flex-col tw:pr-4 tw:md:pr-0 tw:md:flex-row tw:md:items-end tw:justify-start tw:gap-x-4 tw:gap-y-1 tw:md:gap-y-0 tw:mb-6 tw:border-b-2 tw:dark:border-white tw:border-[#181817] tw:pb-0">      <div class="tw:flex-shrink-0 tw:ml-0 tw:lg:mr-6 tw:mb-0"><h2 class="tw:text-lg tw:lg:text-xl tw:font-bold tw:italic tw:dark:text-white tw:text-[#181817] tw:uppercase tw:mb-0 tw:lg:mb-2">MotoGP Standings</h2></div><div class="gpone-exposed-form-wrapper tw:flex-shrink-0 tw:ml-0 tw:mt-0 tw:mb-0 [&_form]:tw:m-0 [&_form]:tw:flex [&_form]:tw:flex-wrap [&_form]:tw:gap-3">
          <div class="[&_.form-item]:tw:m-0 [&_.form-actions]:tw:m-0 [&_label]:tw:text-[10px] [&_label]:tw:uppercase [&_label]:tw:text-gray-500 tw:uppercase"><form class="views-exposed-form bef-exposed-form" data-bef-auto-submit="" data-bef-auto-submit-delay="500" data-bef-auto-submit-minimum-length="3" data-bef-auto-submit-full-form="" data-drupal-selector="views-exposed-form-home-standing-inline-card-block-1" action="/en/home" method="get" id="views-exposed-form-home-standing-inline-card-block-1" accept-charset="UTF-8">
  


<div class="js-form-item form-item form-type-select js-form-type-select form-item-category js-form-item-category">
      
        
<style>
  /* Freccia Nera per tema Light (#2B313A) */
  .gp-select-dynamic-arrow {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%232B313A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
  }

  /* Freccia Bianca per tema Dark (#ffffff) */
  .dark .gp-select-dynamic-arrow,
  .tw\:dark .gp-select-dynamic-arrow {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  }
</style>

<select data-drupal-selector="edit-category" id="edit-category" name="category" class="form-select tw:form-select tw:appearance-none tw:w-full tw:bg-transparent tw:dark:border-white tw:border-[#181817] tw:dark:text-white tw:text-[#181817] tw:text-sm tw:md:text-base tw:rounded-xl tw:pl-4 tw:pr-10 tw:py-2 tw:focus:ring-1 tw:dark:focus:ring-white tw:dark:focus:border-white tw:focus:ring-[#181817] tw:focus:border-[#181817] tw:cursor-pointer gp-select-dynamic-arrow"><option value="1" selected="selected" class="tw:bg-[#2B313A] tw:text-white">
        MotoGP
      </option><option value="2" class="tw:bg-[#2B313A] tw:text-white">
        Moto2
      </option><option value="3" class="tw:bg-[#2B313A] tw:text-white">
        Moto3
      </option></select>
        </div><div class="js-hide form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions--5">




  <input  data-bef-auto-submit-click="" data-drupal-selector="edit-submit-home-standing-inline-card" type="submit" id="edit-submit-home-standing-inline-card" value="Apply" class="button js-form-submit form-submit tw:w-full tw:bg-[#181817] tw:dark:bg-white tw:text-white tw:dark:text-[#181817] tw:font-bold tw:rounded-xl tw:my-3 tw:py-3 tw:px-6 tw:cursor-pointer tw:border-none tw:hover:opacity-90 tw:active:scale-95 tw:transition-all tw:duration-300" />


<style>
  input[type="checkbox"]:checked + svg,
  input[type="radio"]:checked + div {
    opacity: 1 !important;
  }
  
  /* Allineamento orizzontale per il contenitore di Drupal */
  .js-form-type-checkbox, .js-form-type-radio {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 0.5rem;
  }

  /* La label che segue la nostra checkbox */
  .js-checkbox-wrapper + label,
  .js-radio-wrapper + label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.2;
  }

  /* Piccola correzione per il link del file dentro la label */
  .js-checkbox-wrapper + label a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
  }
</style></div>


</form>
</div>
        </div></div>  <div class="view-content">    <div class="views-row"><div class="views-field views-field-field-xml"><div class="field-content">
<style>
  .no-scrollbar::-webkit-scrollbar { display: none; }
  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
  
  /* Transizione fade per i pulsanti */
  .ranking-arrow { 
      transition: all 0.2s ease; 
      opacity: 0; 
      pointer-events: none; 
  }
  
  /* Mostra pulsanti solo in hover sul contenitore principale */
  .tw\:group\/slider:hover .ranking-arrow { 
      opacity: 1; 
      pointer-events: auto; 
  }
</style>

<div class="tw:relative tw:w-full tw:mt-6 tw:group/slider" 
     x-data="{ 
        atStart: true, 
        atEnd: false,
        activeLeft: false,
        activeRight: false,

        init() { 
            this.$nextTick(() => this.checkScroll()); 
        },

        getScrollAmount() {
            return this.$refs.scrollContainer.clientWidth * 0.8;
        },

        scrollLeft() { 
            this.activeLeft = true;
            setTimeout(() => this.activeLeft = false, 400); // Effetto click rosso temporaneo

            const el = this.$refs.scrollContainer;
            el.scrollBy({ left: -this.getScrollAmount(), behavior: 'smooth' }); 
            setTimeout(() => this.checkScroll(), 500);
        },

        scrollRight() { 
            this.activeRight = true;
            setTimeout(() => this.activeRight = false, 400); // Effetto click rosso temporaneo

            const el = this.$refs.scrollContainer;
            el.scrollBy({ left: this.getScrollAmount(), behavior: 'smooth' }); 
            setTimeout(() => this.checkScroll(), 500);
        },

        checkScroll() { 
            const el = this.$refs.scrollContainer; 
            this.atStart = el.scrollLeft <= 10; 
            this.atEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 10; 
        }
     }"
     x-init="init()"
     @resize.window.debounce.100ms="checkScroll()">

      <button @click="scrollLeft()" 
          x-show="!atStart" 
          x-cloak 
          x-transition:enter="tw:transition-opacity tw:duration-300"
          x-transition:enter-start="tw:opacity-0"
          x-transition:enter-end="tw:opacity-100"
          x-transition:leave="tw:transition-opacity tw:duration-300"
          x-transition:leave-start="tw:opacity-100"
          x-transition:leave-end="tw:opacity-0"
          :class="activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
          class="ranking-arrow tw:hidden tw:lg:flex tw:absolute tw:left-4 tw:top-1/2 tw:-translate-y-1/2 tw:z-40 
                 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center 
                 tw:border-2 tw:shadow-lg tw:cursor-pointer tw:transition-all tw:duration-200">
        <svg class="tw:w-5 tw:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7"></path></svg>
  </button>

      <button @click="scrollRight()" 
          x-show="!atEnd" 
          x-cloak 
          x-transition:enter="tw:transition-opacity tw:duration-300"
          x-transition:enter-start="tw:opacity-0"
          x-transition:enter-end="tw:opacity-100"
          x-transition:leave="tw:transition-opacity tw:duration-300"
          x-transition:leave-start="tw:opacity-100"
          x-transition:leave-end="tw:opacity-0"
          :class="activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
          class="ranking-arrow tw:hidden tw:lg:flex tw:absolute tw:right-4 tw:top-1/2 tw:-translate-y-1/2 tw:z-40 
                 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center 
                 tw:border-2 tw:shadow-lg tw:cursor-pointer tw:transition-all tw:duration-200">
    <svg class="tw:w-5 tw:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M9 5l7 7-7 7"></path></svg>
  </button>

    <div x-ref="scrollContainer"
       @scroll.debounce.10ms="checkScroll()"
       class="no-scrollbar tw:flex tw:gap-3 tw:w-full tw:relative tw:overflow-x-auto tw:snap-x tw:snap-mandatory tw:pb-4 tw:px-1"
       style="-webkit-overflow-scrolling: touch;">
    
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      1
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        M. Bezzecchi
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        180
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      2
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        J. Martin
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        160
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      3
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        F. Di Giannantonio
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        138
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      4
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        P. Acosta
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        132
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      5
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        M. Marquez
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        108
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      6
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        A. Ogura
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        105
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      7
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        F. Bagnaia
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        99
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      8
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        R. Fernandez
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        93
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      9
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        A. Marquez
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        67
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      10
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        F. Aldeguer
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        64
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      11
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        L. Marini
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        57
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      12
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        E. Bastianini
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        48
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      13
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        B. Binder
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        48
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      14
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        F. Morbidelli
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        40
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      15
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        F. Quartararo
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        37
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      16
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        D. Moreira
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        36
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      17
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        J. Zarco
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        34
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      18
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        J. Mir
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        15
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      19
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        A. Rins
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        12
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      20
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        J. Miller
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        11
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      21
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        I. Lecuona
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        9
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      22
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        T. Razgatlioglu
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        9
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      23
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        M. Viñales
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        6
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      24
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        A. Fernandez
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        4
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      25
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        C. Crutchlow
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        0
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      26
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        J. Folger
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        0
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
          <div class="tw:snap-start tw:flex-shrink-0">
        
  
    

<article class="standing-card tw:flex tw:w-44 tw:h-16 tw:lg:w-[245px] tw:lg:h-[80px] tw:bg-white tw:dark:bg-[#181817] tw:rounded-lg tw:overflow-hidden">
  
    <div class="tw:w-14 tw:lg:w-20 tw:flex tw:items-center tw:justify-center tw:shrink-0" 
       style="background-color: var(--color-motogp);">
    <span class="tw:text-3xl tw:lg:text-4xl tw:text-white tw:font-black tw:italic tw:leading-none tw:[text-shadow:1px_1px_0_#000]">
      27
    </span>
  </div>

    <div class="tw:flex-1 tw:px-3 tw:lg:px-5 tw:flex tw:flex-col tw:justify-center tw:overflow-hidden">
    
    <div class="tw:text-[#181817] tw:dark:text-white">
      <h3 class="tw:text-sm tw:lg:text-base tw:font-bold tw:capitalize tw:truncate">
        M. Pirro
      </h3>
    </div>
    
    <div class="tw:flex tw:items-baseline tw:gap-1">
      <span class="">
        0
      </span>
      <span class="tw:text-[10px] tw:font-bold tw:uppercase tw:text-gray-500 tw:dark:text-gray-400 tw:leading-[1.4]">pts</span>
    </div>

  </div>
</article>
      </div>
    
  </div>

  
<div class="tw:-mt-2 tw:flex tw:items-center tw:justify-end tw:gap-1.5 tw:pr-2">
        <a href="/en/ontrack/standings" class="tw:text-sm tw:font-bold tw:uppercase tw:text-[#181817] tw:dark:text-white tw:no-underline hover:tw:opacity-80 transition-opacity">
            Full standings
        </a>
        <a href="/en/ontrack/standings" class="hover:tw:opacity-80 transition-opacity">
            <i class="fa-solid fa-arrow-right tw:text-[#e10600]"></i>
        </a>
    </div>

</div> </div></div></div>
</div>

  </div></div>

  </div><div class="views-element-container tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14" id="block-gpone-views-block-home-race-block-1">
  
    
      <div><div class="tw:w-full js-view-dom-id-32fe78fc267156972b00c931565b1e8b5170d9bb6b8ae7f2799ba728e2d7fb61">

  <div class="view-filters tw:flex tw:flex-col tw:pr-4 tw:md:pr-0 tw:md:flex-row tw:md:items-end tw:justify-start tw:gap-x-4 tw:gap-y-1 tw:md:gap-y-0 tw:mb-6 tw:border-b-2 tw:dark:border-white tw:border-[#181817] tw:pb-0">      <div class="tw:flex-shrink-0 tw:ml-0 tw:lg:mr-6 tw:mb-0"><h2 class="tw:text-lg tw:lg:text-xl tw:font-bold tw:italic tw:dark:text-white tw:text-[#181817] tw:uppercase tw:mb-0 tw:lg:mb-2">SPORT</h2></div><div class="gpone-exposed-form-wrapper tw:flex-shrink-0 tw:ml-0 tw:mt-0 tw:mb-0 [&_form]:tw:m-0 [&_form]:tw:flex [&_form]:tw:flex-wrap [&_form]:tw:gap-3">
          <div class="[&_.form-item]:tw:m-0 [&_.form-actions]:tw:m-0 [&_label]:tw:text-[10px] [&_label]:tw:uppercase [&_label]:tw:text-gray-500 tw:uppercase"><form class="views-exposed-form bef-exposed-form" data-bef-auto-submit="" data-bef-auto-submit-delay="500" data-bef-auto-submit-minimum-length="3" data-bef-auto-submit-full-form="" data-drupal-selector="views-exposed-form-home-race-block-1" action="/en/home" method="get" id="views-exposed-form-home-race-block-1" accept-charset="UTF-8">
  


<div class="js-form-item form-item form-type-select js-form-type-select form-item-ontrack js-form-item-ontrack">
      
        

  <input type="hidden" name="ontrack" value="1" id="edit-ontrack" />

<div  class="bef-links-use-ajax form-select bef-links filter- bef-nested" data-drupal-selector="edit-ontrack" id="edit-ontrack" data-name="ontrack" 
     data-view-id=""
     data-filter-id=""
     x-data="{ 
        expanded: false,
        isDesktop: window.innerWidth >= 1280
     }" 
     @resize.window="isDesktop = window.innerWidth >= 1280"
     @click.away="expanded = false"
     class="tw:w-full">
  
  <div class="tw:flex tw:flex-nowrap tw:xl:flex-wrap tw:items-center tw:gap-x-0 tw:xl:gap-x-2 tw:gap-y-2 tw:relative"
       id="bef-items-container">
    
                                                                                                                                                                                                                                                                                                                                                    
                                
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="0"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  <ul>

<li><a href="https://www.gpone.com/en/home" class="bef-link edit-ontrack--2 bef-link--selected" id="edit-ontrack-1" name="ontrack[1]">ALL</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="1"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?ontrack=2" class="bef-link edit-ontrack--3" id="edit-ontrack-2" name="ontrack[2]">MotoGP</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="2"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?ontrack=3" class="bef-link edit-ontrack--4" id="edit-ontrack-3" name="ontrack[3]">Moto2</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="3"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?ontrack=4" class="bef-link edit-ontrack--5" id="edit-ontrack-4" name="ontrack[4]">Moto3</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="4"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?ontrack=5" class="bef-link edit-ontrack--6" id="edit-ontrack-5" name="ontrack[5]">WSBK</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:inline-block"
           data-original-index="5"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?ontrack=6" class="bef-link edit-ontrack--7" id="edit-ontrack-6" name="ontrack[6]">MotoAmerica</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:inline-block"
           data-original-index="6"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?ontrack=7" class="bef-link edit-ontrack--8" id="edit-ontrack-7" name="ontrack[7]">Formula 1</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="7"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?ontrack=8" class="bef-link edit-ontrack--9" id="edit-ontrack-8" name="ontrack[8]">CIV</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="8"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?ontrack=9" class="bef-link edit-ontrack--10" id="edit-ontrack-9" name="ontrack[9]">News</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="9"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?ontrack=10" class="bef-link edit-ontrack--11" id="edit-ontrack-10" name="ontrack[10]">Eicma</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:hidden"
           data-original-index="10"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !false))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !false)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?ontrack=11" class="bef-link edit-ontrack--12" id="edit-ontrack-11" name="ontrack[11]">Dakar</a>

        </li></ul>
        </div>
    
        <div class="tw:relative tw:inline-flex tw:items-center tw:ml-auto tw:shrink-0"
         x-show="(isDesktop && 11 > 7) || (!isDesktop && 11 > 5)"
         x-cloak>
      <button type="button" 
              @click="expanded = !expanded" 
              class="tw:flex tw:flex-nowrap tw:items-center tw:text-md tw:font-bold tw:uppercase tw:text-red-600 tw:dark:text-white tw:bg-transparent tw:border-none tw:p-0 tw:cursor-pointer tw:whitespace-nowrap">
        
                <span class="tw:pl-1 tw:dark:text-white" 
              :class="isDesktop ? 'tw:text-lg' : 'tw:text-sm'"
              x-text="isDesktop ? '+' + (11 - 7) : '+' + (11 - 5)"></span>
        
                <svg class="tw:w-3 tw:h-3 tw:ml-1 tw:transition-transform tw:duration-300 tw:dark:text-white" 
             :class="expanded ? 'tw:rotate-180' : 'tw:rotate-0'" 
             fill="none" 
             stroke="currentColor" 
             stroke-width="4" 
             viewBox="0 0 24 24">
          <path d="M19 9l-7 7-7-7" />
        </svg>
      </button>
    </div>
  </div>
</div>
        </div><div class="js-hide form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions--4">




  <input  data-bef-auto-submit-click="" data-drupal-selector="edit-submit-home-race" type="submit" id="edit-submit-home-race" value="Apply" class="button js-form-submit form-submit tw:w-full tw:bg-[#181817] tw:dark:bg-white tw:text-white tw:dark:text-[#181817] tw:font-bold tw:rounded-xl tw:my-3 tw:py-3 tw:px-6 tw:cursor-pointer tw:border-none tw:hover:opacity-90 tw:active:scale-95 tw:transition-all tw:duration-300" />


<style>
  input[type="checkbox"]:checked + svg,
  input[type="radio"]:checked + div {
    opacity: 1 !important;
  }
  
  /* Allineamento orizzontale per il contenitore di Drupal */
  .js-form-type-checkbox, .js-form-type-radio {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 0.5rem;
  }

  /* La label che segue la nostra checkbox */
  .js-checkbox-wrapper + label,
  .js-radio-wrapper + label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.2;
  }

  /* Piccola correzione per il link del file dentro la label */
  .js-checkbox-wrapper + label a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
  }
</style></div>


</form>
</div>
        </div></div>  <div class="view-content">


          
<style>
	.no-scrollbar::-webkit-scrollbar {
		display: none;
	}
	.no-scrollbar {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.gpone-arrow {
		transition: all 0.3s ease;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
	}
	.tw\:group\/grid:hover .gpone-arrow {
		opacity: 1;
		visibility: visible;
	}
	.dragging-active {
		cursor: grabbing !important;
		user-select: none;
	}
</style>

<div class="tw:w-full" x-data="{
	        progress: 0,
	        atStart: true,
	        atEnd: false,
	        isDragging: false,
	        dragSource: '',
	        dragStartTime: 0,
	        animFrameId: null,
	        isAutoScrolling: false,
	        movingRight: false,
	        startX: 0,
	        startY: 0,
	        scrollLeftStart: 0,
	        ticking: false,
	        activeLeft: false,
	        activeRight: false,

	        updateStatus() {
	            if (!this.ticking) {
	                window.requestAnimationFrame(() => {
	                    const el = this.$refs.scrollContainer;
	                    if (!el) return;
	                    const scrollable = el.scrollWidth - el.clientWidth;
	                    this.progress = scrollable > 0 ? (el.scrollLeft / scrollable) * 100 : 0;
	                    this.atStart = el.scrollLeft <= 15;
	                    this.atEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 15;
	                    this.ticking = false;
	                });
	                this.ticking = true;
	            }
	        },

	        smoothScrollTo(el, target, duration, onComplete) {
	            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
	            el.style.scrollSnapType = 'none';
	            el.style.scrollBehavior = 'auto';
	            const start = el.scrollLeft;
	            const dist = target - start;
	            if (Math.abs(dist) < 1) {
	                el.style.scrollSnapType = 'x mandatory';
	                this.updateStatus();
	                if (onComplete) onComplete();
	                return;
	            }
	            const t0 = performance.now();
	            const ease = t => 1 - Math.pow(1 - t, 3);
	            const step = (now) => {
	                const p = Math.min((now - t0) / duration, 1);
	                el.scrollLeft = start + dist * ease(p);
	                if (p < 1) {
	                    this.animFrameId = requestAnimationFrame(step);
	                } else {
	                    el.scrollLeft = target;
	                    el.style.scrollSnapType = 'x mandatory';
	                    this.animFrameId = null;
	                    this.updateStatus();
	                    if (onComplete) onComplete();
	                }
	            };
	            this.animFrameId = requestAnimationFrame(step);
	        },

	        arrowScroll(direction) {
	            if (this.isAutoScrolling) return;
	            const el = this.$refs.scrollContainer;
	            this.isAutoScrolling = true;
	            this.movingRight = (direction === 'right');
	            const snapUnit = 316;
	            const cols = window.innerWidth >= 1024
	                ? Math.max(1, Math.floor(el.clientWidth * 0.8 / snapUnit))
	                : 1;
	            const delta = (direction === 'right' ? 1 : -1) * snapUnit * cols;
	            const target = Math.max(0, Math.min(el.scrollLeft + delta, el.scrollWidth - el.clientWidth));
	            this.smoothScrollTo(el, target, 620, () => { this.isAutoScrolling = false; });
	        },

	        startDrag(e, source) {
	            const el = this.$refs.scrollContainer;
	            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
	            el.style.scrollBehavior = 'auto';
	            el.scrollLeft = el.scrollLeft;
	            this.isDragging = true;
	            this.dragSource = source;
	            this.dragStartTime = Date.now();
	            const clientX = e.type.includes('touch') ? e.touches[0].clientX : e.clientX;
	            const clientY = e.type.includes('touch') ? e.touches[0].clientY : e.clientY;
	            this.startX = clientX;
	            this.startY = clientY;
	            this.scrollLeftStart = el.scrollLeft;
	            el.style.scrollSnapType = 'none';
	            if (e.type === 'mousedown') e.preventDefault();
	        },

	        handleDrag(e) {
	            if (!this.isDragging) return;
	            const isTouch = e.type.includes('touch');
	            const clientX = isTouch ? (e.touches?.[0]?.clientX ?? this.startX) : e.clientX;
	            const deltaX = clientX - this.startX;
	            const el = this.$refs.scrollContainer;

	            if (this.dragSource === 'grid') {
	                const multiplier = isTouch ? 1 : 1.5;
	                el.scrollLeft = this.scrollLeftStart - (deltaX * multiplier);
	            } else if (this.dragSource === 'track') {
	                const scrollable = el.scrollWidth - el.clientWidth;
	                const trackWidth = this.$refs.track.clientWidth;
	                el.scrollLeft = this.scrollLeftStart + (deltaX / trackWidth * scrollable);
	            }
	            this.movingRight = deltaX > 0;
	            this.updateStatus();
	        },

	        handleTouchMove(e) {
	            if (!this.isDragging || this.dragSource !== 'grid') return;
	            const dx = Math.abs(e.touches[0].clientX - this.startX);
	            const dy = Math.abs(e.touches[0].clientY - this.startY);
	            if (dx > dy && e.cancelable) e.preventDefault();
	        },

	        stopDrag() {
	            if (!this.isDragging) return;
	            this.isDragging = false;
	            const el = this.$refs.scrollContainer;

	            const snapUnit = 316;
	            const swipeDelta = el.scrollLeft - this.scrollLeftStart;
	            const velocity = Math.abs(swipeDelta) / Math.max(1, Date.now() - this.dragStartTime);

	            const startIndex = Math.round(this.scrollLeftStart / snapUnit);
	            let targetIndex;
	            if (Math.abs(swipeDelta) > 15 || velocity > 0.2) {
	                const cols = Math.max(1, Math.round(Math.abs(swipeDelta) / snapUnit));
	                targetIndex = swipeDelta > 0 ? startIndex + cols : startIndex - cols;
	            } else {
	                targetIndex = startIndex;
	            }

	            const maxScroll = el.scrollWidth - el.clientWidth;
	            targetIndex = Math.max(0, Math.min(targetIndex, Math.round(maxScroll / snapUnit)));
	            const target = Math.min(targetIndex * snapUnit, maxScroll);

	            this.smoothScrollTo(el, target, 620);
	        }
	     }"
	x-init="$nextTick(() => updateStatus())"
	@mousemove.window="handleDrag($event)"
	@mouseup.window="stopDrag()"
	@touchmove.window="handleDrag($event)"
	@touchend.window="stopDrag()">

	<div class="tw:relative tw:w-full tw:group/grid">

		<button type="button"
        @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
        x-show="!atStart" x-cloak 
        aria-label="Scroll left"
        :class="activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:left-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-left" aria-hidden="true"></i>
</button>

<button type="button"
        @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
        x-show="!atEnd" x-cloak 
        aria-label="Scroll right"
        :class="activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:right-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
</button>
		<div x-ref="scrollContainer"
		     @scroll="updateStatus()"
		     @mousedown="startDrag($event, 'grid')"
		     @touchstart.passive="startDrag($event, 'grid')"
		     :class="{ 'dragging-active': isDragging }"
		     @touchmove="handleTouchMove($event)"
		     style="scroll-padding-left: 0px; overscroll-behavior-x: contain;"
		     class="no-scrollbar tw:grid tw:gap-4 tw:w-full tw:relative tw:overflow-x-auto tw:grid-rows-1 tw:lg:grid-rows-2 tw:grid-flow-col tw:auto-cols-[300px] tw:h-[320px] tw:lg:h-[620px] tw:snap-x tw:snap-mandatory tw:scroll-smooth tw:pr-4 tw:cursor-grab">

											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:lg:row-span-2 tw:col-span-1 tw:lg:col-span-2 tw:w-[300px] tw:lg:w-[616px]">
					<a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Superbike&#x20;market&#x20;heating&#x20;up,&#x20;Bimota&#x20;getting&#x20;head&#x20;start&#x20;on&#x20;2027&#x21;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_m_3_2/public/images/2026/article/foto/06/WSBK/generic/bimota.jpg?itok=rRjbGEJm" width="654" height="436" alt="Bimota" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3 tw:lg:left-6 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm tw:lg:text-xl tw:text-white tw:uppercase tag-id_13674">
								WSBK
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 tw:lg:px-6">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs tw:lg:[&_time]:text-base">
									<time datetime="2026-06-09T12:26:15+02:00" title="09 Jun - 12:26">09 Jun - 12:26</time>

								</div>
														<h2 class="tw:text-base tw:lg:text-3xl tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html?ref=ontrack">Superbike market heating up, Bimota getting head start on 2027!</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/09/motogp/bastianini-the-bike-isnt-always-the-same-but-we-can-be-fast-here.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Bastianini&#x3A;&#x20;&amp;quot&#x3B;The&#x20;bike&#x20;isn&amp;&#x23;039&#x3B;t&#x20;always&#x20;the&#x20;same,&#x20;but&#x20;we&#x20;can&#x20;be&#x20;fast&#x20;here&amp;quot&#x3B;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/09/motogp/bastianini-the-bike-isnt-always-the-same-but-we-can-be-fast-here.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/bastianini-barcellona-box.jpg?itok=LYfKmLUE" width="315" height="210" alt="Bastianini: &quot;The bike isn&#039;t always the same, but we can be fast here&quot;" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-09T12:18:22+02:00" title="09 Jun - 12:18">09 Jun - 12:18</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/09/motogp/bastianini-the-bike-isnt-always-the-same-but-we-can-be-fast-here.html?ref=ontrack">Bastianini: &quot;The bike isn&#039;t always the same, but we can be fast here&quot;</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Red&#x20;Roulette&#x3A;&#x20;Bulega&#x20;Takes&#x20;on&#x20;Bulega&#x20;at&#x20;Misano,&#x20;Seeking&#x20;Revenge&#x20;and&#x20;Looking&#x20;to&#x20;Break&#x20;a&#x20;Curse">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/WSBK/generic/bulega1.jpg?itok=f1DiwIfH" width="315" height="210" alt="Open the window" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13674">
								WSBK
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-09T11:22:05+02:00" title="09 Jun - 11:22">09 Jun - 11:22</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break?ref=ontrack">Red Roulette: Bulega Takes on Bulega at Misano, Seeking Revenge and Looking to Break a Curse</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Ferrari&#x3A;&#x20;&#x201C;Safety&#x3F;&#x20;Rules&#x20;and&#x20;changes&#x20;aren&#x2019;t&#x20;enough&#x2014;we&#x20;need&#x20;to&#x20;educate&#x20;the&#x20;riders&#x201D;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/virginio-ferrari.jpeg?itok=D7QwSCm1" width="315" height="210" alt="Ferrari: “Safety? Rules and changes aren’t enough—we need to educate the drivers”" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-08T22:44:35+02:00" title="08 Jun - 22:44">08 Jun - 22:44</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html?ref=ontrack">Ferrari: “Safety? Rules and changes aren’t enough—we need to educate the riders”</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="No&#x20;Misano&#x20;for&#x20;Petrucci,&#x20;but&#x20;Oliveira&#x20;back&#x20;on&#x20;BMW&#x21;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/WSBK/generic/petrux.jpg?itok=RH0je2G1" width="315" height="210" alt="Danilo Petrucci" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13674">
								WSBK
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-08T20:46:39+02:00" title="08 Jun - 20:46">08 Jun - 20:46</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html?ref=ontrack">No Misano for Petrucci, but Oliveira back on BMW!</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/08/motogp/martin-publicly-apologizes-on-instagram-riders-forgive-him-in-comments.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Martin&#x20;publicly&#x20;apologizes&#x20;on&#x20;Instagram,&#x20;riders&#x20;forgive&#x20;him&#x20;in&#x20;comments">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/08/motogp/martin-publicly-apologizes-on-instagram-riders-forgive-him-in-comments.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/martin-ig.jpg?itok=uv-S1nwt" width="315" height="210" alt="Martin publicly apologizes on Instagram; in the comments, the drivers forgive him" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-08T19:37:31+02:00" title="08 Jun - 19:37">08 Jun - 19:37</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/08/motogp/martin-publicly-apologizes-on-instagram-riders-forgive-him-in-comments.html?ref=ontrack">Martin publicly apologizes on Instagram, riders forgive him in comments</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Fast&#x20;By&#x20;Prosecco&#x20;Balaton,&#x20;Pernat&#x20;is&#x20;scathing&#x3A;&#x20;&#x201C;We&#x2019;re&#x20;taking&#x20;a&#x20;big&#x20;risk&#x20;here&#x201D;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/fast-sito.jpg?itok=pecFs6cq" width="315" height="210" alt="Fast By Prosecco Balaton: Pernat is scathing: “We’re taking a huge risk here”" />

</a>
							</div>

														<div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
								<div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
									<svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
										<path d="M8 5v14l11-7z"/>
									</svg>
								</div>
							</div>
							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-08T18:35:27+02:00" title="08 Jun - 18:35">08 Jun - 18:35</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html?ref=ontrack">Fast By Prosecco Balaton, Pernat is scathing: “We’re taking a big risk here”</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:lg:row-span-2 tw:col-span-1 tw:lg:col-span-2 tw:w-[300px] tw:lg:w-[616px]">
					<a href="/en/2026/06/08/motogp/hungarian-grand-prix-the-good-the-bad-and-the-ugly.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Hungarian&#x20;Grand&#x20;Prix&#x3A;&#x20;The&#x20;Good,&#x20;the&#x20;Bad,&#x20;and&#x20;the&#x20;Ugly">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/08/motogp/hungarian-grand-prix-the-good-the-bad-and-the-ugly.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_m_3_2/public/images/2026/article/foto/06/MotoGP/generic/bbc-marquez-100.jpg?itok=skBtHUbv" width="654" height="436" alt="Hungarian Grand Prix: The Good, the Bad, and the Ugly" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3 tw:lg:left-6 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm tw:lg:text-xl tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 tw:lg:px-6">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs tw:lg:[&_time]:text-base">
									<time datetime="2026-06-08T17:45:56+02:00" title="08 Jun - 17:45">08 Jun - 17:45</time>

								</div>
														<h2 class="tw:text-base tw:lg:text-3xl tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/08/motogp/hungarian-grand-prix-the-good-the-bad-and-the-ugly.html?ref=ontrack">Hungarian Grand Prix: The Good, the Bad, and the Ugly</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/08/motogp/marini-its-a-jungle-out-there-i-saw-martin-and-thought-hes-going-to-hit-someone" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Marini&#x3A;&#x20;&amp;quot&#x3B;It&amp;&#x23;039&#x3B;s&#x20;a&#x20;jungle&#x20;out&#x20;there&#x3A;&#x20;I&#x20;saw&#x20;Martin&#x20;and&#x20;thought,&#x20;&amp;&#x23;039&#x3B;He&amp;&#x23;039&#x3B;s&#x20;going&#x20;to&#x20;hit&#x20;someone.&amp;&#x23;039&#x3B;&amp;quot&#x3B;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/08/motogp/marini-its-a-jungle-out-there-i-saw-martin-and-thought-hes-going-to-hit-someone?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/img-3838.jpg?itok=Xo2Rydj8" width="315" height="210" alt="Marini: &quot;I saw Martin and thought, &#039;He&#039;s going to strike out.&#039;&quot;" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-08T15:03:39+02:00" title="08 Jun - 15:03">08 Jun - 15:03</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/08/motogp/marini-its-a-jungle-out-there-i-saw-martin-and-thought-hes-going-to-hit-someone?ref=ontrack">Marini: &quot;It&#039;s a jungle out there: I saw Martin and thought, &#039;He&#039;s going to hit someone.&#039;&quot;</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/08/motogp/marquez-enters-the-record-books-as-the-third-rider-in-history-to-reach-100-wins" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="M&#x00E1;rquez&#x20;enters&#x20;the&#x20;record&#x20;books&#x20;as&#x20;the&#x20;third&#x20;rider&#x20;in&#x20;history&#x20;to&#x20;reach&#x20;100&#x20;wins">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/08/motogp/marquez-enters-the-record-books-as-the-third-rider-in-history-to-reach-100-wins?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marquez-100-2-001.jpg?itok=pyOSbr1f" width="315" height="210" alt="Márquez enters the record books: he is the third rider in history to reach 100 wins" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-08T11:04:22+02:00" title="08 Jun - 11:04">08 Jun - 11:04</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/08/motogp/marquez-enters-the-record-books-as-the-third-rider-in-history-to-reach-100-wins?ref=ontrack">Márquez enters the record books as the third rider in history to reach 100 wins</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/motogp/bagnaia-i-would-never-play-poker-with-marquez.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Bagnaia&#x3A;&#x20;&#x201C;I&#x20;would&#x20;never&#x20;play&#x20;poker&#x20;with&#x20;Marquez&#x201D;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/bagnaia-i-would-never-play-poker-with-marquez.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/bagnaia-balaton.jpg?itok=l7Ia6Cbs" width="315" height="210" alt="Bagnaia: “I would never play poker with Marquez”" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T22:59:33+02:00" title="07 Jun - 22:59">07 Jun - 22:59</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/bagnaia-i-would-never-play-poker-with-marquez.html?ref=ontrack">Bagnaia: “I would never play poker with Marquez”</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/moto3/david-munoz-underwent-pelvic-surgery-following-terrible-accident-at-balaton-park" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="David&#x20;Mu&#x00F1;oz&#x20;underwent&#x20;pelvic&#x20;surgery&#x20;following&#x20;terrible&#x20;accident&#x20;at&#x20;Balaton&#x20;Park">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/moto3/david-munoz-underwent-pelvic-surgery-following-terrible-accident-at-balaton-park?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/Moto3/generic/munoz-grid.jpeg?itok=06huVDY8" width="315" height="210" alt="David Munoz underwent pelvic surgery following the terrible accident at Balaton Park" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13671">
								Moto3
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T22:35:48+02:00" title="07 Jun - 22:35">07 Jun - 22:35</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/moto3/david-munoz-underwent-pelvic-surgery-following-terrible-accident-at-balaton-park?ref=ontrack">David Muñoz underwent pelvic surgery following terrible accident at Balaton Park</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/motogp/tardozzi-marc-isnt-at-100-but-theres-a-voice-inside-him-that-always-tells-him-you" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Tardozzi&#x3A;&#x20;&amp;quot&#x3B;Marc&#x20;isn&amp;&#x23;039&#x3B;t&#x20;at&#x20;100&#x25;,&#x20;but&#x20;there&amp;&#x23;039&#x3B;s&#x20;a&#x20;voice&#x20;inside&#x20;him&#x20;that&#x20;always&#x20;tells&#x20;him,&#x20;&amp;&#x23;039&#x3B;You&#x20;can&#x20;do&#x20;better.&amp;&#x23;039&#x3B;&amp;quot&#x3B;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/tardozzi-marc-isnt-at-100-but-theres-a-voice-inside-him-that-always-tells-him-you?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/10/MotoGP/generic/tardozzi-01-1759660399.jpg?itok=Xt0x4tyK" width="315" height="210" alt="Tardozzi: &quot;Marc isn&#039;t at 100%, but there&#039;s a voice inside him that always tells him, &#039;You can do better.&#039;&quot;" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T18:50:43+02:00" title="07 Jun - 18:50">07 Jun - 18:50</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/tardozzi-marc-isnt-at-100-but-theres-a-voice-inside-him-that-always-tells-him-you?ref=ontrack">Tardozzi: &quot;Marc isn&#039;t at 100%, but there&#039;s a voice inside him that always tells him, &#039;You can do better.&#039;&quot;</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/motogp/rivola-jorge-martin-made-a-mistake-unworthy-of-a-world-champion.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Rivola&#x3A;&#x20;&amp;quot&#x3B;Jorge&#x20;Martin&#x20;made&#x20;a&#x20;mistake&#x20;unworthy&#x20;of&#x20;a&#x20;world&#x20;champion&amp;quot&#x3B;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/rivola-jorge-martin-made-a-mistake-unworthy-of-a-world-champion.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/martin-postcrash.JPG?itok=rCkroQwS" width="315" height="210" alt="Rivola: &quot;Jorge Martin made a mistake unworthy of a world champion&quot;" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T18:48:32+02:00" title="07 Jun - 18:48">07 Jun - 18:48</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/rivola-jorge-martin-made-a-mistake-unworthy-of-a-world-champion.html?ref=ontrack">Rivola: &quot;Jorge Martin made a mistake unworthy of a world champion&quot;</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:lg:row-span-2 tw:col-span-1 tw:lg:col-span-2 tw:w-[300px] tw:lg:w-[616px]">
					<a href="/en/2026/06/07/motogp/marquez-everything-has-changed-since-2025-the-price-was-high-but-it-was-worth-it" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Marquez&#x3A;&#x20;&amp;quot&#x3B;Everything&#x20;has&#x20;changed&#x20;since&#x20;2025&#x3A;&#x20;the&#x20;price&#x20;was&#x20;high,&#x20;but&#x20;it&#x20;was&#x20;worth&#x20;it&amp;quot&#x3B;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/marquez-everything-has-changed-since-2025-the-price-was-high-but-it-was-worth-it?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_m_3_2/public/images/2026/article/foto/06/MotoGP/generic/marc-podio.jpg?itok=IMzldFwW" width="654" height="436" alt="MARC MARQUEZ" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3 tw:lg:left-6 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm tw:lg:text-xl tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 tw:lg:px-6">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs tw:lg:[&_time]:text-base">
									<time datetime="2026-06-07T18:01:48+02:00" title="07 Jun - 18:01">07 Jun - 18:01</time>

								</div>
														<h2 class="tw:text-base tw:lg:text-3xl tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/marquez-everything-has-changed-since-2025-the-price-was-high-but-it-was-worth-it?ref=ontrack">Marquez: &quot;Everything has changed since 2025: the price was high, but it was worth it&quot;</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/formula-1/monaco-crowns-kimi-antonelli-no-longer-a-surprise-hes-a-certainty.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Monaco&#x20;crowns&#x20;Kimi&#x20;Antonelli&#x3A;&#x20;no&#x20;longer&#x20;a&#x20;surprise,&#x20;he&amp;&#x23;039&#x3B;s&#x20;a&#x20;certainty">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/formula-1/monaco-crowns-kimi-antonelli-no-longer-a-surprise-hes-a-certainty.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/FORMULA%201/generic/kimi-podio-monaco.jpg?itok=Ep5PYXon" width="315" height="210" alt="Monaco crowns Kimi Antonelli: no longer a surprise, it&#039;s a certainty" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_59380">
								FORMULA 1
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T17:50:06+02:00" title="07 Jun - 17:50">07 Jun - 17:50</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/formula-1/monaco-crowns-kimi-antonelli-no-longer-a-surprise-hes-a-certainty.html?ref=ontrack">Monaco crowns Kimi Antonelli: no longer a surprise, he&#039;s a certainty</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/motogp/di-giannantonio-superheroes-are-the-ones-who-win-not-the-ones-who-risk-killing" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Di&#x20;Giannantonio&#x3A;&#x20;&#x201C;Superheroes&#x20;are&#x20;the&#x20;ones&#x20;who&#x20;win,&#x20;not&#x20;the&#x20;ones&#x20;who&#x20;risk&#x20;killing&#x20;five&#x20;people&#x201D;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/di-giannantonio-superheroes-are-the-ones-who-win-not-the-ones-who-risk-killing?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/diggia_3.jpg?itok=PtpXfwUR" width="315" height="210" alt="Di Giannantonio: “Superheroes are the ones who win, not the ones who risk killing five people”" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T17:20:00+02:00" title="07 Jun - 17:20">07 Jun - 17:20</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/di-giannantonio-superheroes-are-the-ones-who-win-not-the-ones-who-risk-killing?ref=ontrack">Di Giannantonio: “Superheroes are the ones who win, not the ones who risk killing five people”</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/motogp/the-mistake-comes-at-a-high-cost-jorge-martin-hit-with-a-double-long-lap-penalty" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="The&#x20;mistake&#x20;comes&#x20;at&#x20;a&#x20;high&#x20;cost&#x3A;&#x20;Jorge&#x20;Martin&#x20;hit&#x20;with&#x20;a&#x20;double&#x20;long-lap&#x20;penalty&#x21;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/the-mistake-comes-at-a-high-cost-jorge-martin-hit-with-a-double-long-lap-penalty?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/apriliaracing-hungariangp08-2026-saturday-04.jpg?itok=FQRFKPAU" width="315" height="210" alt="Jorge Martin" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T16:32:27+02:00" title="07 Jun - 16:32">07 Jun - 16:32</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/the-mistake-comes-at-a-high-cost-jorge-martin-hit-with-a-double-long-lap-penalty?ref=ontrack">The mistake comes at a high cost: Jorge Martin hit with a double long-lap penalty!</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/motogp/two-riders-zero-points-aprilia-squanders-its-chances-marquez-capitalizes-and" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Two&#x20;riders,&#x20;zero&#x20;points&#x3A;&#x20;Aprilia&#x20;squanders&#x20;its&#x20;chances,&#x20;Marquez&#x20;capitalizes&#x20;and&#x20;takes&#x20;the&#x20;win&#x20;at&#x20;Balaton">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/two-riders-zero-points-aprilia-squanders-its-chances-marquez-capitalizes-and?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marquez-balaton-gp001.jpeg?itok=7KFe0Xw3" width="315" height="210" alt="Two riders, zero points: Aprilia squanders its chances, Marquez capitalizes and takes the win" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T16:13:47+02:00" title="07 Jun - 16:13">07 Jun - 16:13</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/two-riders-zero-points-aprilia-squanders-its-chances-marquez-capitalizes-and?ref=ontrack">Two riders, zero points: Aprilia squanders its chances, Marquez capitalizes and takes the win at Balaton</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/motogp/sensational-pile-up-at-balaton-martin-hits-bezzecchi-5-riders-fall.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Sensational&#x20;pile-up&#x20;at&#x20;Balaton&#x3A;&#x20;Martin&#x20;hits&#x20;Bezzecchi,&#x20;5&#x20;riders&#x20;fall&#x21;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/sensational-pile-up-at-balaton-martin-hits-bezzecchi-5-riders-fall.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/caduta.jpg?itok=H-bBMIAc" width="315" height="210" alt="Il crash avvenuto al circuito di Balaton durante la gara di MotoGP ha suscitato numerose discussioni nel Paddock. I team stanno analizzando i dati per capire le cause esatte dell&#039;incidente, mentre i piloti coinvolti sono stati immediatamente soccorsi e assistiti dai medici presenti sul posto. La sicurezza dei corridori è sempre la priorità principale, e il caso è seguito da vicino da tutti gli appassionati del settore. Restate sintonizzati su GPOne per ulteriori aggiornamenti." />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T16:11:07+02:00" title="07 Jun - 16:11">07 Jun - 16:11</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/sensational-pile-up-at-balaton-martin-hits-bezzecchi-5-riders-fall.html?ref=ontrack">Sensational pile-up at Balaton: Martin hits Bezzecchi, 5 riders fall!</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/motogp/dr-costa-marquez-suffering-has-forged-an-invincible-knight.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Dr.&#x20;Costa&#x3A;&#x20;&amp;quot&#x3B;Marquez&#x3F;&#x20;Suffering&#x20;has&#x20;forged&#x20;an&#x20;invincible&#x20;knight&amp;quot&#x3B;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/dr-costa-marquez-suffering-has-forged-an-invincible-knight.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/claudio-costa-e-virginio-ferrari-conferenza-imola.jpeg?itok=1HSHsEct" width="315" height="210" alt="Dr. Costa: &quot;Marquez? Suffering has forged an invincible knight&quot;" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T12:58:08+02:00" title="07 Jun - 12:58">07 Jun - 12:58</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/dr-costa-marquez-suffering-has-forged-an-invincible-knight.html?ref=ontrack">Dr. Costa: &quot;Marquez? Suffering has forged an invincible knight&quot;</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:lg:row-span-2 tw:col-span-1 tw:lg:col-span-2 tw:w-[300px] tw:lg:w-[616px]">
					<a href="/en/2026/06/07/motogp/live-the-live-coverage-of-the-hungarian-grand-prix-at-balaton.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="LIVE&#x20;-&#x20;The&#x20;live&#x20;coverage&#x20;of&#x20;the&#x20;Hungarian&#x20;Grand&#x20;Prix&#x20;at&#x20;Balaton">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/live-the-live-coverage-of-the-hungarian-grand-prix-at-balaton.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_m_3_2/public/images/2026/article/foto/06/MotoGP/generic/marc-win.jpg?itok=w-l2yTpf" width="654" height="436" alt="LIVE HUNGARY" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3 tw:lg:left-6 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm tw:lg:text-xl tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 tw:lg:px-6">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs tw:lg:[&_time]:text-base">
									<time datetime="2026-06-07T09:00:24+02:00" title="07 Jun - 09:00">07 Jun - 09:00</time>

								</div>
														<h2 class="tw:text-base tw:lg:text-3xl tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/live-the-live-coverage-of-the-hungarian-grand-prix-at-balaton.html?ref=ontrack">LIVE - The live coverage of the Hungarian Grand Prix at Balaton</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/motogp/bezzecchi-marquez-we-expected-it-he-was-the-only-one-who-said-no.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Bezzecchi&#x3A;&#x20;&amp;quot&#x3B;Marquez&#x3F;&#x20;We&#x20;expected&#x20;it&#x3B;&#x20;he&#x20;was&#x20;the&#x20;only&#x20;one&#x20;who&#x20;said&#x20;no.&amp;quot&#x3B;&#x20;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/bezzecchi-marquez-we-expected-it-he-was-the-only-one-who-said-no.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/tin1427.jpg?itok=VxOqPxG0" width="315" height="210" alt="Bezzecchi Balaton Sprint 2026" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T08:19:39+02:00" title="07 Jun - 08:19">07 Jun - 08:19</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/bezzecchi-marquez-we-expected-it-he-was-the-only-one-who-said-no.html?ref=ontrack">Bezzecchi: &quot;Marquez? We expected it; he was the only one who said no.&quot; </a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/07/motogp/toprak-lecuona-im-not-surprised-he-rides-a-ducati.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Toprak&#x3A;&#x20;&amp;quot&#x3B;Lecuona&#x3F;&#x20;I&amp;&#x23;039&#x3B;m&#x20;not&#x20;surprised&#x2014;he&#x20;rides&#x20;a&#x20;Ducati.&amp;quot&#x3B;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/07/motogp/toprak-lecuona-im-not-surprised-he-rides-a-ducati.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/toprak.jpg?itok=Q77FLrsA" width="315" height="210" alt="Soil" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-07T08:16:33+02:00" title="07 Jun - 08:16">07 Jun - 08:16</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/07/motogp/toprak-lecuona-im-not-surprised-he-rides-a-ducati.html?ref=ontrack">Toprak: &quot;Lecuona? I&#039;m not surprised—he rides a Ducati.&quot;</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/06/motogp/bagnaia-ducati-closer-to-aprilia-at-balaton-its-marquez-who-makes-the-difference" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Bagnaia&#x3A;&#x20;&amp;quot&#x3B;Ducati&#x20;closer&#x20;to&#x20;Aprilia&#x20;at&#x20;Balaton&#x3F;&#x20;It&amp;&#x23;039&#x3B;s&#x20;Marquez&#x20;who&#x20;makes&#x20;the&#x20;difference&amp;quot&#x3B;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/06/motogp/bagnaia-ducati-closer-to-aprilia-at-balaton-its-marquez-who-makes-the-difference?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/bagnaia-digiannantonio-action.jpg?itok=LmzQyDMf" width="315" height="210" alt="Bagnaia: &quot;Is Ducati closer to Aprilia at Balaton? It&#039;s Marquez who makes the difference&quot;" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-06T19:09:43+02:00" title="06 Jun - 19:09">06 Jun - 19:09</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/06/motogp/bagnaia-ducati-closer-to-aprilia-at-balaton-its-marquez-who-makes-the-difference?ref=ontrack">Bagnaia: &quot;Ducati closer to Aprilia at Balaton? It&#039;s Marquez who makes the difference&quot;</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/06/motogp/acosta-responds-to-marc-lucky-i-dont-have-a-ducati-were-not-doing-that-badly.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Acosta&#x20;responds&#x20;to&#x20;Marc&#x3A;&#x20;&amp;quot&#x3B;Lucky&#x20;I&#x20;don&amp;&#x23;039&#x3B;t&#x20;have&#x20;a&#x20;Ducati&#x3F;&#x20;We&amp;&#x23;039&#x3B;re&#x20;not&#x20;doing&#x20;that&#x20;badly.&amp;quot&#x3B;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/06/motogp/acosta-responds-to-marc-lucky-i-dont-have-a-ducati-were-not-doing-that-badly.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/pedro-acosta-barcelona-catalunya.jpg?itok=s5eaUOLV" width="315" height="210" alt="Acosta replies to Marc: &quot;Lucky I don&#039;t have a Ducati? We&#039;re not doing that badly.&quot;" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-06T18:52:08+02:00" title="06 Jun - 18:52">06 Jun - 18:52</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/06/motogp/acosta-responds-to-marc-lucky-i-dont-have-a-ducati-were-not-doing-that-badly.html?ref=ontrack">Acosta responds to Marc: &quot;Lucky I don&#039;t have a Ducati? We&#039;re not doing that badly.&quot;</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/06/motogp/marquez-its-a-good-thing-acosta-doesnt-ride-a-ducati-and-aldeguer-doesnt-have-a" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Marquez&#x3A;&#x20;&#x201C;It&#x2019;s&#x20;a&#x20;good&#x20;thing&#x20;Acosta&#x20;doesn&#x2019;t&#x20;ride&#x20;a&#x20;Ducati&#x20;and&#x20;Aldeguer&#x20;doesn&#x2019;t&#x20;have&#x20;a&#x20;GP26&#x201D;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/06/motogp/marquez-its-a-good-thing-acosta-doesnt-ride-a-ducati-and-aldeguer-doesnt-have-a?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marc1.jpg?itok=pLuM9zqZ" width="315" height="210" alt="Marc Márquez" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-06T18:08:13+02:00" title="06 Jun - 18:08">06 Jun - 18:08</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/06/motogp/marquez-its-a-good-thing-acosta-doesnt-ride-a-ducati-and-aldeguer-doesnt-have-a?ref=ontrack">Marquez: “It’s a good thing Acosta doesn’t ride a Ducati and Aldeguer doesn’t have a GP26”</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/06/motogp/two-laps-to-settle-the-score-at-balaton-park-marquez-delivers-a-tyson-style" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Two&#x20;laps&#x20;to&#x20;settle&#x20;the&#x20;score&#x20;at&#x20;Balaton&#x20;Park&#x3A;&#x20;Marquez&#x20;delivers&#x20;a&#x20;Tyson-style&#x20;knockout&#x20;blow">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/06/motogp/two-laps-to-settle-the-score-at-balaton-park-marquez-delivers-a-tyson-style?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marquez-balaton001.jpeg?itok=p3KBKPzH" width="315" height="210" alt="Two laps to settle the score at Balaton Park: Marquez delivers a knockout blow to Tyson" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-06T16:59:25+02:00" title="06 Jun - 16:59">06 Jun - 16:59</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/06/motogp/two-laps-to-settle-the-score-at-balaton-park-marquez-delivers-a-tyson-style?ref=ontrack">Two laps to settle the score at Balaton Park: Marquez delivers a Tyson-style knockout blow</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:lg:row-span-2 tw:col-span-1 tw:lg:col-span-2 tw:w-[300px] tw:lg:w-[616px]">
					<a href="/en/2026/06/06/motogp/master-of-hospitality-miller-and-guevara-lead-with-green-menu.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Master&#x20;of&#x20;Hospitality&#x3A;&#x20;Miller&#x20;and&#x20;Guevara&#x20;lead&#x20;with&#x20;&amp;&#x23;039&#x3B;green&amp;&#x23;039&#x3B;&#x20;menu">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/06/motogp/master-of-hospitality-miller-and-guevara-lead-with-green-menu.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_m_3_2/public/images/2026/article/foto/06/MotoGP/generic/prosecco-pramac09.jpg?itok=jvn0jPGk" width="654" height="436" alt="Master of Hospitality: Miller and Guevara Take the Lead with a &#039;Green&#039; Menu" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3 tw:lg:left-6 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm tw:lg:text-xl tw:text-white tw:uppercase tag-id_13672">
								MotoGP
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 tw:lg:px-6">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs tw:lg:[&_time]:text-base">
									<time datetime="2026-06-06T15:10:29+02:00" title="06 Jun - 15:10">06 Jun - 15:10</time>

								</div>
														<h2 class="tw:text-base tw:lg:text-3xl tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/06/motogp/master-of-hospitality-miller-and-guevara-lead-with-green-menu.html?ref=ontrack">Master of Hospitality: Miller and Guevara lead with &#039;green&#039; menu</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/06/moto3/a-cold-shower-for-leopard-the-fim-rejects-the-appeal.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="A&#x20;cold&#x20;shower&#x20;for&#x20;Leopard&#x3A;&#x20;the&#x20;FIM&#x20;rejects&#x20;the&#x20;appeal&#x21;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/06/moto3/a-cold-shower-for-leopard-the-fim-rejects-the-appeal.html?ref=ontrack">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/Moto3/generic/leopard.jpg?itok=r2Tf4OtC" width="315" height="210" alt="leopard" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13671">
								Moto3
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-06T14:45:31+02:00" title="06 Jun - 14:45">06 Jun - 14:45</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/06/moto3/a-cold-shower-for-leopard-the-fim-rejects-the-appeal.html?ref=ontrack">A cold shower for Leopard: the FIM rejects the appeal!</a>
							</h2>
						</div>
					</a>
				</article>
			
										<div class="tw:snap-start tw:flex-shrink-0 tw:col-span-1 tw:w-[300px] tw:mr-4 tw:flex tw:items-center tw:justify-center tw:rounded-xl tw:relative tw:overflow-hidden tw:bg-white tw:h-full tw:lg:h-[302px]">
					<div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-0" style="background: linear-gradient(180deg, #B21A18 2.88%, #7D0705 100%);"></div>

					<div class="tw:absolute tw:inset-0 tw:z-10 tw:dark:hidden" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>
					<div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-10" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>

					<a href="/en/news/ontrack"
					   aria-label="See more"
					   class="tw:inset-0 tw:absolute tw:flex tw:items-center tw:justify-center tw:no-underline tw:z-20 tw:cursor-pointer"
					   @click="if(isDragging) $event.preventDefault()">
						<div class="tw:px-4 tw:py-2 tw:rounded-full tw:bg-black tw:dark:bg-white tw:flex tw:items-center tw:gap-2 tw:border-2 tw:dark:border-[#181817] tw:border-white tw:transform tw:transition-transform tw:duration-500 tw:hover:scale-110">
							<span class="tw:text-white tw:dark:text-black tw:font-black tw:text-sm">See more</span>
							<i class="fa-solid fa-chevron-right tw:text-white tw:dark:text-black tw:text-[9px] tw:transform tw:transition-transform tw:duration-500 tw:hover:translate-x-1"></i>
						</div>
					</a>
				</div>
			
		</div>
	</div>

		



<style>
  .drag-handle { 
    width: 140px; height: 70px; cursor: grab; z-index: 100; 
    touch-action: none; user-select: none; background: transparent; 
  }
  .drag-handle:active { cursor: grabbing; }
  .gpone-svg-icon { fill: currentColor; }
</style>

<div class="tw:flex tw:justify-center tw:items-center tw:gap-10 tw:py-8 tw:pr-4 tw:md:pr-0">
    
        <button @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
            :disabled="atStart"
            x-cloak 
            :class="[
                activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atStart ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-left tw:text-[10px]"></i>
    </button>

        <div class="tw:relative tw:w-72 tw:md:w-96 tw:h-12 tw:flex tw:items-center" x-ref="track">
        <div class="tw:w-full tw:h-[2px] tw:bg-black/10 tw:dark:bg-white/10 tw:relative tw:rounded-full tw:pointer-events-none">
                        <div class="tw:absolute tw:left-0 tw:top-0 tw:h-full tw:bg-red-600 tw:rounded-full" 
                 :style="{ 
                    width: 'calc(' + progress + '% - 17px)', 
                    transition: (isDragging || isAutoScrolling) ? 'none' : 'width 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' 
                 }"></div>
        </div>
        
        <div class="tw:absolute tw:top-1/2 tw:z-50" 
             :style="{ left: progress + '%', transform: 'translate(-50%, -50%)', transition: (isDragging || isAutoScrolling) ? 'none' : 'left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' }">
            
            <div class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center">
                 <div class="drag-handle" @mousedown="startDrag($event, 'track')" @touchstart.stop.prevent="startDrag($event, 'track')"></div>
            </div>

            <div class="tw:relative tw:transition-all tw:duration-300"
                 :class="{ 'tw:lg:-rotate-[15deg] tw:lg:-translate-y-1': (isDragging || isAutoScrolling) && movingRight }">
              
                              <svg width="48" height="32" viewBox="0 0 30 20" class="tw:text-[#181817] tw:dark:text-white"><path d="M27.84 11.27c-1.62-1.33-3.32-1.27-4.48-.92l-.43-.83c1.61-.64 2.52-.41 4.1-.48.19 0 .32-.2.27-.38C25.73 3.25 21.31.25 19.55.25h-1.09c-.1 0-.13.13-.05.18.42.28.83.55 1.33.98 1.01.87 2.24 2.65 2.61 3.98h-1.02a4.55 4.55 0 0 0-2.2-1.79c-2.36-.9-6.08-.66-7.88 1.79H7.83c-.12-.06-.49-.82-.73-1.25a.53.53 0 0 0-.44-.28l-6.1-.43c-.09 0-.16.09-.13.18.5 1.44 1.46 2.44 2.96 2.86C6 7.2 7.5 6.99 9.34 9.11c1.21 1.4 1.84 2.92 1.99 4.62H9.85c-.61-2.35-2.92-4.01-5.55-3.54-1.88.34-3.43 1.83-3.82 3.7a4.828 4.828 0 0 0 4.71 5.87c2.25 0 4.12-1.54 4.65-3.62h1.48v.42c0 .22.17.3.31.3h6.86c.16 0 .29-.14.29-.3 0-3.1.81-5.03 2.61-6.24l.44.84c-1.33 1.06-2.11 2.78-1.76 4.69s1.87 3.44 3.76 3.81c3.06.6 5.75-1.7 5.8-4.65.02-1.43-.7-2.83-1.8-3.74ZM5.19 17.89c-1.63 0-2.96-1.33-2.96-2.96s1.33-2.96 2.96-2.96c1.2 0 2.24.73 2.7 1.76H5.96a1.45 1.45 0 0 0-.77-.23 1.43 1.43 0 1 0 0 2.86c.28 0 .55-.09.77-.23h1.93a2.97 2.97 0 0 1-2.7 1.76m19.62 0c-1.63 0-2.96-1.33-2.96-2.96 0-.81.33-1.55.86-2.08l.79 1.52a1.43 1.43 0 1 0 2.74.57c0-.73-.55-1.32-1.25-1.42l-.77-1.49a2.966 2.966 0 0 1 3.55 2.9c0 1.63-1.33 2.96-2.96 2.96" class="gpone-svg-icon"/></svg>
                          </div>
        </div>
    </div>

        <button @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
            :disabled="atEnd"
            :class="[
                activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atEnd ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-right tw:text-[10px]"></i>
    </button>
</div>

</div>
</div>

  </div></div>

  </div><div id="block-gpone-advhome12" class="tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14">
  
    
      
            <div><div data-nosnippet class="dh250-mh600">
      <div class="gptslot" data-adunitid="12"></div>
</div></div>
      
  </div><div class="views-element-container tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14" id="block-gpone-views-block-home-bikes-gear-block-1">
  
    
      <div><div class="tw:w-full js-view-dom-id-0aaa53ab9a3aea155428ab3fd12a26ec1c581d473a9d0e1a8dd435e988116cfa">

  <header class="tw:mb-4"><h2 class="tw:text-3xl tw:lg:text-5xl tw:mb-8  tw:font-bold tw:italic tw:dark:text-white tw:text-[#181817]">On the road</h2></header><div class="view-filters tw:flex tw:flex-col tw:pr-4 tw:md:pr-0 tw:md:flex-row tw:md:items-end tw:justify-start tw:gap-x-4 tw:gap-y-1 tw:md:gap-y-0 tw:mb-6 tw:border-b-2 tw:dark:border-white tw:border-[#181817] tw:pb-0">      <div class="tw:flex-shrink-0 tw:ml-0 tw:lg:mr-6 tw:mb-0"><h2 class="tw:text-lg tw:lg:text-xl tw:font-bold tw:italic tw:dark:text-white tw:text-[#181817] tw:uppercase tw:mb-0 tw:lg:mb-2">MOTO</h2></div><div class="gpone-exposed-form-wrapper tw:flex-shrink-0 tw:ml-0 tw:mt-0 tw:mb-0 [&_form]:tw:m-0 [&_form]:tw:flex [&_form]:tw:flex-wrap [&_form]:tw:gap-3">
          <div class="[&_.form-item]:tw:m-0 [&_.form-actions]:tw:m-0 [&_label]:tw:text-[10px] [&_label]:tw:uppercase [&_label]:tw:text-gray-500 tw:uppercase"><form class="views-exposed-form bef-exposed-form" data-bef-auto-submit="" data-bef-auto-submit-delay="500" data-bef-auto-submit-minimum-length="3" data-bef-auto-submit-full-form="" data-drupal-selector="views-exposed-form-home-bikes-gear-block-1" action="/en/home" method="get" id="views-exposed-form-home-bikes-gear-block-1" accept-charset="UTF-8">
  


<div class="js-form-item form-item form-type-select js-form-type-select form-item-moto js-form-item-moto">
      
        

  <input type="hidden" name="moto" value="1" id="edit-moto" />

<div  class="bef-links-use-ajax form-select bef-links filter- bef-nested" data-drupal-selector="edit-moto" id="edit-moto" data-name="moto" 
     data-view-id=""
     data-filter-id=""
     x-data="{ 
        expanded: false,
        isDesktop: window.innerWidth >= 1280
     }" 
     @resize.window="isDesktop = window.innerWidth >= 1280"
     @click.away="expanded = false"
     class="tw:w-full">
  
  <div class="tw:flex tw:flex-nowrap tw:xl:flex-wrap tw:items-center tw:gap-x-0 tw:xl:gap-x-2 tw:gap-y-2 tw:relative"
       id="bef-items-container">
    
                                                                                                                                                                                                        
                                
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="0"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  <ul>

<li><a href="https://www.gpone.com/en/home" class="bef-link edit-moto--2 bef-link--selected" id="edit-moto-1" name="moto[1]">ALL</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="1"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?moto=2" class="bef-link edit-moto--3" id="edit-moto-2" name="moto[2]">News</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="2"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?moto=3" class="bef-link edit-moto--4" id="edit-moto-3" name="moto[3]">Test</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="3"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?moto=4" class="bef-link edit-moto--5" id="edit-moto-4" name="moto[4]">Scooter</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="4"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?moto=5" class="bef-link edit-moto--6" id="edit-moto-5" name="moto[5]">Gallery</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:hidden 
                  tw:xl:inline-block"
           data-original-index="5"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !false) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !false) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?moto=6" class="bef-link edit-moto--7" id="edit-moto-6" name="moto[6]">EICMA</a>

        </li></ul>
        </div>
    
        <div class="tw:relative tw:inline-flex tw:items-center tw:ml-auto tw:shrink-0"
         x-show="(isDesktop && 6 > 7) || (!isDesktop && 6 > 5)"
         x-cloak>
      <button type="button" 
              @click="expanded = !expanded" 
              class="tw:flex tw:flex-nowrap tw:items-center tw:text-md tw:font-bold tw:uppercase tw:text-red-600 tw:dark:text-white tw:bg-transparent tw:border-none tw:p-0 tw:cursor-pointer tw:whitespace-nowrap">
        
                <span class="tw:pl-1 tw:dark:text-white" 
              :class="isDesktop ? 'tw:text-lg' : 'tw:text-sm'"
              x-text="isDesktop ? '+' + (6 - 7) : '+' + (6 - 5)"></span>
        
                <svg class="tw:w-3 tw:h-3 tw:ml-1 tw:transition-transform tw:duration-300 tw:dark:text-white" 
             :class="expanded ? 'tw:rotate-180' : 'tw:rotate-0'" 
             fill="none" 
             stroke="currentColor" 
             stroke-width="4" 
             viewBox="0 0 24 24">
          <path d="M19 9l-7 7-7-7" />
        </svg>
      </button>
    </div>
  </div>
</div>
        </div><div class="js-hide form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions--3">




  <input  data-bef-auto-submit-click="" data-drupal-selector="edit-submit-home-bikes-gear" type="submit" id="edit-submit-home-bikes-gear" value="Apply" class="button js-form-submit form-submit tw:w-full tw:bg-[#181817] tw:dark:bg-white tw:text-white tw:dark:text-[#181817] tw:font-bold tw:rounded-xl tw:my-3 tw:py-3 tw:px-6 tw:cursor-pointer tw:border-none tw:hover:opacity-90 tw:active:scale-95 tw:transition-all tw:duration-300" />


<style>
  input[type="checkbox"]:checked + svg,
  input[type="radio"]:checked + div {
    opacity: 1 !important;
  }
  
  /* Allineamento orizzontale per il contenitore di Drupal */
  .js-form-type-checkbox, .js-form-type-radio {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 0.5rem;
  }

  /* La label che segue la nostra checkbox */
  .js-checkbox-wrapper + label,
  .js-radio-wrapper + label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.2;
  }

  /* Piccola correzione per il link del file dentro la label */
  .js-checkbox-wrapper + label a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
  }
</style></div>


</form>
</div>
        </div></div>  <div class="view-content">


      
<style>
	.no-scrollbar::-webkit-scrollbar {
		display: none;
	}
	.no-scrollbar {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.gpone-arrow {
		transition: all 0.3s ease;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
	}
	.tw\:group\/grid:hover .gpone-arrow {
		opacity: 1;
		visibility: visible;
	}
	.dragging-active {
		cursor: grabbing !important;
		user-select: none;
	}
</style>

<div class="tw:w-full" x-data="{
	        progress: 0,
	        atStart: true,
	        atEnd: false,
	        isDragging: false,
	        dragSource: '',
	        dragStartTime: 0,
	        animFrameId: null,
	        isAutoScrolling: false,
	        movingRight: false,
	        startX: 0,
	        startY: 0,
	        scrollLeftStart: 0,
	        ticking: false,
	        activeLeft: false,
	        activeRight: false,

	        updateStatus() {
	            if (!this.ticking) {
	                window.requestAnimationFrame(() => {
	                    const el = this.$refs.scrollContainer;
	                    if (!el) return;
	                    const scrollable = el.scrollWidth - el.clientWidth;
	                    this.progress = scrollable > 0 ? (el.scrollLeft / scrollable) * 100 : 0;
	                    this.atStart = el.scrollLeft <= 15;
	                    this.atEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 15;
	                    this.ticking = false;
	                });
	                this.ticking = true;
	            }
	        },

	        smoothScrollTo(el, target, duration, onComplete) {
	            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
	            el.style.scrollSnapType = 'none';
	            el.style.scrollBehavior = 'auto';
	            const start = el.scrollLeft;
	            const dist = target - start;
	            if (Math.abs(dist) < 1) {
	                el.style.scrollSnapType = 'x mandatory';
	                this.updateStatus();
	                if (onComplete) onComplete();
	                return;
	            }
	            const t0 = performance.now();
	            const ease = t => 1 - Math.pow(1 - t, 3);
	            const step = (now) => {
	                const p = Math.min((now - t0) / duration, 1);
	                el.scrollLeft = start + dist * ease(p);
	                if (p < 1) {
	                    this.animFrameId = requestAnimationFrame(step);
	                } else {
	                    el.scrollLeft = target;
	                    el.style.scrollSnapType = 'x mandatory';
	                    this.animFrameId = null;
	                    this.updateStatus();
	                    if (onComplete) onComplete();
	                }
	            };
	            this.animFrameId = requestAnimationFrame(step);
	        },

	        arrowScroll(direction) {
	            if (this.isAutoScrolling) return;
	            const el = this.$refs.scrollContainer;
	            this.isAutoScrolling = true;
	            this.movingRight = (direction === 'right');
	            const snapUnit = 316;
	            const cols = window.innerWidth >= 1024
	                ? Math.max(1, Math.floor(el.clientWidth * 0.8 / snapUnit))
	                : 1;
	            const delta = (direction === 'right' ? 1 : -1) * snapUnit * cols;
	            const target = Math.max(0, Math.min(el.scrollLeft + delta, el.scrollWidth - el.clientWidth));
	            this.smoothScrollTo(el, target, 620, () => { this.isAutoScrolling = false; });
	        },

	        startDrag(e, source) {
	            const el = this.$refs.scrollContainer;
	            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
	            el.style.scrollBehavior = 'auto';
	            el.scrollLeft = el.scrollLeft;
	            this.isDragging = true;
	            this.dragSource = source;
	            this.dragStartTime = Date.now();
	            const clientX = e.type.includes('touch') ? e.touches[0].clientX : e.clientX;
	            const clientY = e.type.includes('touch') ? e.touches[0].clientY : e.clientY;
	            this.startX = clientX;
	            this.startY = clientY;
	            this.scrollLeftStart = el.scrollLeft;
	            el.style.scrollSnapType = 'none';
	            if (e.type === 'mousedown') e.preventDefault();
	        },

	        handleDrag(e) {
	            if (!this.isDragging) return;
	            const isTouch = e.type.includes('touch');
	            const clientX = isTouch ? (e.touches?.[0]?.clientX ?? this.startX) : e.clientX;
	            const deltaX = clientX - this.startX;
	            const el = this.$refs.scrollContainer;

	            if (this.dragSource === 'grid') {
	                const multiplier = isTouch ? 1 : 1.5;
	                el.scrollLeft = this.scrollLeftStart - (deltaX * multiplier);
	            } else if (this.dragSource === 'track') {
	                const scrollable = el.scrollWidth - el.clientWidth;
	                const trackWidth = this.$refs.track.clientWidth;
	                el.scrollLeft = this.scrollLeftStart + (deltaX / trackWidth * scrollable);
	            }
	            this.movingRight = deltaX > 0;
	            this.updateStatus();
	        },

	        handleTouchMove(e) {
	            if (!this.isDragging || this.dragSource !== 'grid') return;
	            const dx = Math.abs(e.touches[0].clientX - this.startX);
	            const dy = Math.abs(e.touches[0].clientY - this.startY);
	            if (dx > dy && e.cancelable) e.preventDefault();
	        },

	        stopDrag() {
	            if (!this.isDragging) return;
	            this.isDragging = false;
	            const el = this.$refs.scrollContainer;

	            const snapUnit = 316;
	            const swipeDelta = el.scrollLeft - this.scrollLeftStart;
	            const velocity = Math.abs(swipeDelta) / Math.max(1, Date.now() - this.dragStartTime);

	            const startIndex = Math.round(this.scrollLeftStart / snapUnit);
	            let targetIndex;
	            if (Math.abs(swipeDelta) > 15 || velocity > 0.2) {
	                const cols = Math.max(1, Math.round(Math.abs(swipeDelta) / snapUnit));
	                targetIndex = swipeDelta > 0 ? startIndex + cols : startIndex - cols;
	            } else {
	                targetIndex = startIndex;
	            }

	            const maxScroll = el.scrollWidth - el.clientWidth;
	            targetIndex = Math.max(0, Math.min(targetIndex, Math.round(maxScroll / snapUnit)));
	            const target = Math.min(targetIndex * snapUnit, maxScroll);

	            this.smoothScrollTo(el, target, 620);
	        }
	     }"
	x-init="$nextTick(() => updateStatus())"
	@mousemove.window="handleDrag($event)"
	@mouseup.window="stopDrag()"
	@touchmove.window="handleDrag($event)"
	@touchend.window="stopDrag()">

	<div class="tw:relative tw:w-full tw:group/grid">

		<button type="button"
        @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
        x-show="!atStart" x-cloak 
        aria-label="Scroll left"
        :class="activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:left-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-left" aria-hidden="true"></i>
</button>

<button type="button"
        @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
        x-show="!atEnd" x-cloak 
        aria-label="Scroll right"
        :class="activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:right-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
</button>
		<div x-ref="scrollContainer"
		     @scroll="updateStatus()"
		     @mousedown="startDrag($event, 'grid')"
		     @touchstart.passive="startDrag($event, 'grid')"
		     :class="{ 'dragging-active': isDragging }"
		     @touchmove="handleTouchMove($event)"
		     style="scroll-padding-left: 0px; overscroll-behavior-x: contain;"
		     class="no-scrollbar tw:grid tw:gap-4 tw:w-full tw:relative tw:overflow-x-auto tw:grid-rows-1 tw:lg:grid-rows-2 tw:grid-flow-col tw:auto-cols-[300px] tw:h-[320px] tw:lg:h-[620px] tw:snap-x tw:snap-mandatory tw:scroll-smooth tw:pr-4 tw:cursor-grab">

											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:lg:row-span-2 tw:col-span-1 tw:lg:col-span-2 tw:w-[300px] tw:lg:w-[616px]">
					<a href="/en/2026/06/09/moto-news/fire-at-honda-montesa-plant-in-spain-150-employees-evacuated-no-injuries" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Fire&#x20;at&#x20;Honda-Montesa&#x20;plant&#x20;in&#x20;Spain&#x3A;&#x20;150&#x20;employees&#x20;evacuated,&#x20;no&#x20;injuries&#x20;reported">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/09/moto-news/fire-at-honda-montesa-plant-in-spain-150-employees-evacuated-no-injuries?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_m_3_2/public/images/2026/article/foto/06/Moto%20-%20News/generic/incendio-foto.jpg?itok=hzwMi79o" width="654" height="436" alt="Fire at the Honda-Montesa plant in Spain: 150 employees evacuated, no injuries" />

</a>
							</div>

														<div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
								<div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
									<svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
										<path d="M8 5v14l11-7z"/>
									</svg>
								</div>
							</div>
							
							<span class="tw:absolute tw:bottom-0 tw:left-3 tw:lg:left-6 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm tw:lg:text-xl tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 tw:lg:px-6">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs tw:lg:[&_time]:text-base">
									<time datetime="2026-06-09T12:07:32+02:00">09 Jun - 12:07</time>

								</div>
														<h2 class="tw:text-base tw:lg:text-3xl tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/09/moto-news/fire-at-honda-montesa-plant-in-spain-150-employees-evacuated-no-injuries?ref=moto">Fire at Honda-Montesa plant in Spain: 150 employees evacuated, no injuries reported</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/06/04/moto-news/from-one-rossa-to-another-hamilton-in-the-monte-carlo-paddock-with-the-ducati" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="From&#x20;one&#x20;&amp;&#x23;039&#x3B;Rossa&amp;&#x23;039&#x3B;&#x20;to&#x20;another&#x3A;&#x20;Hamilton&#x20;in&#x20;the&#x20;Monte&#x20;Carlo&#x20;paddock&#x20;with&#x20;the&#x20;Ducati&#x20;Centenario">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/06/04/moto-news/from-one-rossa-to-another-hamilton-in-the-monte-carlo-paddock-with-the-ducati?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/Moto%20-%20News/generic/hamilton-ducati.jpg?itok=0RcqkhY9" width="315" height="210" alt="From one red to another: Hamilton in the Monte Carlo paddock with the Ducati Centenario" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-06-04T20:24:13+02:00">04 Jun - 20:24</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/06/04/moto-news/from-one-rossa-to-another-hamilton-in-the-monte-carlo-paddock-with-the-ducati?ref=moto">From one &#039;Rossa&#039; to another: Hamilton in the Monte Carlo paddock with the Ducati Centenario</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/05/21/moto-news/bella-italia-by-bike-demystifying-license-plate-and-highway-rules-for-your" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Bella&#x20;Italia&#x20;by&#x20;Bike&#x3A;&#x20;Demystifying&#x20;License&#x20;Plate&#x20;and&#x20;Highway&#x20;Rules&#x20;for&#x20;Your&#x20;Tour">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/05/21/moto-news/bella-italia-by-bike-demystifying-license-plate-and-highway-rules-for-your?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/Moto%20-%20News/generic/motoinglese-bis.jpg?itok=KT7jZZGs" width="315" height="210" alt="Bella Italia by Bike: Demystifying License Plate and Highway Rules for Your Tour" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-05-21T16:41:49+02:00">21 May - 16:41</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/05/21/moto-news/bella-italia-by-bike-demystifying-license-plate-and-highway-rules-for-your?ref=moto">Bella Italia by Bike: Demystifying License Plate and Highway Rules for Your Tour</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/05/17/moto-news/the-distinguished-gentlemans-ride-2026-sunday-may-17th-in-rome.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="The&#x20;Distinguished&#x20;Gentleman&#x2019;s&#x20;Ride&#x20;2026&#x3A;&#x20;Sunday,&#x20;May&#x20;17th&#x20;in&#x20;Rome">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/05/17/moto-news/the-distinguished-gentlemans-ride-2026-sunday-may-17th-in-rome.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/Moto%20-%20News/generic/8003739-risultato.jpg?itok=WWqOVg4x" width="315" height="210" alt="The Distinguished Gentleman’s Ride 2026: domenica 17 maggio a Roma" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-05-17T12:27:30+02:00">17 May - 12:27</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/05/17/moto-news/the-distinguished-gentlemans-ride-2026-sunday-may-17th-in-rome.html?ref=moto">The Distinguished Gentleman’s Ride 2026: Sunday, May 17th in Rome</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/04/17/moto-news/ducatis-100th-anniversary-new-commemorative-stamp.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Ducati&#x2019;s&#x20;100th&#x20;Anniversary&#x3A;&#x20;new&#x20;commemorative&#x20;stamp&#x20;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/04/17/moto-news/ducatis-100th-anniversary-new-commemorative-stamp.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/04/Moto%20-%20News/generic/francobollo-1776066107.jpg?itok=epskGh-P" width="315" height="210" alt="Motorcycles - News: Ducati&#039;s 100th Anniversary: A Commemorative Stamp Is Coming" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-04-17T12:28:23+02:00">17 Apr - 12:28</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/04/17/moto-news/ducatis-100th-anniversary-new-commemorative-stamp.html?ref=moto">Ducati’s 100th Anniversary: new commemorative stamp </a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/04/17/moto-news/new-record-for-aprilia-the-x-250th-sold-out-in-14-days.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="New&#x20;record&#x20;for&#x20;Aprilia&#x3A;&#x20;the&#x20;X&#x20;250th&#x20;sold&#x20;out&#x20;in&#x20;14&#x20;days">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/04/17/moto-news/new-record-for-aprilia-the-x-250th-sold-out-in-14-days.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/04/Moto%20-%20News/generic/aprilia-x-bez-martin.jpeg?itok=ohGuEw8s" width="315" height="210" alt="New record for Aprilia: the X 250th sold out in 14 days" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-04-17T11:40:59+02:00">17 Apr - 11:40</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/04/17/moto-news/new-record-for-aprilia-the-x-250th-sold-out-in-14-days.html?ref=moto">New record for Aprilia: the X 250th sold out in 14 days</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/04/14/moto-news/ktm-1390-super-duke-rr-2026-the-beast-ever-more-aggressive.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="KTM&#x20;1390&#x20;SUPER&#x20;DUKE&#x20;RR&#x20;2026&#x3A;&#x20;&amp;quot&#x3B;The&#x20;Beast&amp;quot&#x3B;,&#x20;ever&#x20;more&#x20;aggressive">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/04/14/moto-news/ktm-1390-super-duke-rr-2026-the-beast-ever-more-aggressive.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/04/Moto%20-%20News/generic/2026-ktm-1390-super-duke-rr-3-1776181180.jpg?itok=UIzg5Q0M" width="315" height="210" alt="Motorcycles - News: 2026 KTM 1390 SUPER DUKE RR: &quot;The Beast&quot; Gets Even More Aggressive" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-04-14T21:14:12+02:00">14 Apr - 21:14</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/04/14/moto-news/ktm-1390-super-duke-rr-2026-the-beast-ever-more-aggressive.html?ref=moto">KTM 1390 SUPER DUKE RR 2026: &quot;The Beast&quot;, ever more aggressive</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:lg:row-span-2 tw:col-span-1 tw:lg:col-span-2 tw:w-[300px] tw:lg:w-[616px]">
					<a href="/en/2026/02/13/moto-news/motorcycle-ban-at-the-nurburgring-protest-turns-into-legal-action.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Motorcycle&#x20;ban&#x20;at&#x20;the&#x20;N&#x00FC;rburgring&#x3A;&#x20;protest&#x20;turns&#x20;into&#x20;legal&#x20;action">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/02/13/moto-news/motorcycle-ban-at-the-nurburgring-protest-turns-into-legal-action.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_m_3_2/public/images/2026/article/foto/02/Moto%20-%20News/generic/img-9513-1771020945.jpg?itok=on-fNz5d" width="654" height="436" alt="Moto - News: Motorcycle ban at the Nürburgring: protest turns into legal action" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3 tw:lg:left-6 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm tw:lg:text-xl tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 tw:lg:px-6">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs tw:lg:[&_time]:text-base">
									<time datetime="2026-02-13T23:15:45+01:00">13 Feb - 23:15</time>

								</div>
														<h2 class="tw:text-base tw:lg:text-3xl tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/02/13/moto-news/motorcycle-ban-at-the-nurburgring-protest-turns-into-legal-action.html?ref=moto">Motorcycle ban at the Nürburgring: protest turns into legal action</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/01/31/moto-news/hps-and-arcmont-invest-in-daineses-new-growth-phase.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="HPS&#x20;and&#x20;Arcmont&#x20;invest&#x20;in&#x20;Dainese&amp;&#x23;039&#x3B;s&#x20;new&#x20;growth&#x20;phase">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/01/31/moto-news/hps-and-arcmont-invest-in-daineses-new-growth-phase.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/01/Moto%20-%20News/generic/angel-sanchez-1769857880.jpg?itok=-CsFuf07" width="315" height="210" alt="Moto - News: HPS and Arcmont invest in Dainese&#039;s new growth phase" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-01-31T12:11:20+01:00">31 Jan - 12:11</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/01/31/moto-news/hps-and-arcmont-invest-in-daineses-new-growth-phase.html?ref=moto">HPS and Arcmont invest in Dainese&#039;s new growth phase</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2026/01/24/moto-news/codacons-issues-warning-to-honda-italia-targeting-cbr600rr-and-cbr1000-models" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Codacons&#x20;issues&#x20;warning&#x20;to&#x20;Honda&#x20;Italia,&#x20;targeting&#x20;CBR600RR&#x20;and&#x20;CBR1000&#x20;models">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2026/01/24/moto-news/codacons-issues-warning-to-honda-italia-targeting-cbr600rr-and-cbr1000-models?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/01/Moto%20-%20News/generic/honda-cbr600rr-1769266422.jpg?itok=bnmBuQ9O" width="315" height="210" alt="Moto - News: Codacons issues warning to Honda Italia, targeting CBR600RR and CBR1000 models" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2026-01-24T15:53:42+01:00">24 Jan - 15:53</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2026/01/24/moto-news/codacons-issues-warning-to-honda-italia-targeting-cbr600rr-and-cbr1000-models?ref=moto">Codacons issues warning to Honda Italia, targeting CBR600RR and CBR1000 models</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/12/09/moto-news/ducati-pedal-power-a-range-of-road-gravel-and-electric-mountain-bikes.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Ducati&#x20;pedal&#x20;power&#x3A;&#x20;a&#x20;range&#x20;of&#x20;road,&#x20;gravel&#x20;and&#x20;electric&#x20;mountain&#x20;bikes">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/12/09/moto-news/ducati-pedal-power-a-range-of-road-gravel-and-electric-mountain-bikes.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/12/Moto%20-%20News/generic/domenicali-1765270563.jpg?itok=57AuSqVp" width="315" height="210" alt="Moto - News: Ducati pedal power: a range of road, gravel and electric mountain bikes" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-12-09T09:56:03+01:00">09 Dec - 09:56</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/12/09/moto-news/ducati-pedal-power-a-range-of-road-gravel-and-electric-mountain-bikes.html?ref=moto">Ducati pedal power: a range of road, gravel and electric mountain bikes</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/11/27/moto-news/honda-crf1000l-africa-twin-how-i-reach-you-5965-meters.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Honda&#x20;CRF1000L&#x20;Africa&#x20;Twin&#x3A;&#x20;&amp;quot&#x3B;how&#x20;I&#x20;reach&#x20;you&#x20;5,965&#x20;meters&amp;quot&#x3B;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/11/27/moto-news/honda-crf1000l-africa-twin-how-i-reach-you-5965-meters.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/11/Moto%20-%20News/generic/honda-cile-9-1764251708.jpg?itok=HLqeMLQO" width="315" height="210" alt="Moto - News: Honda CRF1000L Africa Twin: &quot;how I reach you 5,965 meters&quot;" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-11-27T14:55:08+01:00">27 Nov - 14:55</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/11/27/moto-news/honda-crf1000l-africa-twin-how-i-reach-you-5965-meters.html?ref=moto">Honda CRF1000L Africa Twin: &quot;how I reach you 5,965 meters&quot;</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/11/05/moto-news/ducati-strengthens-its-presence-in-the-mxgp-championship-by-fielding-3-bikes" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Ducati&#x20;strengthens&#x20;its&#x20;presence&#x20;in&#x20;the&#x20;MXGP&#x20;Championship&#x20;by&#x20;fielding&#x20;3&#x20;bikes">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/11/05/moto-news/ducati-strengthens-its-presence-in-the-mxgp-championship-by-fielding-3-bikes?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/11/Moto%20-%20News/generic/ducati-motocross-2026-1762353005.jpg?itok=qsdXOQJg" width="315" height="210" alt="Moto - News: Ducati strengthens its presence in the MXGP Championship by fielding 3 bikes" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-11-05T15:30:05+01:00">05 Nov - 15:30</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/11/05/moto-news/ducati-strengthens-its-presence-in-the-mxgp-championship-by-fielding-3-bikes?ref=moto">Ducati strengthens its presence in the MXGP Championship by fielding 3 bikes</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/10/24/moto-news/dainese-announces-major-investment-by-hps-investment-partners-and-arcmont-asset" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Dainese&#x20;announces&#x20;major&#x20;investment&#x20;by&#x20;HPS&#x20;Investment&#x20;Partners&#x20;and&#x20;Arcmont&#x20;Asset&#x20;Management">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/10/24/moto-news/dainese-announces-major-investment-by-hps-investment-partners-and-arcmont-asset?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/01/Moto%20-%20News/generic/angel-sanchez-1769857880.jpg?itok=-CsFuf07" width="315" height="210" alt="Moto - News: Dainese announces major investment by HPS Investment Partners and Arcmont Asset Management" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-10-24T17:51:06+02:00">24 Oct - 17:51</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/10/24/moto-news/dainese-announces-major-investment-by-hps-investment-partners-and-arcmont-asset?ref=moto">Dainese announces major investment by HPS Investment Partners and Arcmont Asset Management</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:lg:row-span-2 tw:col-span-1 tw:lg:col-span-2 tw:w-[300px] tw:lg:w-[616px]">
					<a href="/en/2025/10/23/moto-news/ducati-world-premiere-2026-imlegend-october-23rd-4-00-pm-cest.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="&#x20;Ducati&#x20;World&#x20;Premi&#x00E8;re&#x20;2026.&#x20;IMLegend.&#x20;October&#x20;23rd&#x20;&#x7C;&#x20;4.00&#x20;pm&#x20;CEST">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/10/23/moto-news/ducati-world-premiere-2026-imlegend-october-23rd-4-00-pm-cest.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_m_3_2/public/images/2025/article/foto/10/Moto%20-%20News/generic/monster-1761210784.jpg?itok=-iZj2HUR" width="654" height="436" alt="Moto - News:  Ducati World Première 2026. IMLegend. October 23rd | 4.00 pm CEST" />

</a>
							</div>

														<div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
								<div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
									<svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
										<path d="M8 5v14l11-7z"/>
									</svg>
								</div>
							</div>
							
							<span class="tw:absolute tw:bottom-0 tw:left-3 tw:lg:left-6 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm tw:lg:text-xl tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 tw:lg:px-6">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs tw:lg:[&_time]:text-base">
									<time datetime="2025-10-23T11:11:05+02:00">23 Oct - 11:11</time>

								</div>
														<h2 class="tw:text-base tw:lg:text-3xl tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/10/23/moto-news/ducati-world-premiere-2026-imlegend-october-23rd-4-00-pm-cest.html?ref=moto"> Ducati World Première 2026. IMLegend. October 23rd | 4.00 pm CEST</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/10/08/moto-news/aprilia-rsv4-xgp-motogp-production-bike-sells-out-in-just-14-days.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Aprilia&#x20;RSV4&#x20;XGP&#x3A;&#x20;MotoGP&#x20;production&#x20;bike&#x20;sells&#x20;out&#x20;in&#x20;just&#x20;14&#x20;days">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/10/08/moto-news/aprilia-rsv4-xgp-motogp-production-bike-sells-out-in-just-14-days.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/10/Moto%20-%20News/generic/rsvax-piloti-1759929718.jpg?itok=i-_MXzdq" width="315" height="210" alt="Moto - News: Aprilia RSV4 XGP: MotoGP production bike sells out in just 14 days" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-10-08T15:21:58+02:00">08 Oct - 15:21</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/10/08/moto-news/aprilia-rsv4-xgp-motogp-production-bike-sells-out-in-just-14-days.html?ref=moto">Aprilia RSV4 XGP: MotoGP production bike sells out in just 14 days</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/09/11/moto-news/motoe-stalls-but-ducati-continues-on-electric.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="MotoE&#x20;stalls&#x20;but&#x20;Ducati&#x20;continues&#x20;on&#x20;electric.">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/09/11/moto-news/motoe-stalls-but-ducati-continues-on-electric.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/09/Moto%20-%20News/generic/ducati-v21l-02-uc843532-high-1757611539.jpg?itok=2zw3Wo2y" width="315" height="210" alt="Moto - News: MotoE stalls but Ducati continues on electric." />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-09-11T19:24:26+02:00">11 Sep - 19:24</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/09/11/moto-news/motoe-stalls-but-ducati-continues-on-electric.html?ref=moto">MotoE stalls but Ducati continues on electric.</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/08/12/moto-news/yamaha-and-v4-beginning-of-a-story-in-tokyo-in-1977-aboveall.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Yamaha&#x20;and&#x20;V4&#x3A;&#x20;beginning&#x20;of&#x20;a&#x20;story&#x20;in&#x20;Tokyo&#x20;in&#x20;1977...&#x20;aboveall&#x21;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/08/12/moto-news/yamaha-and-v4-beginning-of-a-story-in-tokyo-in-1977-aboveall.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/08/Moto%20-%20News/generic/1-1755009376.jpg?itok=q221uQXx" width="315" height="210" alt="Moto - News: Yamaha and V4: beginning of a story in Tokyo in 1977... aboveall!" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-08-12T15:40:39+02:00">12 Aug - 15:40</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/08/12/moto-news/yamaha-and-v4-beginning-of-a-story-in-tokyo-in-1977-aboveall.html?ref=moto">Yamaha and V4: beginning of a story in Tokyo in 1977... aboveall!</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/07/21/moto-news/junior-gp-more-mourning-in-the-world-of-two-wheels-at-17-years-of-age-pau" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Junior&#x20;GP,&#x20;more&#x20;mourning&#x20;in&#x20;the&#x20;world&#x20;of&#x20;two&#x20;wheels.&#x20;At&#x20;17&#x20;years&#x20;of&#x20;age&#x20;Pau&#x20;Alsina&#x20;lost&#x20;his&#x20;life">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/07/21/moto-news/junior-gp-more-mourning-in-the-world-of-two-wheels-at-17-years-of-age-pau?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/07/Moto%20-%20News/generic/pau-alsina-1753116620.jpg?itok=53V7petL" width="315" height="210" alt="Moto - News: Junior GP, more mourning in the world of two wheels. At 17 years of age Pau Alsina lost his life" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-07-21T18:50:20+02:00">21 Jul - 18:50</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/07/21/moto-news/junior-gp-more-mourning-in-the-world-of-two-wheels-at-17-years-of-age-pau?ref=moto">Junior GP, more mourning in the world of two wheels. At 17 years of age Pau Alsina lost his life</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/07/09/moto-news/ktm-goodbye-100-of-mv-agusta-returns-to-the-sardarov-family.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="KTM&#x20;goodbye,&#x20;100&#x25;&#x20;of&#x20;MV&#x20;Agusta&#x20;returns&#x20;to&#x20;the&#x20;Sardarov&#x20;family">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/07/09/moto-news/ktm-goodbye-100-of-mv-agusta-returns-to-the-sardarov-family.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/07/Moto%20-%20News/generic/martin-trunkenpolz-bassoli-1752066109.jpg?itok=o-9Q7FLn" width="315" height="210" alt="Moto - News: KTM goodbye, 100% of MV Agusta returns to the Sardarov family" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-07-09T15:01:49+02:00">09 Jul - 15:01</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/07/09/moto-news/ktm-goodbye-100-of-mv-agusta-returns-to-the-sardarov-family.html?ref=moto">KTM goodbye, 100% of MV Agusta returns to the Sardarov family</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/04/24/moto-news/bad-news-from-austria-another-production-stop-at-ktm.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Bad&#x20;news&#x20;from&#x20;Austria&#x3A;&#x20;Another&#x20;production&#x20;stop&#x20;at&#x20;KTM&#x21;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/04/24/moto-news/bad-news-from-austria-another-production-stop-at-ktm.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/04/generic/381767-ktm-group-engine-factory-engine-factory-building-company-content-1745480401.jpg?itok=MEGwdz5M" width="315" height="210" alt="Moto - News: Bad news from Austria: Another production stop at KTM!" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-04-24T09:40:01+02:00">24 Apr - 09:40</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/04/24/moto-news/bad-news-from-austria-another-production-stop-at-ktm.html?ref=moto">Bad news from Austria: Another production stop at KTM!</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:lg:row-span-2 tw:col-span-1 tw:lg:col-span-2 tw:w-[300px] tw:lg:w-[616px]">
					<a href="/en/2025/04/07/moto-news/honda-president-docks-own-salary-over-vice-presidents-inappropriate-conduct" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Honda&#x20;President&#x20;docks&#x20;own&#x20;salary&#x20;over&#x20;Vice&#x20;President&amp;&#x23;039&#x3B;s&#x20;inappropriate&#x20;conduct">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/04/07/moto-news/honda-president-docks-own-salary-over-vice-presidents-inappropriate-conduct?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_m_3_2/public/images/2025/article/foto/04/Moto%20-%20News/generic/honda-stabilimento-1744038752.jpg?itok=-jyppsdn" width="654" height="436" alt="Moto - News: Honda President docks own salary over Vice President&#039;s inappropriate conduct" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3 tw:lg:left-6 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm tw:lg:text-xl tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 tw:lg:px-6">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs tw:lg:[&_time]:text-base">
									<time datetime="2025-04-07T17:12:32+02:00">07 Apr - 17:12</time>

								</div>
														<h2 class="tw:text-base tw:lg:text-3xl tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/04/07/moto-news/honda-president-docks-own-salary-over-vice-presidents-inappropriate-conduct?ref=moto">Honda President docks own salary over Vice President&#039;s inappropriate conduct</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/03/30/moto-news/deadline-approaching-ktm-will-co-owner-bajaj-pay-100-million-in-time.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Deadline&#x20;approaching,&#x20;KTM&#x3A;&#x20;Will&#x20;co-owner&#x20;Bajaj&#x20;pay&#x20;100&#x20;million&#x20;in&#x20;time&#x3F;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/03/30/moto-news/deadline-approaching-ktm-will-co-owner-bajaj-pay-100-million-in-time.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/03/Moto%20-%20News/generic/554214-my24-ktm-1390-super-duke-r-action-cat-a-action-action-01-action-action-risultato-1743429913.jpg?itok=x43Pmyc2" width="315" height="210" alt="Moto - News: Deadline approaching, KTM: Will co-owner Bajaj pay 100 million in time?" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-03-30T15:15:30+02:00">30 Mar - 15:15</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/03/30/moto-news/deadline-approaching-ktm-will-co-owner-bajaj-pay-100-million-in-time.html?ref=moto">Deadline approaching, KTM: Will co-owner Bajaj pay 100 million in time?</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/03/04/moto-news/new-floods-in-spain-jerez-de-la-frontera-affected.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="New&#x20;floods&#x20;in&#x20;Spain.&#x20;Jerez&#x20;de&#x20;la&#x20;Frontera&#x20;affected.">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/03/04/moto-news/new-floods-in-spain-jerez-de-la-frontera-affected.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/03/Moto%20-%20News/generic/jerez-de-la-frontera-alluvione-1741091014.jpg?itok=KiqE08g4" width="315" height="210" alt="Moto - News: New floods in Spain. Jerez de la Frontera affected." />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-03-04T13:23:34+01:00">04 Mar - 13:23</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/03/04/moto-news/new-floods-in-spain-jerez-de-la-frontera-affected.html?ref=moto">New floods in Spain. Jerez de la Frontera affected.</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/01/31/moto-news/mv-agusta-returns-entirely-to-the-hands-of-the-sardarov-family.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="MV&#x20;Agusta&#x20;returns&#x20;entirely&#x20;to&#x20;the&#x20;hands&#x20;of&#x20;the&#x20;Sardarov&#x20;family">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/01/31/moto-news/mv-agusta-returns-entirely-to-the-hands-of-the-sardarov-family.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/01/Moto%20-%20News/generic/mv-agusta-factory-1200x800-1738355086.jpg?itok=gs0iob2M" width="315" height="210" alt="Moto - News: MV Agusta returns entirely to the hands of the Sardarov family" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-01-31T21:24:46+01:00">31 Jan - 21:24</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/01/31/moto-news/mv-agusta-returns-entirely-to-the-hands-of-the-sardarov-family.html?ref=moto">MV Agusta returns entirely to the hands of the Sardarov family</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/01/26/moto-news/do-you-want-the-two-stroke-again-kawasaki-has-listened-to-you.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Do&#x20;you&#x20;want&#x20;the&#x20;two-stroke&#x20;again&#x3F;&#x20;Kawasaki&#x20;has&#x20;listened&#x20;to&#x20;you&#x21;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/01/26/moto-news/do-you-want-the-two-stroke-again-kawasaki-has-listened-to-you.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/01/Moto%20-%20News/generic/kawa-1737892623.jpg?itok=xo8frTxz" width="315" height="210" alt="Moto - News: Do you want the two-stroke again? Kawasaki has listened to you!" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-01-26T12:57:03+01:00">26 Jan - 12:57</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/01/26/moto-news/do-you-want-the-two-stroke-again-kawasaki-has-listened-to-you.html?ref=moto">Do you want the two-stroke again? Kawasaki has listened to you!</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2025/01/11/moto-news/ducati-challenges-supercross-team-tld-racing-will-race-the-desmo450-mx.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Ducati&#x20;challenges&#x20;Supercross&#x3A;&#x20;Team&#x20;TLD&#x20;Racing&#x20;will&#x20;race&#x20;the&#x20;Desmo450&#x20;MX">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2025/01/11/moto-news/ducati-challenges-supercross-team-tld-racing-will-race-the-desmo450-mx.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/01/Moto%20-%20News/generic/desmo450-01-1736609418.jpg?itok=lBVAByOT" width="315" height="210" alt="Moto - News: Ducati challenges Supercross: Team TLD Racing will race the Desmo450 MX" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2025-01-11T16:30:18+01:00">11 Jan - 16:30</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2025/01/11/moto-news/ducati-challenges-supercross-team-tld-racing-will-race-the-desmo450-mx.html?ref=moto">Ducati challenges Supercross: Team TLD Racing will race the Desmo450 MX</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2024/12/30/moto-news/quartararo-and-rins-riding-the-yamaha-mt-09-y-amt.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Quartararo&#x20;and&#x20;Rins&#x20;riding&#x20;the&#x20;Yamaha&#x20;MT-09&#x20;Y-AMT">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2024/12/30/moto-news/quartararo-and-rins-riding-the-yamaha-mt-09-y-amt.html?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2024/article/foto/12/Moto%20-%20News/generic/yamaha-01-1735570364.jpg?itok=0HG6-0ot" width="315" height="210" alt="Moto - News: Quartararo and Rins riding the Yamaha MT-09 Y-AMT" />

</a>
							</div>

														<div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
								<div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
									<svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
										<path d="M8 5v14l11-7z"/>
									</svg>
								</div>
							</div>
							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2024-12-30T15:52:44+01:00">30 Dec - 15:52</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2024/12/30/moto-news/quartararo-and-rins-riding-the-yamaha-mt-09-y-amt.html?ref=moto">Quartararo and Rins riding the Yamaha MT-09 Y-AMT</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:lg:row-span-2 tw:col-span-1 tw:lg:col-span-2 tw:w-[300px] tw:lg:w-[616px]">
					<a href="/en/2024/12/23/moto-news/merger-between-honda-and-nissan-in-sight-whats-going-to-happen-to-the-bikes" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Merger&#x20;between&#x20;Honda&#x20;and&#x20;Nissan&#x20;in&#x20;sight&#x3A;&#x20;what&amp;&#x23;039&#x3B;s&#x20;going&#x20;to&#x20;happen&#x20;to&#x20;the&#x20;bikes&#x3F;">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2024/12/23/moto-news/merger-between-honda-and-nissan-in-sight-whats-going-to-happen-to-the-bikes?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_m_3_2/public/images/2024/article/foto/12/Moto%20-%20News/generic/nissan-honda-1734952355.jpg?itok=pQy9yvg_" width="654" height="436" alt="Moto - News: Merger between Honda and Nissan in sight: what&#039;s going to happen to the bikes?" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3 tw:lg:left-6 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm tw:lg:text-xl tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 tw:lg:px-6">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs tw:lg:[&_time]:text-base">
									<time datetime="2024-12-23T12:12:35+01:00">23 Dec - 12:12</time>

								</div>
														<h2 class="tw:text-base tw:lg:text-3xl tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2024/12/23/moto-news/merger-between-honda-and-nissan-in-sight-whats-going-to-happen-to-the-bikes?ref=moto">Merger between Honda and Nissan in sight: what&#039;s going to happen to the bikes?</a>
							</h2>
						</div>
					</a>
				</article>
											<article class="tw:group/card tw:overflow-hidden tw:snap-start tw:flex tw:flex-col tw:rounded-xl tw:bg-white tw:dark:bg-[#181817]
					tw:row-span-1 tw:col-span-1 tw:w-[300px] tw:h-full tw:lg:h-[302px]">
					<a href="/en/2024/12/19/moto-news/ktm-crisis-mv-agusta-shares-up-for-sale-and-pierer-mobility-is-being" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="KTM&#x20;crisis&#x3A;&#x20;MV&#x20;Agusta&#x20;shares&#x20;up&#x20;for&#x20;sale.&#x20;And&#x20;Pierer&#x20;Mobility&#x20;is&#x20;being&#x20;investigated">
						<div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
							<div class="tw:absolute tw:inset-0 tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-105">
								<a href="/en/2024/12/19/moto-news/ktm-crisis-mv-agusta-shares-up-for-sale-and-pierer-mobility-is-being?ref=moto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/12/MotoGP/generic/redbull-ktm-1766426206.jpg?itok=ad6Umf9v" width="315" height="210" alt="Moto - News: KTM crisis: MV Agusta shares up for sale. And Pierer Mobility is being investigated" />

</a>
							</div>

							
							<span class="tw:absolute tw:bottom-0 tw:left-3  tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-sm  tw:text-white tw:uppercase tag-id_13670">
								Moto - News
							</span>
						</div>
						<div class="tw:flex-1 tw:flex tw:flex-col tw:pt-2 tw:items-start tw:text-left tw:px-3 ">
															<div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
									<time datetime="2024-12-19T21:27:11+01:00">19 Dec - 21:27</time>

								</div>
														<h2 class="tw:text-base tw:font-semibold tw:text-[#181817] tw:dark:text-[#F2F2F3] tw:line-clamp-3 tw:group-hover/card:tw:text-red-500">
								<a href="/en/2024/12/19/moto-news/ktm-crisis-mv-agusta-shares-up-for-sale-and-pierer-mobility-is-being?ref=moto">KTM crisis: MV Agusta shares up for sale. And Pierer Mobility is being investigated</a>
							</h2>
						</div>
					</a>
				</article>
			
										<div class="tw:snap-start tw:flex-shrink-0 tw:col-span-1 tw:w-[300px] tw:mr-4 tw:flex tw:items-center tw:justify-center tw:rounded-xl tw:relative tw:overflow-hidden tw:bg-white tw:h-full tw:lg:h-[302px]">
					<div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-0" style="background: linear-gradient(180deg, #B21A18 2.88%, #7D0705 100%);"></div>

					<div class="tw:absolute tw:inset-0 tw:z-10 tw:dark:hidden" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>
					<div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-10" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>

					<a href="/en/news/ontheroad/moto"
					   aria-label="See more"
					   class="tw:inset-0 tw:absolute tw:flex tw:items-center tw:justify-center tw:no-underline tw:z-20 tw:cursor-pointer"
					   @click="if(isDragging) $event.preventDefault()">
						<div class="tw:px-4 tw:py-2 tw:rounded-full tw:bg-black tw:dark:bg-white tw:flex tw:items-center tw:gap-2 tw:border-2 tw:dark:border-[#181817] tw:border-white tw:transform tw:transition-transform tw:duration-500 tw:hover:scale-110">
							<span class="tw:text-white tw:dark:text-black tw:font-black tw:text-sm">See more</span>
							<i class="fa-solid fa-chevron-right tw:text-white tw:dark:text-black tw:text-[9px] tw:transform tw:transition-transform tw:duration-500 tw:hover:translate-x-1"></i>
						</div>
					</a>
				</div>
			
		</div>
	</div>

		



<style>
  .drag-handle { 
    width: 140px; height: 70px; cursor: grab; z-index: 100; 
    touch-action: none; user-select: none; background: transparent; 
  }
  .drag-handle:active { cursor: grabbing; }
  .gpone-svg-icon { fill: currentColor; }
</style>

<div class="tw:flex tw:justify-center tw:items-center tw:gap-10 tw:py-8 tw:pr-4 tw:md:pr-0">
    
        <button @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
            :disabled="atStart"
            x-cloak 
            :class="[
                activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atStart ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-left tw:text-[10px]"></i>
    </button>

        <div class="tw:relative tw:w-72 tw:md:w-96 tw:h-12 tw:flex tw:items-center" x-ref="track">
        <div class="tw:w-full tw:h-[2px] tw:bg-black/10 tw:dark:bg-white/10 tw:relative tw:rounded-full tw:pointer-events-none">
                        <div class="tw:absolute tw:left-0 tw:top-0 tw:h-full tw:bg-red-600 tw:rounded-full" 
                 :style="{ 
                    width: 'calc(' + progress + '% - 17px)', 
                    transition: (isDragging || isAutoScrolling) ? 'none' : 'width 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' 
                 }"></div>
        </div>
        
        <div class="tw:absolute tw:top-1/2 tw:z-50" 
             :style="{ left: progress + '%', transform: 'translate(-50%, -50%)', transition: (isDragging || isAutoScrolling) ? 'none' : 'left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' }">
            
            <div class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center">
                 <div class="drag-handle" @mousedown="startDrag($event, 'track')" @touchstart.stop.prevent="startDrag($event, 'track')"></div>
            </div>

            <div class="tw:relative tw:transition-all tw:duration-300"
                 :class="{ 'tw:lg:-rotate-[15deg] tw:lg:-translate-y-1': (isDragging || isAutoScrolling) && movingRight }">
              
                              <svg width="48" height="32" viewBox="0 0 30 20" class="tw:text-[#181817] tw:dark:text-white">
                  <path d="M27.56 11.29c-1.46-1.15-2.9-1.28-4.11-.99l-1.11-2.56c.57-.05 1.17 0 1.24-.75.05-.55.05-1.64 0-2.19-.04-.44-.2-.67-.66-.74-.67-.11-1.46.03-1.96.52l-1.7-3.9a.78.78 0 0 0-.72-.47h-2.51a.39.39 0 0 0-.39.39v.98c0 .21.17.39.39.39h1.62c.16 0 .3.09.36.24l.8 1.85h-3.97c-1.29 0-1.48.57-1.74 1.24s-.29 1.15-.87 1.25c-.65.11-2.02.12-2.66-.01-.68-.14-1.21-.72-1.85-.94-.8-.28-3.88-.3-4.77-.18-.91.12-1.21.75-1.26 1.59-.05.73 0 1.51.55 2.04-.45.34-1.07.82-1.48 1.22-.15.14-.15.38 0 .53l.81.79s.21.3.49 0c.16-.16.39-.38.64-.6 1.31-1.17 3.11-1.82 5.15-1.37 2.15.47 3.56 2.21 4.04 4.17h-.76c-.61-2.35-2.92-4.01-5.55-3.54-1.88.34-3.43 1.83-3.82 3.7a4.828 4.828 0 0 0 4.71 5.87c2.25 0 4.12-1.54 4.65-3.62h.36c1.46-.03 2.98.12 4.4.01 1.31-.1 1.84-.54 2.39-1.68.86-1.78 1.57-4.33 2.45-6.06l1.12 2.58c-.19.11-.3.19-.3.19-1.33 1.06-2.11 2.78-1.76 4.69.36 1.89 1.87 3.44 3.76 3.81 3.06.6 5.75-1.7 5.8-4.65.02-1.43-.68-2.88-1.8-3.76Zm-21.1 5.12c.28 0 .55-.09.77-.23h1.93a2.97 2.97 0 0 1-2.7 1.76c-1.63 0-2.96-1.33-2.96-2.96s1.33-2.96 2.96-2.96c1.2 0 2.24.73 2.7 1.76H7.23a1.45 1.45 0 0 0-.77-.23 1.43 1.43 0 1 0 0 2.86m18.08 1.53c-1.63 0-2.96-1.33-2.96-2.96 0-.81.33-1.55.86-2.08 0 0 .07-.06.18-.14l.68 1.58c-.1.19-.16.41-.16.64 0 .78.63 1.41 1.41 1.41a1.408 1.408 0 0 0 .36-2.77l-.69-1.58c.11-.01.22-.03.33-.03 1.63 0 2.96 1.33 2.96 2.96s-1.33 2.96-2.96 2.96Z" class="gpone-svg-icon"/>
                </svg>
                          </div>
        </div>
    </div>

        <button @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
            :disabled="atEnd"
            :class="[
                activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atEnd ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-right tw:text-[10px]"></i>
    </button>
</div>

</div>
</div>

  </div></div>

  </div><div class="views-element-container tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14" id="block-gpone-views-block-home-cars-tech-block-1">
  
    
      <div><div class="horiz-swipe tw:w-full js-view-dom-id-e79bdd97a88aa5c41da97de5ba029562140451629a0b6a73229acc918cbceea3">

  <div class="view-filters tw:flex tw:flex-col tw:pr-4 tw:md:pr-0 tw:md:flex-row tw:md:items-end tw:justify-start tw:gap-x-4 tw:gap-y-1 tw:md:gap-y-0 tw:mb-6 tw:border-b-2 tw:dark:border-white tw:border-[#181817] tw:pb-0">      <div class="tw:flex-shrink-0 tw:ml-0 tw:lg:mr-6 tw:mb-0"><h2 class="tw:text-lg tw:lg:text-xl tw:font-bold tw:italic tw:dark:text-white tw:text-[#181817] tw:uppercase tw:mb-0 tw:lg:mb-2">AUTO</h2></div><div class="gpone-exposed-form-wrapper tw:flex-shrink-0 tw:ml-0 tw:mt-0 tw:mb-0 [&_form]:tw:m-0 [&_form]:tw:flex [&_form]:tw:flex-wrap [&_form]:tw:gap-3">
          <div class="[&_.form-item]:tw:m-0 [&_.form-actions]:tw:m-0 [&_label]:tw:text-[10px] [&_label]:tw:uppercase [&_label]:tw:text-gray-500 tw:uppercase"><form class="views-exposed-form bef-exposed-form" data-bef-auto-submit="" data-bef-auto-submit-delay="500" data-bef-auto-submit-minimum-length="3" data-bef-auto-submit-full-form="" data-drupal-selector="views-exposed-form-home-cars-tech-block-1" action="/en/home" method="get" id="views-exposed-form-home-cars-tech-block-1" accept-charset="UTF-8">
  


<div class="js-form-item form-item form-type-select js-form-type-select form-item-auto js-form-item-auto">
      
        

  <input type="hidden" name="auto" value="1" id="edit-auto" />

<div  class="bef-links-use-ajax form-select bef-links filter- bef-nested" data-drupal-selector="edit-auto" id="edit-auto" data-name="auto" 
     data-view-id=""
     data-filter-id=""
     x-data="{ 
        expanded: false,
        isDesktop: window.innerWidth >= 1280
     }" 
     @resize.window="isDesktop = window.innerWidth >= 1280"
     @click.away="expanded = false"
     class="tw:w-full">
  
  <div class="tw:flex tw:flex-nowrap tw:xl:flex-wrap tw:items-center tw:gap-x-0 tw:xl:gap-x-2 tw:gap-y-2 tw:relative"
       id="bef-items-container">
    
                                                                                                                                                
                                
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="0"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  <ul>

<li><a href="https://www.gpone.com/en/home" class="bef-link edit-auto--2 bef-link--selected" id="edit-auto-1" name="auto[1]">ALL</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="1"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?auto=2" class="bef-link edit-auto--3" id="edit-auto-2" name="auto[2]">News</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="2"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?auto=3" class="bef-link edit-auto--4" id="edit-auto-3" name="auto[3]">Test</a>

      </div>
                            
            
      <div class="bef-item-wrapper tw:list-none tw:shrink-0 dropdown-item
                  tw:inline-block 
                  tw:xl:inline-block"
           data-original-index="3"
           :class="{ 
              'tw:!block tw:absolute tw:right-0 tw:z-[110] tw:bg-white tw:dark:bg-[#181817] tw:pr-4 tw:py-2 tw:border-x tw:border-black/5 tw:dark:border-white/10 tw:text-right': expanded && ((!isDesktop && !true) || (isDesktop && !true))
           }"
           x-init="if (true) { 
              $watch('expanded', value => {
                if (value) {
                  let items = Array.from($el.parentNode.querySelectorAll('.dropdown-item'));
                  let dropdownItems = items.filter(i => {
                      let style = window.getComputedStyle(i);
                      return style.display === 'none' || i.classList.contains('tw:absolute');
                  });
                  let myIndex = dropdownItems.indexOf($el);
                  if (myIndex !== -1) {
                    $el.style.top = (47 + (myIndex * 47)) + 'px';
                  }
                }
              });
           }"
           :style="expanded && ((!isDesktop && !true) || (isDesktop && !true)) ? 'width: 200px;' : ''">
        
                        
                        
                        
                
                  
<li><a href="https://www.gpone.com/en/home?auto=4" class="bef-link edit-auto--5" id="edit-auto-4" name="auto[4]">Video</a>

        </li></ul>
        </div>
    
        <div class="tw:relative tw:inline-flex tw:items-center tw:ml-auto tw:shrink-0"
         x-show="(isDesktop && 4 > 7) || (!isDesktop && 4 > 5)"
         x-cloak>
      <button type="button" 
              @click="expanded = !expanded" 
              class="tw:flex tw:flex-nowrap tw:items-center tw:text-md tw:font-bold tw:uppercase tw:text-red-600 tw:dark:text-white tw:bg-transparent tw:border-none tw:p-0 tw:cursor-pointer tw:whitespace-nowrap">
        
                <span class="tw:pl-1 tw:dark:text-white" 
              :class="isDesktop ? 'tw:text-lg' : 'tw:text-sm'"
              x-text="isDesktop ? '+' + (4 - 7) : '+' + (4 - 5)"></span>
        
                <svg class="tw:w-3 tw:h-3 tw:ml-1 tw:transition-transform tw:duration-300 tw:dark:text-white" 
             :class="expanded ? 'tw:rotate-180' : 'tw:rotate-0'" 
             fill="none" 
             stroke="currentColor" 
             stroke-width="4" 
             viewBox="0 0 24 24">
          <path d="M19 9l-7 7-7-7" />
        </svg>
      </button>
    </div>
  </div>
</div>
        </div><div class="js-hide form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions--2">




  <input  data-bef-auto-submit-click="" data-drupal-selector="edit-submit-home-cars-tech" type="submit" id="edit-submit-home-cars-tech" value="Apply" class="button js-form-submit form-submit tw:w-full tw:bg-[#181817] tw:dark:bg-white tw:text-white tw:dark:text-[#181817] tw:font-bold tw:rounded-xl tw:my-3 tw:py-3 tw:px-6 tw:cursor-pointer tw:border-none tw:hover:opacity-90 tw:active:scale-95 tw:transition-all tw:duration-300" />


<style>
  input[type="checkbox"]:checked + svg,
  input[type="radio"]:checked + div {
    opacity: 1 !important;
  }
  
  /* Allineamento orizzontale per il contenitore di Drupal */
  .js-form-type-checkbox, .js-form-type-radio {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 0.5rem;
  }

  /* La label che segue la nostra checkbox */
  .js-checkbox-wrapper + label,
  .js-radio-wrapper + label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.2;
  }

  /* Piccola correzione per il link del file dentro la label */
  .js-checkbox-wrapper + label a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
  }
</style></div>


</form>
</div>
        </div></div>  <div class="view-content">



    
<style>
  .no-scrollbar::-webkit-scrollbar { display: none; }
  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
  .gpone-arrow { transition: all 0.3s ease; z-index: 100; opacity: 0; visibility: hidden; }
  .tw\:group\/grid:hover .gpone-arrow { opacity: 1; visibility: visible; }
  .dragging-active { cursor: grabbing !important; user-select: none; }
</style>

<div class="tw:w-full" 
     x-data="{ 
        progress: 0,
        atStart: true, 
        atEnd: false,
        isDragging: false,
        dragSource: '',
        dragStartTime: 0,
        animFrameId: null,
        isAutoScrolling: false,
        movingRight: false,
        startX: 0,
        startY: 0,
        scrollLeftStart: 0,
        ticking: false,
        activeLeft: false,
        activeRight: false,

        updateStatus() {
            if (!this.ticking) {
                window.requestAnimationFrame(() => {
                    const el = this.$refs.scrollContainer;
                    if (!el) return;
                    const scrollable = el.scrollWidth - el.clientWidth;
                    this.progress = scrollable > 0 ? (el.scrollLeft / scrollable) * 100 : 0;
                    this.atStart = el.scrollLeft <= 15;
                    this.atEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 15;
                    this.ticking = false;
                });
                this.ticking = true;
            }
        },

        smoothScrollTo(el, target, duration, onComplete) {
            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
            el.style.scrollSnapType = 'none';
            el.style.scrollBehavior = 'auto';
            const start = el.scrollLeft;
            const dist = target - start;
            if (Math.abs(dist) < 1) {
                el.style.scrollSnapType = 'x mandatory';
                this.updateStatus();
                if (onComplete) onComplete();
                return;
            }
            const t0 = performance.now();
            const ease = t => 1 - Math.pow(1 - t, 3); // easeOutCubic
            const step = (now) => {
                const p = Math.min((now - t0) / duration, 1);
                el.scrollLeft = start + dist * ease(p);
                if (p < 1) {
                    this.animFrameId = requestAnimationFrame(step);
                } else {
                    el.scrollLeft = target;
                    el.style.scrollSnapType = 'x mandatory';
                    this.animFrameId = null;
                    this.updateStatus();
                    if (onComplete) onComplete();
                }
            };
            this.animFrameId = requestAnimationFrame(step);
        },

        arrowScroll(direction) {
            if (this.isAutoScrolling) return;
            const el = this.$refs.scrollContainer;
            this.isAutoScrolling = true;
            this.movingRight = (direction === 'right');
            const cardWidth = el.querySelector('article')?.offsetWidth || 300;
            const snapUnit = cardWidth + 16;
            const cards = window.innerWidth >= 1024
                ? Math.max(1, Math.floor(el.clientWidth * 0.8 / snapUnit))
                : 1;
            const delta = (direction === 'right' ? 1 : -1) * snapUnit * cards;
            const target = Math.max(0, Math.min(el.scrollLeft + delta, el.scrollWidth - el.clientWidth));
            this.smoothScrollTo(el, target, 620, () => { this.isAutoScrolling = false; });
        },

        startDrag(e, source) {
            const el = this.$refs.scrollContainer;
            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
            el.style.scrollBehavior = 'auto';
            el.scrollLeft = el.scrollLeft;
            this.isDragging = true;
            this.dragSource = source;
            this.dragStartTime = Date.now();
            const clientX = e.type.includes('touch') ? e.touches[0].clientX : e.clientX;
            const clientY = e.type.includes('touch') ? e.touches[0].clientY : e.clientY;
            this.startX = clientX;
            this.startY = clientY;
            this.scrollLeftStart = el.scrollLeft;
            el.style.scrollSnapType = 'none';
            if (e.type === 'mousedown') e.preventDefault();
        },

        handleDrag(e) {
            if (!this.isDragging) return;
            const isTouch = e.type.includes('touch');
            const clientX = isTouch ? (e.touches?.[0]?.clientX ?? this.startX) : e.clientX;
            const deltaX = clientX - this.startX;
            const el = this.$refs.scrollContainer;
            if (this.dragSource === 'grid') {
                const multiplier = isTouch ? 1 : 1.5;
                el.scrollLeft = this.scrollLeftStart - (deltaX * multiplier);
            } else if (this.dragSource === 'track') {
                const scrollable = el.scrollWidth - el.clientWidth;
                const trackWidth = this.$refs.track.clientWidth;
                el.scrollLeft = this.scrollLeftStart + (deltaX / trackWidth * scrollable);
            }
            this.movingRight = deltaX > 0;
            this.updateStatus();
        },

        handleTouchMove(e) {
            if (!this.isDragging || this.dragSource !== 'grid') return;
            const dx = Math.abs(e.touches[0].clientX - this.startX);
            const dy = Math.abs(e.touches[0].clientY - this.startY);
            if (dx > dy && e.cancelable) e.preventDefault();
        },

        stopDrag() {
            if (!this.isDragging) return;
            this.isDragging = false;
            const el = this.$refs.scrollContainer;

            const cardWidth = el.querySelector('article')?.offsetWidth || 300;
            const snapUnit = cardWidth + 16;
            const swipeDelta = el.scrollLeft - this.scrollLeftStart;
            const velocity = Math.abs(swipeDelta) / Math.max(1, Date.now() - this.dragStartTime);

            const startIndex = Math.round(this.scrollLeftStart / snapUnit);
            let targetIndex;
            if (Math.abs(swipeDelta) > 15 || velocity > 0.2) {
                const cards = Math.max(1, Math.round(Math.abs(swipeDelta) / snapUnit));
                targetIndex = swipeDelta > 0 ? startIndex + cards : startIndex - cards;
            } else {
                targetIndex = startIndex;
            }

            const maxScroll = el.scrollWidth - el.clientWidth;
            targetIndex = Math.max(0, Math.min(targetIndex, Math.round(maxScroll / snapUnit)));
            const target = Math.min(targetIndex * snapUnit, maxScroll);

            this.smoothScrollTo(el, target, 620);
        }
     }"
     x-init="$nextTick(() => updateStatus())"
     @mousemove.window="handleDrag($event)"
     @mouseup.window="stopDrag()"
     @touchmove.window="handleDrag($event)"
     @touchend.window="stopDrag()">

    <div class="tw:relative tw:w-full tw:group/grid">
        
        <button type="button"
        @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
        x-show="!atStart" x-cloak 
        aria-label="Scroll left"
        :class="activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:left-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-left" aria-hidden="true"></i>
</button>

<button type="button"
        @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
        x-show="!atEnd" x-cloak 
        aria-label="Scroll right"
        :class="activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:right-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
</button>
        <div x-ref="scrollContainer"
             @scroll="updateStatus()"
             @mousedown="startDrag($event, 'grid')"
             @touchstart.passive="startDrag($event, 'grid')"
             :class="{ 'dragging-active': isDragging }"
             @touchmove="handleTouchMove($event)"
             style="scroll-padding-left: 0px; overscroll-behavior-x: contain;"
             class="no-scrollbar tw:flex tw:gap-4 tw:w-full tw:relative tw:overflow-x-auto tw:snap-x tw:snap-mandatory tw:scroll-smooth tw:cursor-grab tw:h-[250px]">
          
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2026/04/18/auto-news/ford-mustang-record-at-nurburgring.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Ford&#x20;Mustang&#x3A;&#x20;record&#x20;at&#x20;N&#x00FC;rburgring">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/18/auto-news/ford-mustang-record-at-nurburgring.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/04/Auto%20-%20News/generic/ford-mustang-gtd-competition-sets-6-40-nurburgring-lap-time.jpg?itok=pdsquvzD" width="315" height="210" alt="Ford Mustang: A Record at the Nürburgring" />

</a> 
                        </div>

                                              <div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
                        <div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                          <svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M8 5v14l11-7z"/>
                          </svg>
                        </div>
                      </div>
                    
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/18/auto-news/ford-mustang-record-at-nurburgring.html?ref=auto">Ford Mustang: record at Nürburgring</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2026/04/15/auto-news/byd-fire-at-shenzhen-warehouse.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="BYD&#x3A;&#x20;Fire&#x20;at&#x20;Shenzhen&#x20;warehouse">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/15/auto-news/byd-fire-at-shenzhen-warehouse.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/04/Auto%20-%20News/generic/byd.jpg?itok=517uTsjb" width="315" height="210" alt="BYD: Fire at the Shenzhen warehouse" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/15/auto-news/byd-fire-at-shenzhen-warehouse.html?ref=auto">BYD: Fire at Shenzhen warehouse</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2026/02/15/auto-news/video-of-terrible-accident-at-bathurst-12-hour-race-rossi-competed.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Video&#x20;of&#x20;terrible&#x20;accident&#x20;at&#x20;Bathurst&#x20;12&#x20;Hour&#x20;race,&#x20;Rossi&#x20;competed">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/02/15/auto-news/video-of-terrible-accident-at-bathurst-12-hour-race-rossi-competed.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/02/Auto%20-%20News/generic/incidente-bathurst-1771185594.jpg?itok=SeECGvr5" width="315" height="210" alt="Auto - News: Video of terrible accident at Bathurst 12 Hour race, Rossi competed" />

</a> 
                        </div>

                                              <div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
                        <div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                          <svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M8 5v14l11-7z"/>
                          </svg>
                        </div>
                      </div>
                    
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/02/15/auto-news/video-of-terrible-accident-at-bathurst-12-hour-race-rossi-competed.html?ref=auto">Video of terrible accident at Bathurst 12 Hour race, Rossi competed</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2026/02/15/auto-news/valentino-rossi-treats-himself-to-podium-finish-at-bathurst-12-hour-on-his" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Valentino&#x20;Rossi&#x20;treats&#x20;himself&#x20;to&#x20;podium&#x20;finish&#x20;at&#x20;Bathurst&#x20;12&#x20;Hour&#x20;on&#x20;his&#x20;birthday">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/02/15/auto-news/valentino-rossi-treats-himself-to-podium-finish-at-bathurst-12-hour-on-his?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/02/Auto%20-%20News/generic/rossi-podio-bathurst-1771150041.jpeg?itok=leucFjkE" width="315" height="210" alt="Auto - News: Valentino Rossi treats himself to podium finish at Bathurst 12 Hour on his birthday" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/02/15/auto-news/valentino-rossi-treats-himself-to-podium-finish-at-bathurst-12-hour-on-his?ref=auto">Valentino Rossi treats himself to podium finish at Bathurst 12 Hour on his birthday</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2026/02/12/auto-news/the-bathurst-12-hours-awaits-valentino-rossi-first-photos-and-the-schedule.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="The&#x20;Bathurst&#x20;12&#x20;Hours&#x20;awaits&#x20;Valentino&#x20;Rossi&#x3A;&#x20;first&#x20;photos&#x20;and&#x20;the&#x20;schedule">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/02/12/auto-news/the-bathurst-12-hours-awaits-valentino-rossi-first-photos-and-the-schedule.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/02/Auto%20-%20News/generic/rossi-bathurst09-1770912471.jpeg?itok=-f4EAveW" width="315" height="210" alt="Auto - News: The Bathurst 12 Hours awaits Valentino Rossi: first photos and the schedule" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/02/12/auto-news/the-bathurst-12-hours-awaits-valentino-rossi-first-photos-and-the-schedule.html?ref=auto">The Bathurst 12 Hours awaits Valentino Rossi: first photos and the schedule</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/10/19/auto-news/rossi-wins-at-indianapolis-in-car-17-years-after-motogp-success.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Rossi&#x20;wins&#x20;at&#x20;Indianapolis&#x20;in&#x20;car&#x20;17&#x20;years&#x20;after&#x20;MotoGP&#x20;success">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/10/19/auto-news/rossi-wins-at-indianapolis-in-car-17-years-after-motogp-success.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/10/Auto%20-%20News/generic/rossi-indy-vittoria-1760845753.jpeg?itok=j_3K8nOh" width="315" height="210" alt="Auto - News: Rossi wins at Indianapolis in car 17 years after MotoGP success" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/10/19/auto-news/rossi-wins-at-indianapolis-in-car-17-years-after-motogp-success.html?ref=auto">Rossi wins at Indianapolis in car 17 years after MotoGP success</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/10/15/auto-news/auctioning-off-valentino-rossis-bmw-m4-gt3-for-a-staggering-sum.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Auctioning&#x20;off&#x20;Valentino&#x20;Rossi&amp;&#x23;039&#x3B;s&#x20;BMW&#x20;M4&#x20;GT3&#x20;for&#x20;a&#x20;staggering&#x20;sum">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/10/15/auto-news/auctioning-off-valentino-rossis-bmw-m4-gt3-for-a-staggering-sum.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/10/Auto%20-%20News/generic/bmw-m4-gt3-valentino-rossi-1760539890.jpg?itok=u1FKcmlg" width="315" height="210" alt="Auto - News: Auctioning off Valentino Rossi&#039;s BMW M4 GT3 for a staggering sum" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/10/15/auto-news/auctioning-off-valentino-rossis-bmw-m4-gt3-for-a-staggering-sum.html?ref=auto">Auctioning off Valentino Rossi&#039;s BMW M4 GT3 for a staggering sum</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/09/19/auto-news/ferrari-in-great-form-at-baku-hamilton-leads-leclerc-in-fp2.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Ferrari&#x20;in&#x20;great&#x20;form&#x20;at&#x20;Baku.&#x20;Hamilton&#x20;leads&#x20;Leclerc&#x20;in&#x20;FP2">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/09/19/auto-news/ferrari-in-great-form-at-baku-hamilton-leads-leclerc-in-fp2.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/09/Auto%20-%20News/generic/lewis-hamilton-baku-1758363971.jpg?itok=RRGVO6X9" width="315" height="210" alt="Auto - News: Ferrari in great form at Baku. Hamilton leads Leclerc in FP2" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/09/19/auto-news/ferrari-in-great-form-at-baku-hamilton-leads-leclerc-in-fp2.html?ref=auto">Ferrari in great form at Baku. Hamilton leads Leclerc in FP2</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/07/05/auto-news/verstappen-grabs-pole-at-silverstone-from-piastri-disappointment-for-ferrari" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Verstappen&#x20;grabs&#x20;pole&#x20;at&#x20;Silverstone&#x20;from&#x20;Piastri.&#x20;Disappointment&#x20;for&#x20;Ferrari">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/07/05/auto-news/verstappen-grabs-pole-at-silverstone-from-piastri-disappointment-for-ferrari?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/07/Auto%20-%20News/generic/max-verstappen-1751736381.jpg?itok=dcquq_i4" width="315" height="210" alt="Auto - News: Verstappen grabs pole at Silverstone from Piastri. Disappointment for Ferrari" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/07/05/auto-news/verstappen-grabs-pole-at-silverstone-from-piastri-disappointment-for-ferrari?ref=auto">Verstappen grabs pole at Silverstone from Piastri. Disappointment for Ferrari</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/06/15/auto-news/24-hours-of-le-mans-cursed-for-rossi-retirement-in-the-night-due-to-a-breakdown" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="24&#x20;Hours&#x20;of&#x20;Le&#x20;Mans&#x20;cursed&#x20;for&#x20;Rossi&#x3A;&#x20;retirement&#x20;in&#x20;the&#x20;night&#x20;due&#x20;to&#x20;a&#x20;breakdown">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/06/15/auto-news/24-hours-of-le-mans-cursed-for-rossi-retirement-in-the-night-due-to-a-breakdown?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/06/Auto%20-%20News/generic/rossi-lemans-notte-1749976646.jpg?itok=MI4Kb0cU" width="315" height="210" alt="Auto - News: 24 Hours of Le Mans cursed for Rossi: retirement in the night due to a breakdown" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/06/15/auto-news/24-hours-of-le-mans-cursed-for-rossi-retirement-in-the-night-due-to-a-breakdown?ref=auto">24 Hours of Le Mans cursed for Rossi: retirement in the night due to a breakdown</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/06/12/auto-news/24-hours-of-le-mans-3rd-quickest-time-for-valentino-rossi-in-hyperpole.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="24&#x20;Hours&#x20;of&#x20;Le&#x20;Mans&#x3A;&#x20;3rd&#x20;quickest&#x20;time&#x20;for&#x20;Valentino&#x20;Rossi&#x20;in&#x20;Hyperpole">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/06/12/auto-news/24-hours-of-le-mans-3rd-quickest-time-for-valentino-rossi-in-hyperpole.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/06/Auto%20-%20News/generic/rossi-lemans-action-1749760533.jpg?itok=gTs6VGmZ" width="315" height="210" alt="Auto - News: 24 Hours of Le Mans: 3rd quickest time for Valentino Rossi in Hyperpole" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/06/12/auto-news/24-hours-of-le-mans-3rd-quickest-time-for-valentino-rossi-in-hyperpole.html?ref=auto">24 Hours of Le Mans: 3rd quickest time for Valentino Rossi in Hyperpole</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/06/12/auto-news/rossi-motogp-was-my-reason-for-living-i-have-more-fun-in-cars.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Rossi&#x3A;&#x20;&amp;quot&#x3B;MotoGP&#x20;was&#x20;my&#x20;reason&#x20;for&#x20;living,&#x20;I&#x20;have&#x20;more&#x20;fun&#x20;in&#x20;cars.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/06/12/auto-news/rossi-motogp-was-my-reason-for-living-i-have-more-fun-in-cars.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/06/Auto%20-%20News/generic/valentino-rossi-1749740259.jpg?itok=HZM0nA5b" width="315" height="210" alt="Auto - News: Rossi: &quot;MotoGP was my reason for living, I have more fun in cars.&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/06/12/auto-news/rossi-motogp-was-my-reason-for-living-i-have-more-fun-in-cars.html?ref=auto">Rossi: &quot;MotoGP was my reason for living, I have more fun in cars.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/06/11/auto-news/formula-1-canadian-grand-prix-tv-schedules-on-sky-now-and-tv8.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Formula&#x20;1,&#x20;Canadian&#x20;Grand&#x20;Prix&#x3A;&#x20;TV&#x20;schedules&#x20;on&#x20;SKY,&#x20;NOW,&#x20;and&#x20;TV8&#x20;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/06/11/auto-news/formula-1-canadian-grand-prix-tv-schedules-on-sky-now-and-tv8.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/06/Auto%20-%20News/generic/circuito-canada-1749645937.jpg?itok=6SqUg1c8" width="315" height="210" alt="Auto - News: Formula 1, Canadian Grand Prix: TV schedules on SKY, NOW, and TV8 " />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/06/11/auto-news/formula-1-canadian-grand-prix-tv-schedules-on-sky-now-and-tv8.html?ref=auto">Formula 1, Canadian Grand Prix: TV schedules on SKY, NOW, and TV8 </a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/06/08/auto-news/valentino-rossi-at-le-mans-for-24h-unlucky-in-2024-lets-get-it-over-with.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Valentino&#x20;Rossi&#x20;at&#x20;Le&#x20;Mans&#x20;for&#x20;24H&#x3A;&#x20;&amp;quot&#x3B;Unlucky&#x20;in&#x20;2024.&#x20;Let&amp;&#x23;039&#x3B;s&#x20;get&#x20;it&#x20;over&#x20;with.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/06/08/auto-news/valentino-rossi-at-le-mans-for-24h-unlucky-in-2024-lets-get-it-over-with.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/06/Auto%20-%20News/generic/valentino-rossi-1749397386.jpg?itok=o73cu_nL" width="315" height="210" alt="Auto - News: Valentino Rossi at Le Mans for 24H: &quot;Unlucky in 2024. Let&#039;s get it over with.&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/06/08/auto-news/valentino-rossi-at-le-mans-for-24h-unlucky-in-2024-lets-get-it-over-with.html?ref=auto">Valentino Rossi at Le Mans for 24H: &quot;Unlucky in 2024. Let&#039;s get it over with.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/06/04/auto-news/rosberg-verstappen-it-reminded-me-of-what-rossi-did-to-marquez-in-2015.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Rosberg&#x3A;&#x20;&amp;quot&#x3B;Verstappen&#x3F;&#x20;It&#x20;reminded&#x20;me&#x20;of&#x20;what&#x20;Rossi&#x20;did&#x20;to&#x20;Marquez&#x20;in&#x20;2015.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/06/04/auto-news/rosberg-verstappen-it-reminded-me-of-what-rossi-did-to-marquez-in-2015.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/06/Auto%20-%20News/generic/nico-rosberg-1749023700.jpg?itok=lL6-0pHM" width="315" height="210" alt="Auto - News: Rosberg: &quot;Verstappen? It reminded me of what Rossi did to Marquez in 2015.&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/06/04/auto-news/rosberg-verstappen-it-reminded-me-of-what-rossi-did-to-marquez-in-2015.html?ref=auto">Rosberg: &quot;Verstappen? It reminded me of what Rossi did to Marquez in 2015.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/05/25/auto-news/norris-wins-in-monte-carlo-but-ferrari-is-on-the-podium-with-leclerc.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Norris&#x20;wins&#x20;in&#x20;Monte&#x20;Carlo,&#x20;but&#x20;Ferrari&#x20;is&#x20;on&#x20;the&#x20;podium&#x20;with&#x20;Leclerc">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/05/25/auto-news/norris-wins-in-monte-carlo-but-ferrari-is-on-the-podium-with-leclerc.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/05/Auto%20-%20News/generic/lando-norris-1748189942.jpg?itok=LqAMNg7m" width="315" height="210" alt="Auto - News: Norris wins in Monte Carlo, but Ferrari is on the podium with Leclerc" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/05/25/auto-news/norris-wins-in-monte-carlo-but-ferrari-is-on-the-podium-with-leclerc.html?ref=auto">Norris wins in Monte Carlo, but Ferrari is on the podium with Leclerc</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/05/24/auto-news/norris-sets-the-pole-at-monte-carlo-leclerc-will-start-from-the-front-row.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Norris&#x20;sets&#x20;the&#x20;pole&#x20;at&#x20;Monte&#x20;Carlo.&#x20;Leclerc&#x20;will&#x20;start&#x20;from&#x20;the&#x20;front&#x20;row&#x20;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/05/24/auto-news/norris-sets-the-pole-at-monte-carlo-leclerc-will-start-from-the-front-row.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/05/Auto%20-%20News/generic/norris-pole-monaco-1748105074.jpg?itok=b524E_-x" width="315" height="210" alt="Auto - News: Norris sets the pole at Monte Carlo. Leclerc will start from the front row " />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/05/24/auto-news/norris-sets-the-pole-at-monte-carlo-leclerc-will-start-from-the-front-row.html?ref=auto">Norris sets the pole at Monte Carlo. Leclerc will start from the front row </a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/05/23/auto-news/leclerc-surprises-everyone-at-monte-carlo-ferrari-dominates-friday.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Leclerc&#x20;surprises&#x20;everyone&#x20;at&#x20;Monte&#x20;Carlo.&#x20;Ferrari&#x20;dominates&#x20;Friday">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/05/23/auto-news/leclerc-surprises-everyone-at-monte-carlo-ferrari-dominates-friday.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/05/Auto%20-%20News/generic/charles-leclerc-1748020277.jpg?itok=7tTy-D10" width="315" height="210" alt="Auto - News: Leclerc surprises everyone at Monte Carlo. Ferrari dominates Friday" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/05/23/auto-news/leclerc-surprises-everyone-at-monte-carlo-ferrari-dominates-friday.html?ref=auto">Leclerc surprises everyone at Monte Carlo. Ferrari dominates Friday</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/05/23/auto-news/hamilton-in-love-with-his-mv-agusta-on-the-monte-carlo-circuit.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Hamilton&#x20;in&#x20;love&#x20;with&#x20;his&#x20;MV&#x20;Agusta&#x20;on&#x20;the&#x20;Monte&#x20;Carlo&#x20;circuit">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/05/23/auto-news/hamilton-in-love-with-his-mv-agusta-on-the-monte-carlo-circuit.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/05/Auto%20-%20News/generic/hamilton-mv-agusta-1747994756.jpg?itok=c9iMdmos" width="315" height="210" alt="Auto - News: Hamilton in love with his MV Agusta on the Monte Carlo circuit" />

</a> 
                        </div>

                                              <div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
                        <div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                          <svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M8 5v14l11-7z"/>
                          </svg>
                        </div>
                      </div>
                    
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/05/23/auto-news/hamilton-in-love-with-his-mv-agusta-on-the-monte-carlo-circuit.html?ref=auto">Hamilton in love with his MV Agusta on the Monte Carlo circuit</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/05/18/auto-news/verstappen-got-better-of-everyone-at-imola-hamiltons-ferrari-4th.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Verstappen&#x20;got&#x20;better&#x20;of&#x20;everyone&#x20;at&#x20;Imola.&#x20;Hamilton&amp;&#x23;039&#x3B;s&#x20;Ferrari&#x20;4th.">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/05/18/auto-news/verstappen-got-better-of-everyone-at-imola-hamiltons-ferrari-4th.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/05/Auto%20-%20News/generic/max-verstappen-1747589661.jpg?itok=H22FrYOJ" width="315" height="210" alt="Auto - News: Verstappen got better of everyone at Imola. Hamilton&#039;s Ferrari 4th." />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/05/18/auto-news/verstappen-got-better-of-everyone-at-imola-hamiltons-ferrari-4th.html?ref=auto">Verstappen got better of everyone at Imola. Hamilton&#039;s Ferrari 4th.</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/05/10/auto-news/video-close-encounters-of-a-certain-kind-between-the-bmw-46-and-the-ferrari-at" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="VIDEO&#x20;-&#x20;Close&#x20;Encounters&#x20;of&#x20;a&#x20;Certain&#x20;Kind&#x20;between&#x20;the&#x20;BMW&#x20;&#x23;46&#x20;and&#x20;the&#x20;Ferrari&#x20;at&#x20;Spa.">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/05/10/auto-news/video-close-encounters-of-a-certain-kind-between-the-bmw-46-and-the-ferrari-at?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/05/Auto%20-%20News/generic/rossi-screen-1746866901.jpg?itok=3OZ0L26l" width="315" height="210" alt="Auto - News: VIDEO - Close Encounters of a Certain Kind between the BMW #46 and the Ferrari at Spa." />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/05/10/auto-news/video-close-encounters-of-a-certain-kind-between-the-bmw-46-and-the-ferrari-at?ref=auto">VIDEO - Close Encounters of a Certain Kind between the BMW #46 and the Ferrari at Spa.</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/04/21/auto-news/wec-6-hours-of-imola-rossi-without-my-mistake-we-could-have-won.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="WEC,&#x20;6&#x20;Hours&#x20;of&#x20;Imola,&#x20;Rossi&#x3A;&#x20;&amp;quot&#x3B;Without&#x20;my&#x20;mistake&#x20;we&#x20;could&#x20;have&#x20;won&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/04/21/auto-news/wec-6-hours-of-imola-rossi-without-my-mistake-we-could-have-won.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/04/Auto%20-%20News/generic/valentino-rossi-imola-1745254629.jpg?itok=kUdum9bJ" width="315" height="210" alt="Auto - News: WEC, 6 Hours of Imola, Rossi: &quot;Without my mistake we could have won&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/04/21/auto-news/wec-6-hours-of-imola-rossi-without-my-mistake-we-could-have-won.html?ref=auto">WEC, 6 Hours of Imola, Rossi: &quot;Without my mistake we could have won&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/04/20/auto-news/wec-rossi-rams-manns-ferrari-at-imola-sending-it-into-a-spin.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="WEC&#x3A;&#x20;Rossi&#x20;rams&#x20;Mann&amp;&#x23;039&#x3B;s&#x20;Ferrari&#x20;at&#x20;Imola&#x20;sending&#x20;it&#x20;into&#x20;a&#x20;spin">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/04/20/auto-news/wec-rossi-rams-manns-ferrari-at-imola-sending-it-into-a-spin.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/04/Auto%20-%20News/generic/rossi-imola-1745174543.jpg?itok=y2ZwzThK" width="315" height="210" alt="Auto - News: WEC: Rossi rams Mann&#039;s Ferrari at Imola sending it into a spin" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/04/20/auto-news/wec-rossi-rams-manns-ferrari-at-imola-sending-it-into-a-spin.html?ref=auto">WEC: Rossi rams Mann&#039;s Ferrari at Imola sending it into a spin</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/04/19/auto-news/valentino-rossi-my-next-goal-is-to-race-on-the-nordschleife.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Valentino&#x20;Rossi&#x3A;&#x20;&amp;quot&#x3B;My&#x20;next&#x20;goal&#x20;is&#x20;to&#x20;race&#x20;on&#x20;the&#x20;Nordschleife.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/04/19/auto-news/valentino-rossi-my-next-goal-is-to-race-on-the-nordschleife.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/06/Auto%20-%20News/generic/valentino-rossi-1749397386.jpg?itok=o73cu_nL" width="315" height="210" alt="Auto - News: Valentino Rossi: &quot;My next goal is to race on the Nordschleife.&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/04/19/auto-news/valentino-rossi-my-next-goal-is-to-race-on-the-nordschleife.html?ref=auto">Valentino Rossi: &quot;My next goal is to race on the Nordschleife.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/03/27/auto-news/valentino-rossi-meets-andrea-antonelli-and-its-immediately-a-challenge-in-karts" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Valentino&#x20;Rossi&#x20;meets&#x20;Andrea&#x20;Antonelli&#x20;and&#x20;it&amp;&#x23;039&#x3B;s&#x20;immediately&#x20;a&#x20;challenge&#x20;in&#x20;karts">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/03/27/auto-news/valentino-rossi-meets-andrea-antonelli-and-its-immediately-a-challenge-in-karts?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/03/Auto%20-%20News/generic/andrea-antonelli-e-valentino-rossi-1743111293.jpg?itok=UkqKdiNl" width="315" height="210" alt="Auto - News: Valentino Rossi meets Andrea Antonelli and it&#039;s immediately a challenge in karts" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/03/27/auto-news/valentino-rossi-meets-andrea-antonelli-and-its-immediately-a-challenge-in-karts?ref=auto">Valentino Rossi meets Andrea Antonelli and it&#039;s immediately a challenge in karts</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/03/27/auto-news/valentino-rossi-my-desidere-to-race-is-still-very-strong.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Valentino&#x20;Rossi&#x3A;&#x20;&amp;quot&#x3B;My&#x20;desidere&#x20;to&#x20;race&#x20;is&#x20;still&#x20;very&#x20;strong&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/03/27/auto-news/valentino-rossi-my-desidere-to-race-is-still-very-strong.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/03/Auto%20-%20News/generic/rossi-m4-1743078321.jpg?itok=yVh7We23" width="315" height="210" alt="Auto - News: Valentino Rossi: &quot;My desidere to race is still very strong&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/03/27/auto-news/valentino-rossi-my-desidere-to-race-is-still-very-strong.html?ref=auto">Valentino Rossi: &quot;My desidere to race is still very strong&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/03/24/auto-news/video-sebastien-loeb-from-rally-to-motorcycles-but-only-for-a-day.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="VIDEO&#x20;S&#x00E9;bastien&#x20;Loeb,&#x20;from&#x20;rally&#x20;to&#x20;motorcycles,&#x20;but&#x20;only&#x20;for&#x20;a&#x20;day">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/03/24/auto-news/video-sebastien-loeb-from-rally-to-motorcycles-but-only-for-a-day.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/03/Auto%20-%20News/generic/sebastien-loeb-le-castellet-yamaha-1742850560.jpg?itok=eZmdzD0S" width="315" height="210" alt="Auto - News: VIDEO Sébastien Loeb, from rally to motorcycles, but only for a day" />

</a> 
                        </div>

                                              <div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
                        <div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                          <svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M8 5v14l11-7z"/>
                          </svg>
                        </div>
                      </div>
                    
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/03/24/auto-news/video-sebastien-loeb-from-rally-to-motorcycles-but-only-for-a-day.html?ref=auto">VIDEO Sébastien Loeb, from rally to motorcycles, but only for a day</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/03/12/auto-news/hamilton-like-marquez-from-mercedes-he-brought-one-person-to-ferrari.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Hamilton&#x20;like&#x20;Marquez.&#x20;From&#x20;Mercedes&#x20;he&#x20;brought&#x20;one&#x20;person&#x20;to&#x20;Ferrari.">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/03/12/auto-news/hamilton-like-marquez-from-mercedes-he-brought-one-person-to-ferrari.html?ref=auto">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/03/Auto%20-%20News/generic/lewis-hamilton-angela-cullencopia-1741818418.jpg?itok=iVs7osWt" width="315" height="210" alt="Auto - News: Hamilton like Marquez. From Mercedes he brought one person to Ferrari." />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_35916">
                          Auto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/03/12/auto-news/hamilton-like-marquez-from-mercedes-he-brought-one-person-to-ferrari.html?ref=auto">Hamilton like Marquez. From Mercedes he brought one person to Ferrari.</a>
                        </h3>
                    </div>
                  </a>
              </article>
          
                    <div class="tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:mr-4 tw:flex tw:items-center tw:justify-center tw:rounded-xl tw:relative tw:overflow-hidden tw:bg-white" style="height: 250px;">
              <div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-0" style="background: linear-gradient(180deg, #B21A18 2.88%, #7D0705 100%);"></div>

              <div class="tw:absolute tw:inset-0 tw:z-10 tw:dark:hidden" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>
              <div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-10" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>

              <a href="/en/news/ontheroad/auto" aria-label="See more articles" class="tw:inset-0 tw:absolute tw:flex tw:items-center tw:justify-center tw:no-underline tw:z-20 tw:cursor-pointer" @click="if(isDragging) $event.preventDefault()">
                  <div class="tw:px-4 tw:py-2 tw:rounded-full tw:bg-black tw:dark:bg-white tw:flex tw:items-center tw:gap-2 tw:border-2 tw:dark:border-[#181817] tw:border-white tw:transform tw:transition-transform tw:duration-300 tw:hover:scale-110">
                      <span class="tw:text-white tw:dark:text-black tw:font-black tw:text-sm">See more</span>
                      <i class="fa-solid fa-chevron-right tw:text-white tw:dark:text-black tw:text-[9px] tw:transform tw:transition-transform tw:duration-300 tw:hover:translate-x-1"></i>
                  </div>
              </a>
          </div>
          
        </div>
    </div>

    



<style>
  .drag-handle { 
    width: 140px; height: 70px; cursor: grab; z-index: 100; 
    touch-action: none; user-select: none; background: transparent; 
  }
  .drag-handle:active { cursor: grabbing; }
  .gpone-svg-icon { fill: currentColor; }
</style>

<div class="tw:flex tw:justify-center tw:items-center tw:gap-10 tw:py-8 tw:pr-4 tw:md:pr-0">
    
        <button @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
            :disabled="atStart"
            x-cloak 
            :class="[
                activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atStart ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-left tw:text-[10px]"></i>
    </button>

        <div class="tw:relative tw:w-72 tw:md:w-96 tw:h-12 tw:flex tw:items-center" x-ref="track">
        <div class="tw:w-full tw:h-[2px] tw:bg-black/10 tw:dark:bg-white/10 tw:relative tw:rounded-full tw:pointer-events-none">
                        <div class="tw:absolute tw:left-0 tw:top-0 tw:h-full tw:bg-red-600 tw:rounded-full" 
                 :style="{ 
                    width: 'calc(' + progress + '% - 17px)', 
                    transition: (isDragging || isAutoScrolling) ? 'none' : 'width 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' 
                 }"></div>
        </div>
        
        <div class="tw:absolute tw:top-1/2 tw:z-50" 
             :style="{ left: progress + '%', transform: 'translate(-50%, -50%)', transition: (isDragging || isAutoScrolling) ? 'none' : 'left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' }">
            
            <div class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center">
                 <div class="drag-handle" @mousedown="startDrag($event, 'track')" @touchstart.stop.prevent="startDrag($event, 'track')"></div>
            </div>

            <div class="tw:relative tw:transition-all tw:duration-300"
                 :class="{ '': (isDragging || isAutoScrolling) && movingRight }">
              
                              <svg width="48" height="32" viewBox="0 0 30 20" class="tw:text-[#181817] tw:dark:text-white">
                  <path d="M6.48 11.85c-1.58 0-2.85 1.29-2.85 2.87s1.28 2.87 2.85 2.87 2.85-1.29 2.85-2.87-1.28-2.87-2.85-2.87m0 4.04c-.65 0-1.17-.52-1.17-1.17s.52-1.17 1.17-1.17 1.17.52 1.17 1.17-.52 1.17-1.17 1.17M22.32 11.85c-1.58 0-2.85 1.29-2.85 2.87s1.28 2.87 2.85 2.87 2.85-1.29 2.85-2.87-1.28-2.87-2.85-2.87m0 4.04c-.65 0-1.17-.52-1.17-1.17s.52-1.17 1.17-1.17 1.17.52 1.17 1.17-.52 1.17-1.17 1.17" class="gpone-svg-icon"/>
                  <path d="M27.32 9c-1.86-.66-4.41-1.28-6.16-1.8-.69-.21-4.67-3.59-6.79-3.59 0 0-3.15-.07-5.47.14s-2.94-.09-3.16-.14c-.37-.09-.53.26-.25.51.22.2.43.39.38.55-1.04.67-1.81 1.56-2.74 1.92-.89.35-2.92-.44-2.92 2.05 0 1.24.21.85.18 2.08s-.18.82-.18 1.92 1.34 1.64 1.73 1.8c.28.11.85.3.85.3 0-2.05 1.65-3.71 3.69-3.71s3.69 1.66 3.69 3.71c0 .41-.08.78-.2 1.14h8.85c-.12-.36-.2-.74-.2-1.14 0-2.05 1.65-3.71 3.69-3.71S26 12.69 26 14.74c0 .4-.08.78-.2 1.14 3.92.18 2.67-.48 2.97-1.15.45-1.01.77-1.3.95-2.34.31-1.75-1.46-3.04-2.43-3.38Z" class="gpone-svg-icon"/>
                </svg>
                          </div>
        </div>
    </div>

        <button @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
            :disabled="atEnd"
            :class="[
                activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atEnd ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-right tw:text-[10px]"></i>
    </button>
</div>

</div>
</div>

  </div></div>

  </div><div id="block-gpone-advhome13" class="tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14">
  
    
      
            <div><div data-nosnippet class="dh250-mh600">
      <div class="gptslot" data-adunitid="13"></div>
</div></div>
      
  </div><div class="views-element-container tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14" id="block-gpone-views-block-home-blog-scalera-block-1">
  
    
      <div><div class="tw:w-full js-view-dom-id-97ed332e069d41db77462f3adcb564a8a37195b192563a8143b55a46911f7dd5">

  <header class="tw:mb-4">

<div class="tw:group tw:relative tw:flex tw:flex-row tw:w-full tw:md:w-max tw:h-auto tw:md:h-[244px] tw:mr-0 tw:md:mr-5 tw:mb-1 tw:md:mb-0 tw:overflow-hidden">
    
        <a href="/it/blog/paolo-scalera" class="tw:absolute tw:inset-0 tw:z-30" aria-label="Go to Paolo Scalera Blog"></a>

        <div class="tw:relative tw:w-32 tw:md:w-60 tw:h-32 tw:md:h-full tw:shrink-0 tw:overflow-hidden tw:flex tw:items-end">
        <img src="/themes/custom/gpone/assets/images/theme/banner/paolo-scalera-blog-home.png" class="tw:block tw:dark:hidden tw:absolute tw:bottom-0 tw:h-full tw:w-auto tw:object-contain tw:object-bottom tw:transition-transform tw:duration-700 group-hover:tw:scale-105" alt>
        <img src="/themes/custom/gpone/assets/images/theme/banner/paolo-scalera-blog-home-dark.png" class="tw:hidden tw:dark:block tw:absolute tw:bottom-0 tw:h-full tw:w-auto tw:object-contain tw:object-bottom tw:transition-transform tw:duration-700 group-hover:tw:scale-105" alt>
    </div>

        <div class="tw:relative tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:pl-4 tw:md:pl-10 tw:pr-6 tw:z-20">
        
                <span class="tw:text-xs tw:md:text-lg tw:font-bold tw:text-[#181817] tw:dark:text-white tw:mb-0.5 tw:md:mb-1">
            Paolo Scalera's official blog
        </span>

                <h2 class="tw:text-lg tw:md:text-2xl tw:lg:text-4xl tw:font-bold tw:text-[#181817] tw:dark:text-white tw:italic tw:uppercase tw:mb-3 tw:md:mb-5 tw:whitespace-normal tw:md:whitespace-nowrap">
            Il dito sulla piega
        </h2>
        
                <div class="tw:flex">
            <span class="tw:inline-flex tw:items-center tw:gap-2 tw:md:gap-3 
                         tw:bg-black 
                         tw:text-white tw:dark:bg-white tw:dark:text-[#181817] 
                         tw:px-3 tw:md:px-8 tw:py-2 tw:md:py-2 
                         tw:rounded-full tw:border-2 tw:border-white tw:dark:border-[#181817]
                         tw:text-xs tw:md:text-base tw:font-bold tw:transition-all tw:duration-300 
                         group-hover:tw:bg-[var(--color-motogp)] group-hover:tw:text-white group-hover:tw:border-[var(--color-motogp)] group-hover:tw:scale-105">
                
                Read more 
                
                <i class="fa-solid fa-chevron-right tw:text-[8px] tw:md:text-[10px] tw:transition-transform tw:duration-300 tw:group-hover:translate-x-1"></i>
            </span>
        </div>
    </div>
</div></header>  <div class="view-content">



    
<style>
  .no-scrollbar::-webkit-scrollbar { display: none; }
  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
  .gpone-arrow { transition: all 0.3s ease; z-index: 100; opacity: 0; visibility: hidden; }
  .tw\:group\/grid:hover .gpone-arrow { opacity: 1; visibility: visible; }
  .dragging-active { cursor: grabbing !important; user-select: none; }
</style>

<div class="tw:w-full" 
     x-data="{ 
        progress: 0,
        atStart: true, 
        atEnd: false,
        isDragging: false,
        dragSource: '',
        dragStartTime: 0,
        animFrameId: null,
        isAutoScrolling: false,
        movingRight: false,
        startX: 0,
        startY: 0,
        scrollLeftStart: 0,
        ticking: false,
        activeLeft: false,
        activeRight: false,

        updateStatus() {
            if (!this.ticking) {
                window.requestAnimationFrame(() => {
                    const el = this.$refs.scrollContainer;
                    if (!el) return;
                    const scrollable = el.scrollWidth - el.clientWidth;
                    this.progress = scrollable > 0 ? (el.scrollLeft / scrollable) * 100 : 0;
                    this.atStart = el.scrollLeft <= 15;
                    this.atEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 15;
                    this.ticking = false;
                });
                this.ticking = true;
            }
        },

        smoothScrollTo(el, target, duration, onComplete) {
            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
            el.style.scrollSnapType = 'none';
            el.style.scrollBehavior = 'auto';
            const start = el.scrollLeft;
            const dist = target - start;
            if (Math.abs(dist) < 1) {
                el.style.scrollSnapType = 'x mandatory';
                this.updateStatus();
                if (onComplete) onComplete();
                return;
            }
            const t0 = performance.now();
            const ease = t => 1 - Math.pow(1 - t, 3); // easeOutCubic
            const step = (now) => {
                const p = Math.min((now - t0) / duration, 1);
                el.scrollLeft = start + dist * ease(p);
                if (p < 1) {
                    this.animFrameId = requestAnimationFrame(step);
                } else {
                    el.scrollLeft = target;
                    el.style.scrollSnapType = 'x mandatory';
                    this.animFrameId = null;
                    this.updateStatus();
                    if (onComplete) onComplete();
                }
            };
            this.animFrameId = requestAnimationFrame(step);
        },

        arrowScroll(direction) {
            if (this.isAutoScrolling) return;
            const el = this.$refs.scrollContainer;
            this.isAutoScrolling = true;
            this.movingRight = (direction === 'right');
            const cardWidth = el.querySelector('article')?.offsetWidth || 300;
            const snapUnit = cardWidth + 16;
            const cards = window.innerWidth >= 1024
                ? Math.max(1, Math.floor(el.clientWidth * 0.8 / snapUnit))
                : 1;
            const delta = (direction === 'right' ? 1 : -1) * snapUnit * cards;
            const target = Math.max(0, Math.min(el.scrollLeft + delta, el.scrollWidth - el.clientWidth));
            this.smoothScrollTo(el, target, 620, () => { this.isAutoScrolling = false; });
        },

        startDrag(e, source) {
            const el = this.$refs.scrollContainer;
            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
            el.style.scrollBehavior = 'auto';
            el.scrollLeft = el.scrollLeft;
            this.isDragging = true;
            this.dragSource = source;
            this.dragStartTime = Date.now();
            const clientX = e.type.includes('touch') ? e.touches[0].clientX : e.clientX;
            const clientY = e.type.includes('touch') ? e.touches[0].clientY : e.clientY;
            this.startX = clientX;
            this.startY = clientY;
            this.scrollLeftStart = el.scrollLeft;
            el.style.scrollSnapType = 'none';
            if (e.type === 'mousedown') e.preventDefault();
        },

        handleDrag(e) {
            if (!this.isDragging) return;
            const isTouch = e.type.includes('touch');
            const clientX = isTouch ? (e.touches?.[0]?.clientX ?? this.startX) : e.clientX;
            const deltaX = clientX - this.startX;
            const el = this.$refs.scrollContainer;
            if (this.dragSource === 'grid') {
                const multiplier = isTouch ? 1 : 1.5;
                el.scrollLeft = this.scrollLeftStart - (deltaX * multiplier);
            } else if (this.dragSource === 'track') {
                const scrollable = el.scrollWidth - el.clientWidth;
                const trackWidth = this.$refs.track.clientWidth;
                el.scrollLeft = this.scrollLeftStart + (deltaX / trackWidth * scrollable);
            }
            this.movingRight = deltaX > 0;
            this.updateStatus();
        },

        handleTouchMove(e) {
            if (!this.isDragging || this.dragSource !== 'grid') return;
            const dx = Math.abs(e.touches[0].clientX - this.startX);
            const dy = Math.abs(e.touches[0].clientY - this.startY);
            if (dx > dy && e.cancelable) e.preventDefault();
        },

        stopDrag() {
            if (!this.isDragging) return;
            this.isDragging = false;
            const el = this.$refs.scrollContainer;

            const cardWidth = el.querySelector('article')?.offsetWidth || 300;
            const snapUnit = cardWidth + 16;
            const swipeDelta = el.scrollLeft - this.scrollLeftStart;
            const velocity = Math.abs(swipeDelta) / Math.max(1, Date.now() - this.dragStartTime);

            const startIndex = Math.round(this.scrollLeftStart / snapUnit);
            let targetIndex;
            if (Math.abs(swipeDelta) > 15 || velocity > 0.2) {
                const cards = Math.max(1, Math.round(Math.abs(swipeDelta) / snapUnit));
                targetIndex = swipeDelta > 0 ? startIndex + cards : startIndex - cards;
            } else {
                targetIndex = startIndex;
            }

            const maxScroll = el.scrollWidth - el.clientWidth;
            targetIndex = Math.max(0, Math.min(targetIndex, Math.round(maxScroll / snapUnit)));
            const target = Math.min(targetIndex * snapUnit, maxScroll);

            this.smoothScrollTo(el, target, 620);
        }
     }"
     x-init="$nextTick(() => updateStatus())"
     @mousemove.window="handleDrag($event)"
     @mouseup.window="stopDrag()"
     @touchmove.window="handleDrag($event)"
     @touchend.window="stopDrag()">

    <div class="tw:relative tw:w-full tw:group/grid">
        
        <button type="button"
        @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
        x-show="!atStart" x-cloak 
        aria-label="Scroll left"
        :class="activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:left-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-left" aria-hidden="true"></i>
</button>

<button type="button"
        @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
        x-show="!atEnd" x-cloak 
        aria-label="Scroll right"
        :class="activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:right-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
</button>
        <div x-ref="scrollContainer"
             @scroll="updateStatus()"
             @mousedown="startDrag($event, 'grid')"
             @touchstart.passive="startDrag($event, 'grid')"
             :class="{ 'dragging-active': isDragging }"
             @touchmove="handleTouchMove($event)"
             style="scroll-padding-left: 0px; overscroll-behavior-x: contain;"
             class="no-scrollbar tw:flex tw:gap-4 tw:w-full tw:relative tw:overflow-x-auto tw:snap-x tw:snap-mandatory tw:scroll-smooth tw:cursor-grab tw:h-[250px]">
          
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/06/06/from-a-push-start-to-a-2-2-grid-motogp-looks-to-the-past-for-answers" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="From&#x20;a&#x20;push&#x20;start&#x20;to&#x20;a&#x20;2-2&#x20;grid&#x3A;&#x20;MotoGP&#x20;looks&#x20;to&#x20;the&#x20;past&#x20;for&#x20;answers">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/06/06/from-a-push-start-to-a-2-2-grid-motogp-looks-to-the-past-for-answers?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/blog/foto/06/spinta.jpg?itok=msEE-5fT" width="315" height="210" alt="From a push start to a 2-2 grid: MotoGP looks to the past for answers" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/06/06/from-a-push-start-to-a-2-2-grid-motogp-looks-to-the-past-for-answers?ref=blog">From a push start to a 2-2 grid: MotoGP looks to the past for answers</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/05/30/iannone-wins-at-mugello-and-reflects-on-whats-missing-from-motorcycle" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Iannone&#x20;wins&#x20;at&#x20;Mugello&#x20;and&#x20;reflects&#x20;on&#x20;what&#x2019;s&#x20;missing&#x20;from&#x20;motorcycle&#x20;racing">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/05/30/iannone-wins-at-mugello-and-reflects-on-whats-missing-from-motorcycle?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/blog/foto/05/iannone-mugello-pilota001.jpg?itok=w_wDMkAn" width="315" height="210" alt="Iannone wins at Mugello and reflects on what’s missing from motorcycle racing" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/05/30/iannone-wins-at-mugello-and-reflects-on-whats-missing-from-motorcycle?ref=blog">Iannone wins at Mugello and reflects on what’s missing from motorcycle racing</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/05/28/shedding-light-on-the-critical-aspects-of-motogp.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Shedding&#x20;LIGHT&#x20;on&#x20;the&#x20;critical&#x20;aspects&#x20;of&#x20;MotoGP">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/05/28/shedding-light-on-the-critical-aspects-of-motogp.html?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/blog/foto/05/luce-marquez.jpg?itok=IY7VHXl2" width="315" height="210" alt="Shedding LIGHT on the issues of MotoGP" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/05/28/shedding-light-on-the-critical-aspects-of-motogp.html?ref=blog">Shedding LIGHT on the critical aspects of MotoGP</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/05/17/motogp-bikes-like-dragsters-at-the-start-why-2027-can-must-change" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="MotoGP&#x20;bikes&#x20;like&#x20;dragsters&#x20;at&#x20;the&#x20;start&#x3A;&#x20;why&#x20;2027&#x20;can&#x20;&#x28;must&#x29;&#x20;change&#x20;everything">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/05/17/motogp-bikes-like-dragsters-at-the-start-why-2027-can-must-change?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/blog/foto/05/start-barcellona.jpg?itok=3Uh5NQLw" width="315" height="210" alt="MotoGP like dragsters at the start: why 2027 can (must) change everything" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/05/17/motogp-bikes-like-dragsters-at-the-start-why-2027-can-must-change?ref=blog">MotoGP bikes like dragsters at the start: why 2027 can (must) change everything</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/05/09/a-tale-of-two-resurrections-and-a-title-on-the-line-martin-and" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="A&#x20;Tale&#x20;of&#x20;Two&#x20;Resurrections&#x20;and&#x20;a&#x20;Title&#x20;on&#x20;the&#x20;Line&#x3A;&#x20;Martin&#x20;and&#x20;Marquez">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/05/09/a-tale-of-two-resurrections-and-a-title-on-the-line-martin-and?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/blog/foto/05/risorgere_lemans001.jpg?itok=kbtw46gK" width="315" height="210" alt="A Tale of Two Comebacks and a Title on the Line: Martin &amp;amp; Marquez" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/05/09/a-tale-of-two-resurrections-and-a-title-on-the-line-martin-and?ref=blog">A Tale of Two Resurrections and a Title on the Line: Martin and Marquez</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/05/05/between-asphalt-and-numbers-ezpeleta-and-chang-two-driving-forces" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Between&#x20;asphalt&#x20;and&#x20;numbers&#x3A;&#x20;Ezpeleta&#x20;and&#x20;Chang,&#x20;two&#x20;driving&#x20;forces&#x20;behind&#x20;modern&#x20;motorsports">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/05/05/between-asphalt-and-numbers-ezpeleta-and-chang-two-driving-forces?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/blog/foto/05/ezpeleta-chang.jpg?itok=MwN_kW_v" width="315" height="210" alt="Between asphalt and numbers: Ezpeleta and Chang, two driving forces behind modern motorsports" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/05/05/between-asphalt-and-numbers-ezpeleta-and-chang-two-driving-forces?ref=blog">Between asphalt and numbers: Ezpeleta and Chang, two driving forces behind modern motorsports</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/04/26/marquez-crashes-motogp-is-a-snoozefest-the-action-is-only-at-the-back" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Marquez&#x20;crashes,&#x20;MotoGP&#x20;is&#x20;a&#x20;snoozefest&#x3A;&#x20;the&#x20;action&#x20;is&#x20;only&#x20;at&#x20;the&#x20;back&#x20;of&#x20;the&#x20;pack">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/04/26/marquez-crashes-motogp-is-a-snoozefest-the-action-is-only-at-the-back?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/blog/foto/04/caduta-jerez_0.jpg?itok=-L0hUpvN" width="315" height="210" alt="Marquez crashes, MotoGP is a snooze: the action is only at the back of the pack" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/04/26/marquez-crashes-motogp-is-a-snoozefest-the-action-is-only-at-the-back?ref=blog">Marquez crashes, MotoGP is a snoozefest: the action is only at the back of the pack</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/04/25/the-marquez-case-at-jerez-a-brilliant-victory-or-a-loophole-in-the" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="The&#x20;&#x201C;Marquez&#x20;case&#x201D;&#x20;at&#x20;Jerez&#x3A;&#x20;a&#x20;brilliant&#x20;victory&#x20;or&#x20;a&#x20;loophole&#x20;in&#x20;the&#x20;rules&#x3F;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/04/25/the-marquez-case-at-jerez-a-brilliant-victory-or-a-loophole-in-the?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/blog/foto/04/marquez-jerez-rientropista002.jpeg?itok=6Gf3jSuH" width="315" height="210" alt="The “Marquez case” in Jerez: a brilliant victory or a loophole in the rules?" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/04/25/the-marquez-case-at-jerez-a-brilliant-victory-or-a-loophole-in-the?ref=blog">The “Marquez case” at Jerez: a brilliant victory or a loophole in the rules?</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/04/01/great-racing-terrible-system-the-motogp-paradox.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Great&#x20;racing,&#x20;terrible&#x20;system&#x3A;&#x20;the&#x20;MotoGP&#x20;paradox">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/04/01/great-racing-terrible-system-the-motogp-paradox.html?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/blog/paolo-scalera/04/motogp-sorpassi.jpg?itok=wAtv0Ep3" width="315" height="210" alt="Great racing, terrible system: the MotoGP paradox" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/04/01/great-racing-terrible-system-the-motogp-paradox.html?ref=blog">Great racing, terrible system: the MotoGP paradox</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/03/30/from-the-heart-to-the-stopwatch-marquezs-race-explained-by-numbers" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="From&#x20;the&#x20;heart&#x20;to&#x20;the&#x20;stopwatch&#x3A;&#x20;Marquez&amp;&#x23;039&#x3B;s&#x20;race&#x20;explained&#x20;by&#x20;numbers">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/03/30/from-the-heart-to-the-stopwatch-marquezs-race-explained-by-numbers?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/03/generic/marquez-bastianini-austin001-1774886172.jpg?itok=or65EKE4" width="315" height="210" alt="From the heart to the stopwatch: Marquez&#039;s race explained by numbers" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/03/30/from-the-heart-to-the-stopwatch-marquezs-race-explained-by-numbers?ref=blog">From the heart to the stopwatch: Marquez&#039;s race explained by numbers</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2026/01/31/pavesio-vs-quartararo-yamaha-is-in-corner-but-only-at-first-round.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Pavesio&#x20;vs&#x20;Quartararo&#x3A;&#x20;Yamaha&#x20;is&#x20;in&#x20;corner&#x20;but&#x20;only&#x20;at&#x20;first&#x20;round">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/01/31/pavesio-vs-quartararo-yamaha-is-in-corner-but-only-at-first-round.html?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/01/generic/tyson-pavesio-1769855696.jpg?itok=ClX7xX6l" width="315" height="210" alt=": Pavesio vs Quartararo: Yamaha is in corner but only at first round" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/01/31/pavesio-vs-quartararo-yamaha-is-in-corner-but-only-at-first-round.html?ref=blog">Pavesio vs Quartararo: Yamaha is in corner but only at first round</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/01/18/aprilia-in-black-motogp-in-red-the-silent-crisis-of-sponsors.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Aprilia&#x20;in&#x20;black,&#x20;MotoGP&#x20;in&#x20;red&#x3A;&#x20;the&#x20;silent&#x20;crisis&#x20;of&#x20;sponsors">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/01/18/aprilia-in-black-motogp-in-red-the-silent-crisis-of-sponsors.html?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/01/generic/aprilia-sponsor001-1768748084.jpg?itok=D-WUwWiE" width="315" height="210" alt="Aprilia in black, MotoGP in red: the silent crisis of sponsors" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/01/18/aprilia-in-black-motogp-in-red-the-silent-crisis-of-sponsors.html?ref=blog">Aprilia in black, MotoGP in red: the silent crisis of sponsors</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2026/01/16/marquez-accelerates-on-his-future-a-rapid-decision-only-ducati-or" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Marquez&#x20;accelerates&#x20;on&#x20;his&#x20;future&#x3A;&#x20;a&#x20;rapid&#x20;decision,&#x20;only&#x20;Ducati&#x20;or&#x20;Honda&#x20;on&#x20;the&#x20;table">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2026/01/16/marquez-accelerates-on-his-future-a-rapid-decision-only-ducati-or?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/01/generic/bbc-bagnaia-marquez-1768640153.jpg?itok=zOCmwC_i" width="315" height="210" alt="Marquez accelerates on his future: a rapid decision, only Ducati or Honda on the table" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2026/01/16/marquez-accelerates-on-his-future-a-rapid-decision-only-ducati-or?ref=blog">Marquez accelerates on his future: a rapid decision, only Ducati or Honda on the table</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2025/12/23/sky-motogp-and-the-toss-of-the-coin.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Sky,&#x20;MotoGP&#x20;and&#x20;the&#x20;toss&#x20;of&#x20;the&#x20;coin">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2025/12/23/sky-motogp-and-the-toss-of-the-coin.html?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/12/generic/sky-1766523408.jpg?itok=UNtsjDuz" width="315" height="210" alt="Sky, MotoGP and the toss of the coin" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2025/12/23/sky-motogp-and-the-toss-of-the-coin.html?ref=blog">Sky, MotoGP and the toss of the coin</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/11/17/forward-slowly-almost-backward-motogp-hasnt-yet-decided-what-it-will-do-when-it-grows-up" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Forward&#x20;slowly,&#x20;almost&#x20;backward&#x3A;&#x20;MotoGP&#x20;hasn&amp;&#x23;039&#x3B;t&#x20;yet&#x20;decided&#x20;what&#x20;it&#x20;will&#x20;do&#x20;when&#x20;it&#x20;grows&#x20;up">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/11/17/forward-slowly-almost-backward-motogp-hasnt-yet-decided-what-it-will-do-when-it-grows-up?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/11/generic/bezzecchi-valencia-fernandez001-1763375951.jpeg?itok=9AuC-JDo" width="315" height="210" alt=": Forward slowly, almost backward: MotoGP hasn&#039;t yet decided what it will do when it grows up" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/11/17/forward-slowly-almost-backward-motogp-hasnt-yet-decided-what-it-will-do-when-it-grows-up?ref=blog">Forward slowly, almost backward: MotoGP hasn&#039;t yet decided what it will do when it grows up</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2025/11/09/with-marc-marquez-on-track-motogp-was-a-tournament-with-only-sinner" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="With&#x20;Marc&#x20;Marquez&#x20;on&#x20;track,&#x20;MotoGP&#x20;was&#x20;a&#x20;tournament&#x20;with&#x20;only&#x20;Sinner&#x20;without&#x20;Alcaraz&#x20;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2025/11/09/with-marc-marquez-on-track-motogp-was-a-tournament-with-only-sinner?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/11/generic/start-portimao001-1762707226.jpg?itok=Zx8cqz7i" width="315" height="210" alt="With Marc Marquez on track, MotoGP was a tournament with only Sinner without Alcaraz " />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2025/11/09/with-marc-marquez-on-track-motogp-was-a-tournament-with-only-sinner?ref=blog">With Marc Marquez on track, MotoGP was a tournament with only Sinner without Alcaraz </a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/2025/10/27/the-art-of-joy-why-alex-marquez-is-a-master-of-modesty.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="The&#x20;art&#x20;of&#x20;joy&#x3A;&#x20;why&#x20;Alex&#x20;Marquez&#x20;is&#x20;a&#x20;master&#x20;of&#x20;modesty">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/10/27/the-art-of-joy-why-alex-marquez-is-a-master-of-modesty.html?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/10/generic/amarquez-sepang-002-1761563488.jpg?itok=6wH6pxKo" width="315" height="210" alt=": The art of joy: why Alex Marquez is a master of modesty" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/10/27/the-art-of-joy-why-alex-marquez-is-a-master-of-modesty.html?ref=blog">The art of joy: why Alex Marquez is a master of modesty</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2025/10/26/no-more-unnecessary-risks-warm-up-must-return-for-all-classes.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="No&#x20;more&#x20;unnecessary&#x20;risks&#x3A;&#x20;warm&#x20;up&#x20;must&#x20;return&#x20;for&#x20;all&#x20;classes">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2025/10/26/no-more-unnecessary-risks-warm-up-must-return-for-all-classes.html?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/10/Moto3/generic/incidente-1761926623.jpg?itok=eMp1rZa8" width="315" height="210" alt="No more unnecessary risks: warm up must return for all classes" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2025/10/26/no-more-unnecessary-risks-warm-up-must-return-for-all-classes.html?ref=blog">No more unnecessary risks: warm up must return for all classes</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2025/10/25/lying-love-whos-betraying-whom-between-ducati-and-bagnaia.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Lying&#x20;love&#x3A;&#x20;who&amp;&#x23;039&#x3B;s&#x20;betraying&#x20;whom&#x20;between&#x20;Ducati&#x20;and&#x20;Bagnaia&#x3F;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2025/10/25/lying-love-whos-betraying-whom-between-ducati-and-bagnaia.html?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/blog/paolo-scalera/10/sprint-sepang-001.jpg?itok=V5fiL7Mv" width="315" height="210" alt="Lying love: who&#039;s betraying whom between Ducati and Bagnaia?" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2025/10/25/lying-love-whos-betraying-whom-between-ducati-and-bagnaia.html?ref=blog">Lying love: who&#039;s betraying whom between Ducati and Bagnaia?</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 250px;">
                  <a href="/en/blog/paolo-scalera/2025/10/23/kill-marquez-volume-1-sepang-clash-the-neverending-story-why.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Kill&#x20;Marquez&#x3A;&#x20;Volume&#x20;1.&#x20;Sepang&#x20;Clash,&#x20;the&#x20;Neverending&#x20;Story.&#x20;Why&#x3F;">
                    <div class="tw:relative tw:w-full tw:aspect-[3/2] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/blog/paolo-scalera/2025/10/23/kill-marquez-volume-1-sepang-clash-the-neverending-story-why.html?ref=blog">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/10/generic/screenshot-2025-10-23-alle-11-55-46-1761256248.png?itok=2QbgpX1s" width="315" height="210" alt="Kill Marquez: Volume 1. Sepang Clash, the Neverending Story. Why?" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
                          
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/blog/paolo-scalera/2025/10/23/kill-marquez-volume-1-sepang-clash-the-neverending-story-why.html?ref=blog">Kill Marquez: Volume 1. Sepang Clash, the Neverending Story. Why?</a>
                        </h3>
                    </div>
                  </a>
              </article>
          
                    <div class="tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:mr-4 tw:flex tw:items-center tw:justify-center tw:rounded-xl tw:relative tw:overflow-hidden tw:bg-white" style="height: 250px;">
              <div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-0" style="background: linear-gradient(180deg, #B21A18 2.88%, #7D0705 100%);"></div>

              <div class="tw:absolute tw:inset-0 tw:z-10 tw:dark:hidden" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>
              <div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-10" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>

              <a href="/en/blog/paolo-scalera" aria-label="See more articles" class="tw:inset-0 tw:absolute tw:flex tw:items-center tw:justify-center tw:no-underline tw:z-20 tw:cursor-pointer" @click="if(isDragging) $event.preventDefault()">
                  <div class="tw:px-4 tw:py-2 tw:rounded-full tw:bg-black tw:dark:bg-white tw:flex tw:items-center tw:gap-2 tw:border-2 tw:dark:border-[#181817] tw:border-white tw:transform tw:transition-transform tw:duration-300 tw:hover:scale-110">
                      <span class="tw:text-white tw:dark:text-black tw:font-black tw:text-sm">See more</span>
                      <i class="fa-solid fa-chevron-right tw:text-white tw:dark:text-black tw:text-[9px] tw:transform tw:transition-transform tw:duration-300 tw:hover:translate-x-1"></i>
                  </div>
              </a>
          </div>
          
        </div>
    </div>

    



<style>
  .drag-handle { 
    width: 140px; height: 70px; cursor: grab; z-index: 100; 
    touch-action: none; user-select: none; background: transparent; 
  }
  .drag-handle:active { cursor: grabbing; }
  .gpone-svg-icon { fill: currentColor; }
</style>

<div class="tw:flex tw:justify-center tw:items-center tw:gap-10 tw:py-8 tw:pr-4 tw:md:pr-0">
    
        <button @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
            :disabled="atStart"
            x-cloak 
            :class="[
                activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atStart ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-left tw:text-[10px]"></i>
    </button>

        <div class="tw:relative tw:w-72 tw:md:w-96 tw:h-12 tw:flex tw:items-center" x-ref="track">
        <div class="tw:w-full tw:h-[2px] tw:bg-black/10 tw:dark:bg-white/10 tw:relative tw:rounded-full tw:pointer-events-none">
                        <div class="tw:absolute tw:left-0 tw:top-0 tw:h-full tw:bg-red-600 tw:rounded-full" 
                 :style="{ 
                    width: 'calc(' + progress + '% - 17px)', 
                    transition: (isDragging || isAutoScrolling) ? 'none' : 'width 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' 
                 }"></div>
        </div>
        
        <div class="tw:absolute tw:top-1/2 tw:z-50" 
             :style="{ left: progress + '%', transform: 'translate(-50%, -50%)', transition: (isDragging || isAutoScrolling) ? 'none' : 'left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' }">
            
            <div class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center">
                 <div class="drag-handle" @mousedown="startDrag($event, 'track')" @touchstart.stop.prevent="startDrag($event, 'track')"></div>
            </div>

            <div class="tw:relative tw:transition-all tw:duration-300"
                 :class="{ 'tw:lg:-rotate-[15deg] tw:lg:-translate-y-1': (isDragging || isAutoScrolling) && movingRight }">
              
                              <svg width="48" height="32" viewBox="0 0 30 20" class="tw:text-[#181817] tw:dark:text-white">
                  <path d="M27.56 11.29c-1.46-1.15-2.9-1.28-4.11-.99l-1.11-2.56c.57-.05 1.17 0 1.24-.75.05-.55.05-1.64 0-2.19-.04-.44-.2-.67-.66-.74-.67-.11-1.46.03-1.96.52l-1.7-3.9a.78.78 0 0 0-.72-.47h-2.51a.39.39 0 0 0-.39.39v.98c0 .21.17.39.39.39h1.62c.16 0 .3.09.36.24l.8 1.85h-3.97c-1.29 0-1.48.57-1.74 1.24s-.29 1.15-.87 1.25c-.65.11-2.02.12-2.66-.01-.68-.14-1.21-.72-1.85-.94-.8-.28-3.88-.3-4.77-.18-.91.12-1.21.75-1.26 1.59-.05.73 0 1.51.55 2.04-.45.34-1.07.82-1.48 1.22-.15.14-.15.38 0 .53l.81.79s.21.3.49 0c.16-.16.39-.38.64-.6 1.31-1.17 3.11-1.82 5.15-1.37 2.15.47 3.56 2.21 4.04 4.17h-.76c-.61-2.35-2.92-4.01-5.55-3.54-1.88.34-3.43 1.83-3.82 3.7a4.828 4.828 0 0 0 4.71 5.87c2.25 0 4.12-1.54 4.65-3.62h.36c1.46-.03 2.98.12 4.4.01 1.31-.1 1.84-.54 2.39-1.68.86-1.78 1.57-4.33 2.45-6.06l1.12 2.58c-.19.11-.3.19-.3.19-1.33 1.06-2.11 2.78-1.76 4.69.36 1.89 1.87 3.44 3.76 3.81 3.06.6 5.75-1.7 5.8-4.65.02-1.43-.68-2.88-1.8-3.76Zm-21.1 5.12c.28 0 .55-.09.77-.23h1.93a2.97 2.97 0 0 1-2.7 1.76c-1.63 0-2.96-1.33-2.96-2.96s1.33-2.96 2.96-2.96c1.2 0 2.24.73 2.7 1.76H7.23a1.45 1.45 0 0 0-.77-.23 1.43 1.43 0 1 0 0 2.86m18.08 1.53c-1.63 0-2.96-1.33-2.96-2.96 0-.81.33-1.55.86-2.08 0 0 .07-.06.18-.14l.68 1.58c-.1.19-.16.41-.16.64 0 .78.63 1.41 1.41 1.41a1.408 1.408 0 0 0 .36-2.77l-.69-1.58c.11-.01.22-.03.33-.03 1.63 0 2.96 1.33 2.96 2.96s-1.33 2.96-2.96 2.96Z" class="gpone-svg-icon"/>
                </svg>
                          </div>
        </div>
    </div>

        <button @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
            :disabled="atEnd"
            :class="[
                activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atEnd ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-right tw:text-[10px]"></i>
    </button>
</div>

</div>
</div>

  </div></div>

  </div><div class="views-element-container tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14" id="block-gpone-views-block-home-social-news-block-1">
  
    
      <div><div class="tw:w-full js-view-dom-id-a6e5d96efab5f9c6765926925e33129894426bb70143aa927226fea210651b16">

  <div class="view-filters tw:flex tw:flex-col tw:pr-4 tw:md:pr-0 tw:md:flex-row tw:md:items-end tw:justify-start tw:gap-x-4 tw:gap-y-1 tw:md:gap-y-0 tw:mb-6 tw:border-b-2 tw:dark:border-white tw:border-[#181817] tw:pb-0">      <div class="tw:flex-shrink-0 tw:ml-0 tw:lg:mr-6 tw:mb-0"><h2 class="tw:text-lg tw:lg:text-xl tw:font-bold tw:italic tw:dark:text-white tw:text-[#181817] tw:uppercase tw:mb-0 tw:lg:mb-2">Social</h2></div><div class="gpone-exposed-form-wrapper tw:flex-shrink-0 tw:ml-0 tw:mt-0 tw:mb-0 [&_form]:tw:m-0 [&_form]:tw:flex [&_form]:tw:flex-wrap [&_form]:tw:gap-3">
          <div class="[&_.form-item]:tw:m-0 [&_.form-actions]:tw:m-0 [&_label]:tw:text-[10px] [&_label]:tw:uppercase [&_label]:tw:text-gray-500 tw:uppercase"><form class="views-exposed-form bef-exposed-form" data-bef-auto-submit="" data-bef-auto-submit-delay="500" data-bef-auto-submit-minimum-length="3" data-bef-auto-submit-full-form="" data-drupal-selector="views-exposed-form-home-social-news-block-1" action="/en/home" method="get" id="views-exposed-form-home-social-news-block-1" accept-charset="UTF-8">
  




  <input  data-drupal-selector="edit-status-1" type="hidden" name="status_1" value="1" class="tw:w-full tw:max-w-full tw:bg-transparent tw:dark:bg-[#181817] tw:border tw:border-[#181817] tw:dark:border-white tw:text-[#181817] tw:dark:text-white tw:text-sm tw:md:text-base tw:rounded-xl tw:py-2 tw:focus:ring-1 tw:focus:ring-[#181817] tw:dark:focus:ring-white tw:focus:border-[#181817] tw:dark:focus:border-white tw:appearance-none tw:box-border tw:placeholder-[#181817]/60 tw:dark:placeholder-white tw:transition-all tw:duration-300" />

<style>
  input[type="checkbox"]:checked + svg,
  input[type="radio"]:checked + div {
    opacity: 1 !important;
  }
  
  /* Allineamento orizzontale per il contenitore di Drupal */
  .js-form-type-checkbox, .js-form-type-radio {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 0.5rem;
  }

  /* La label che segue la nostra checkbox */
  .js-checkbox-wrapper + label,
  .js-radio-wrapper + label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.2;
  }

  /* Piccola correzione per il link del file dentro la label */
  .js-checkbox-wrapper + label a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
  }
</style><div class="js-hide form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions">




  <input  data-bef-auto-submit-click="" data-drupal-selector="edit-submit-home-social-news" type="submit" id="edit-submit-home-social-news" value="Apply" class="button js-form-submit form-submit tw:w-full tw:bg-[#181817] tw:dark:bg-white tw:text-white tw:dark:text-[#181817] tw:font-bold tw:rounded-xl tw:my-3 tw:py-3 tw:px-6 tw:cursor-pointer tw:border-none tw:hover:opacity-90 tw:active:scale-95 tw:transition-all tw:duration-300" />


<style>
  input[type="checkbox"]:checked + svg,
  input[type="radio"]:checked + div {
    opacity: 1 !important;
  }
  
  /* Allineamento orizzontale per il contenitore di Drupal */
  .js-form-type-checkbox, .js-form-type-radio {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 0.5rem;
  }

  /* La label che segue la nostra checkbox */
  .js-checkbox-wrapper + label,
  .js-radio-wrapper + label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.2;
  }

  /* Piccola correzione per il link del file dentro la label */
  .js-checkbox-wrapper + label a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
  }
</style></div>


</form>
</div>
        </div></div>  <div class="view-content">



    
<style>
  .no-scrollbar::-webkit-scrollbar { display: none; }
  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
  .gpone-arrow { transition: all 0.3s ease; z-index: 100; opacity: 0; visibility: hidden; }
  .tw\:group\/grid:hover .gpone-arrow { opacity: 1; visibility: visible; }
  .dragging-active { cursor: grabbing !important; user-select: none; }
</style>

<div class="tw:w-full" 
     x-data="{ 
        progress: 0,
        atStart: true, 
        atEnd: false,
        isDragging: false,
        dragSource: '',
        dragStartTime: 0,
        animFrameId: null,
        isAutoScrolling: false,
        movingRight: false,
        startX: 0,
        startY: 0,
        scrollLeftStart: 0,
        ticking: false,
        activeLeft: false,
        activeRight: false,

        updateStatus() {
            if (!this.ticking) {
                window.requestAnimationFrame(() => {
                    const el = this.$refs.scrollContainer;
                    if (!el) return;
                    const scrollable = el.scrollWidth - el.clientWidth;
                    this.progress = scrollable > 0 ? (el.scrollLeft / scrollable) * 100 : 0;
                    this.atStart = el.scrollLeft <= 15;
                    this.atEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 15;
                    this.ticking = false;
                });
                this.ticking = true;
            }
        },

        smoothScrollTo(el, target, duration, onComplete) {
            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
            el.style.scrollSnapType = 'none';
            el.style.scrollBehavior = 'auto';
            const start = el.scrollLeft;
            const dist = target - start;
            if (Math.abs(dist) < 1) {
                el.style.scrollSnapType = 'x mandatory';
                this.updateStatus();
                if (onComplete) onComplete();
                return;
            }
            const t0 = performance.now();
            const ease = t => 1 - Math.pow(1 - t, 3); // easeOutCubic
            const step = (now) => {
                const p = Math.min((now - t0) / duration, 1);
                el.scrollLeft = start + dist * ease(p);
                if (p < 1) {
                    this.animFrameId = requestAnimationFrame(step);
                } else {
                    el.scrollLeft = target;
                    el.style.scrollSnapType = 'x mandatory';
                    this.animFrameId = null;
                    this.updateStatus();
                    if (onComplete) onComplete();
                }
            };
            this.animFrameId = requestAnimationFrame(step);
        },

        arrowScroll(direction) {
            if (this.isAutoScrolling) return;
            const el = this.$refs.scrollContainer;
            this.isAutoScrolling = true;
            this.movingRight = (direction === 'right');
            const cardWidth = el.querySelector('article')?.offsetWidth || 300;
            const snapUnit = cardWidth + 16;
            const cards = window.innerWidth >= 1024
                ? Math.max(1, Math.floor(el.clientWidth * 0.8 / snapUnit))
                : 1;
            const delta = (direction === 'right' ? 1 : -1) * snapUnit * cards;
            const target = Math.max(0, Math.min(el.scrollLeft + delta, el.scrollWidth - el.clientWidth));
            this.smoothScrollTo(el, target, 620, () => { this.isAutoScrolling = false; });
        },

        startDrag(e, source) {
            const el = this.$refs.scrollContainer;
            if (this.animFrameId) { cancelAnimationFrame(this.animFrameId); this.animFrameId = null; }
            el.style.scrollBehavior = 'auto';
            el.scrollLeft = el.scrollLeft;
            this.isDragging = true;
            this.dragSource = source;
            this.dragStartTime = Date.now();
            const clientX = e.type.includes('touch') ? e.touches[0].clientX : e.clientX;
            const clientY = e.type.includes('touch') ? e.touches[0].clientY : e.clientY;
            this.startX = clientX;
            this.startY = clientY;
            this.scrollLeftStart = el.scrollLeft;
            el.style.scrollSnapType = 'none';
            if (e.type === 'mousedown') e.preventDefault();
        },

        handleDrag(e) {
            if (!this.isDragging) return;
            const isTouch = e.type.includes('touch');
            const clientX = isTouch ? (e.touches?.[0]?.clientX ?? this.startX) : e.clientX;
            const deltaX = clientX - this.startX;
            const el = this.$refs.scrollContainer;
            if (this.dragSource === 'grid') {
                const multiplier = isTouch ? 1 : 1.5;
                el.scrollLeft = this.scrollLeftStart - (deltaX * multiplier);
            } else if (this.dragSource === 'track') {
                const scrollable = el.scrollWidth - el.clientWidth;
                const trackWidth = this.$refs.track.clientWidth;
                el.scrollLeft = this.scrollLeftStart + (deltaX / trackWidth * scrollable);
            }
            this.movingRight = deltaX > 0;
            this.updateStatus();
        },

        handleTouchMove(e) {
            if (!this.isDragging || this.dragSource !== 'grid') return;
            const dx = Math.abs(e.touches[0].clientX - this.startX);
            const dy = Math.abs(e.touches[0].clientY - this.startY);
            if (dx > dy && e.cancelable) e.preventDefault();
        },

        stopDrag() {
            if (!this.isDragging) return;
            this.isDragging = false;
            const el = this.$refs.scrollContainer;

            const cardWidth = el.querySelector('article')?.offsetWidth || 300;
            const snapUnit = cardWidth + 16;
            const swipeDelta = el.scrollLeft - this.scrollLeftStart;
            const velocity = Math.abs(swipeDelta) / Math.max(1, Date.now() - this.dragStartTime);

            const startIndex = Math.round(this.scrollLeftStart / snapUnit);
            let targetIndex;
            if (Math.abs(swipeDelta) > 15 || velocity > 0.2) {
                const cards = Math.max(1, Math.round(Math.abs(swipeDelta) / snapUnit));
                targetIndex = swipeDelta > 0 ? startIndex + cards : startIndex - cards;
            } else {
                targetIndex = startIndex;
            }

            const maxScroll = el.scrollWidth - el.clientWidth;
            targetIndex = Math.max(0, Math.min(targetIndex, Math.round(maxScroll / snapUnit)));
            const target = Math.min(targetIndex * snapUnit, maxScroll);

            this.smoothScrollTo(el, target, 620);
        }
     }"
     x-init="$nextTick(() => updateStatus())"
     @mousemove.window="handleDrag($event)"
     @mouseup.window="stopDrag()"
     @touchmove.window="handleDrag($event)"
     @touchend.window="stopDrag()">

    <div class="tw:relative tw:w-full tw:group/grid">
        
        <button type="button"
        @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
        x-show="!atStart" x-cloak 
        aria-label="Scroll left"
        :class="activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:left-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-left" aria-hidden="true"></i>
</button>

<button type="button"
        @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
        x-show="!atEnd" x-cloak 
        aria-label="Scroll right"
        :class="activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]'"
        class="gpone-arrow tw:hidden tw:lg:flex tw:absolute tw:right-4 tw:top-[45%] tw:-translate-y-1/2 tw:w-12 tw:h-12 tw:rounded-full tw:items-center tw:justify-center tw:border-2 tw:z-[110] tw:cursor-pointer tw:transition-all tw:duration-200 tw:hover:scale-110">
    <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
</button>
        <div x-ref="scrollContainer"
             @scroll="updateStatus()"
             @mousedown="startDrag($event, 'grid')"
             @touchstart.passive="startDrag($event, 'grid')"
             :class="{ 'dragging-active': isDragging }"
             @touchmove="handleTouchMove($event)"
             style="scroll-padding-left: 0px; overscroll-behavior-x: contain;"
             class="no-scrollbar tw:flex tw:gap-4 tw:w-full tw:relative tw:overflow-x-auto tw:snap-x tw:snap-mandatory tw:scroll-smooth tw:cursor-grab tw:h-[365px]">
          
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/06/08/motogp/martin-publicly-apologizes-on-instagram-riders-forgive-him-in-comments.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Martin&#x20;publicly&#x20;apologizes&#x20;on&#x20;Instagram,&#x20;riders&#x20;forgive&#x20;him&#x20;in&#x20;comments">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/06/08/motogp/martin-publicly-apologizes-on-instagram-riders-forgive-him-in-comments.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/06/MotoGP/generic/martin-ig.jpg?itok=jZsYqrdE" width="245" height="273" alt="Martin publicly apologizes on Instagram; in the comments, the drivers forgive him" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-06-08T19:37:31+02:00" title="08 Jun - 19:37">08 Jun - 19:37</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/06/08/motogp/martin-publicly-apologizes-on-instagram-riders-forgive-him-in-comments.html?ref=social">Martin publicly apologizes on Instagram, riders forgive him in comments</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/06/04/moto-news/from-one-rossa-to-another-hamilton-in-the-monte-carlo-paddock-with-the-ducati" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="From&#x20;one&#x20;&amp;&#x23;039&#x3B;Rossa&amp;&#x23;039&#x3B;&#x20;to&#x20;another&#x3A;&#x20;Hamilton&#x20;in&#x20;the&#x20;Monte&#x20;Carlo&#x20;paddock&#x20;with&#x20;the&#x20;Ducati&#x20;Centenario">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/06/04/moto-news/from-one-rossa-to-another-hamilton-in-the-monte-carlo-paddock-with-the-ducati?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/06/Moto%20-%20News/generic/hamilton-ducati.jpg?itok=5HhmmXSy" width="245" height="273" alt="From one red to another: Hamilton in the Monte Carlo paddock with the Ducati Centenario" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13670">
                          Moto - News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-06-04T20:24:13+02:00" title="04 Jun - 20:24">04 Jun - 20:24</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/06/04/moto-news/from-one-rossa-to-another-hamilton-in-the-monte-carlo-paddock-with-the-ducati?ref=social">From one &#039;Rossa&#039; to another: Hamilton in the Monte Carlo paddock with the Ducati Centenario</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/06/03/civ/dettwiler-im-not-100-yet-competing-right-now-would-be-too-risky.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Dettwiler&#x3A;&#x20;&#x201C;I&#x2019;m&#x20;not&#x20;100&#x25;&#x20;yet.&#x20;Competing&#x20;right&#x20;now&#x20;would&#x20;be&#x20;too&#x20;risky.&#x201D;">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/06/03/civ/dettwiler-im-not-100-yet-competing-right-now-would-be-too-risky.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/06/CIV/generic/dettwiler.JPG?itok=IraJmaMN" width="245" height="273" alt="Dettwiler: “I’m not 100% yet; competing right now would be too risky”" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_59609">
                          CIV
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-06-03T11:32:12+02:00" title="03 Jun - 11:32">03 Jun - 11:32</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/06/03/civ/dettwiler-im-not-100-yet-competing-right-now-would-be-too-risky.html?ref=social">Dettwiler: “I’m not 100% yet. Competing right now would be too risky.”</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/06/02/motogp/zarco-back-on-his-feet-but-still-a-long-way-from-a-comeback-he-explains-why.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Zarco&#x20;back&#x20;on&#x20;his&#x20;feet,&#x20;but&#x20;still&#x20;a&#x20;long&#x20;way&#x20;from&#x20;a&#x20;comeback,&#x20;he&#x20;explains&#x20;why">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/06/02/motogp/zarco-back-on-his-feet-but-still-a-long-way-from-a-comeback-he-explains-why.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/06/MotoGP/generic/zarco.jpg?itok=dY69p5pk" width="245" height="273" alt="JOHANN ZARCO" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-06-02T16:12:45+02:00" title="02 Jun - 16:12">02 Jun - 16:12</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/06/02/motogp/zarco-back-on-his-feet-but-still-a-long-way-from-a-comeback-he-explains-why.html?ref=social">Zarco back on his feet, but still a long way from a comeback, he explains why</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/05/21/motogp/valentino-rossi-to-di-giannantonio-are-you-sure-you-want-to-leave.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Valentino&#x20;Rossi&#x20;to&#x20;Di&#x20;Giannantonio&#x3A;&#x20;&amp;quot&#x3B;Are&#x20;you&#x20;sure&#x20;you&#x20;want&#x20;to&#x20;leave&#x3F;&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/21/motogp/valentino-rossi-to-di-giannantonio-are-you-sure-you-want-to-leave.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/05/MotoGP/generic/di-giannantonio-rossi.jpg?itok=uiCsCh7C" width="245" height="273" alt="Rossi to Di Giannantonio: &quot;Are you sure you want to leave?&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-05-21T16:44:10+02:00" title="21 May - 16:44">21 May - 16:44</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/21/motogp/valentino-rossi-to-di-giannantonio-are-you-sure-you-want-to-leave.html?ref=social">Valentino Rossi to Di Giannantonio: &quot;Are you sure you want to leave?&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/05/17/motogp/alex-marquez-and-johann-zarco-reassure-everyone-after-their-crashes.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Alex&#x20;Marquez&#x20;and&#x20;Johann&#x20;Zarco&#x20;reassure&#x20;everyone&#x20;after&#x20;their&#x20;crashes">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/17/motogp/alex-marquez-and-johann-zarco-reassure-everyone-after-their-crashes.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/05/MotoGP/generic/progetto-senza-titolo-2.PNG?itok=mZZDQGZw" width="245" height="273" alt="Alex Marquez and Johann Zarco reassure everyone after their crashes" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-05-17T21:04:50+02:00" title="17 May - 21:04">17 May - 21:04</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/17/motogp/alex-marquez-and-johann-zarco-reassure-everyone-after-their-crashes.html?ref=social">Alex Marquez and Johann Zarco reassure everyone after their crashes</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/05/17/motogp/marc-marquez-speeds-up-his-recovery-possible-return-at-mugello.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Marc&#x20;M&#x00E1;rquez&#x20;speeds&#x20;up&#x20;his&#x20;recovery&#x3A;&#x20;possible&#x20;return&#x20;at&#x20;Mugello">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/17/motogp/marc-marquez-speeds-up-his-recovery-possible-return-at-mugello.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/05/MotoGP/generic/marquez.jpg?itok=EboSOWig" width="245" height="273" alt="Marc Márquez is speeding up his recovery: a return to Mugello is possible" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-05-17T15:25:02+02:00" title="17 May - 15:25">17 May - 15:25</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/17/motogp/marc-marquez-speeds-up-his-recovery-possible-return-at-mugello.html?ref=social">Marc Márquez speeds up his recovery: possible return at Mugello</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/05/17/wsbk/brakes-too-cold-at-most-yamaha-takes-action-heres-how.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Brakes&#x20;too&#x20;cold&#x20;at&#x20;Most&#x3F;&#x20;Yamaha&#x20;takes&#x20;action&#x3A;&#x20;here&amp;&#x23;039&#x3B;s&#x20;how.">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/17/wsbk/brakes-too-cold-at-most-yamaha-takes-action-heres-how.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/05/WSBK/generic/yamaha.jpg?itok=7DEfDWjy" width="245" height="273" alt="Are the brakes too cold at Most? Yamaha takes action: here’s how" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
                          WSBK
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-05-17T10:05:32+02:00" title="17 May - 10:05">17 May - 10:05</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/17/wsbk/brakes-too-cold-at-most-yamaha-takes-action-heres-how.html?ref=social">Brakes too cold at Most? Yamaha takes action: here&#039;s how.</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/05/02/motogp/alex-and-marc-marquez-face-off-on-the-podracers-like-luke-skywalker-for-nesquik" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Alex&#x20;and&#x20;Marc&#x20;Marquez&#x20;face&#x20;off&#x20;on&#x20;the&#x20;&amp;&#x23;039&#x3B;Podracers&amp;&#x23;039&#x3B;&#x20;like&#x20;Luke&#x20;Skywalker&#x20;for&#x20;Nesquik">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/05/02/motogp/alex-and-marc-marquez-face-off-on-the-podracers-like-luke-skywalker-for-nesquik?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/05/MotoGP/generic/nesquik-marquez.jpg?itok=bACneTIT" width="245" height="273" alt="Alex and Marc Marquez face off on the &#039;Sgusci&#039; like Luke Skywalker for Nesquik" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-05-02T18:26:58+02:00" title="02 May - 18:26">02 May - 18:26</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/05/02/motogp/alex-and-marc-marquez-face-off-on-the-podracers-like-luke-skywalker-for-nesquik?ref=social">Alex and Marc Marquez face off on the &#039;Podracers&#039; like Luke Skywalker for Nesquik</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/04/27/news/between-records-and-thrills-london-crowns-sawe-celebrates-vettel-and-tells" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Between&#x20;records&#x20;and&#x20;thrills&#x3A;&#x20;London&#x20;crowns&#x20;Sawe,&#x20;celebrates&#x20;Vettel,&#x20;and&#x20;tells&#x20;Guintoli&#x2019;s&#x20;story">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/27/news/between-records-and-thrills-london-crowns-sawe-celebrates-vettel-and-tells?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/04/News/generic/guintoli.jpg?itok=gy_4p-5Y" width="245" height="273" alt="Between records and thrills: London crowns Sawe, celebrates Vettel, and tells Guintoli’s story" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_26320">
                          News
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-04-27T12:39:50+02:00" title="27 Apr - 12:39">27 Apr - 12:39</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/27/news/between-records-and-thrills-london-crowns-sawe-celebrates-vettel-and-tells?ref=social">Between records and thrills: London crowns Sawe, celebrates Vettel, and tells Guintoli’s story</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/04/25/motogp/video-marc-marquezs-fall-in-jerez-sprint-perfect-timing.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="VIDEO&#x20;-&#x20;Marc&#x20;Marquez&amp;&#x23;039&#x3B;s&#x20;fall&#x20;in&#x20;Jerez&#x20;Sprint&#x3A;&#x20;perfect&#x20;timing&#x21;">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/25/motogp/video-marc-marquezs-fall-in-jerez-sprint-perfect-timing.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/04/MotoGP/generic/cover-marc.jpg?itok=aW5dTI_U" width="245" height="273" alt="VIDEO - Marc Marquez&#039;s crash in the Jerez Sprint: perfect timing!" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-04-25T16:58:19+02:00" title="25 Apr - 16:58">25 Apr - 16:58</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/25/motogp/video-marc-marquezs-fall-in-jerez-sprint-perfect-timing.html?ref=social">VIDEO - Marc Marquez&#039;s fall in Jerez Sprint: perfect timing!</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/04/21/motogp/aleix-espargaros-back-after-surgery-for-fractured-vertebrae.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Aleix&#x20;Espargar&#x00F3;&amp;&#x23;039&#x3B;s&#x20;back&#x20;after&#x20;surgery&#x20;for&#x20;fractured&#x20;vertebrae">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/21/motogp/aleix-espargaros-back-after-surgery-for-fractured-vertebrae.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/04/MotoGP/generic/aespargaro-copia.jpg?itok=rP6RKjcz" width="245" height="273" alt="Aleix Espargaró&#039;s back following surgery on his fractured vertebrae" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-04-21T12:29:40+02:00" title="21 Apr - 12:29">21 Apr - 12:29</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/21/motogp/aleix-espargaros-back-after-surgery-for-fractured-vertebrae.html?ref=social">Aleix Espargaró&#039;s back after surgery for fractured vertebrae</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/04/20/motogp/video-jorge-martin-terrifes-girlfriend-maria-at-misano.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="VIDEO&#x20;-&#x20;Jorge&#x20;Martin&#x20;&amp;quot&#x3B;terrifes&amp;quot&#x3B;&#x20;girlfriend&#x20;Maria&#x20;at&#x20;Misano">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/20/motogp/video-jorge-martin-terrifes-girlfriend-maria-at-misano.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/04/MotoGP/martin-maria-insta.jpg?itok=HXTM5A0p" width="245" height="273" alt="VIDEO - Jorge Martin &#039;scares&#039; his girlfriend Maria at Misano" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-04-20T12:42:59+02:00" title="20 Apr - 12:42">20 Apr - 12:42</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/20/motogp/video-jorge-martin-terrifes-girlfriend-maria-at-misano.html?ref=social">VIDEO - Jorge Martin &quot;terrifes&quot; girlfriend Maria at Misano</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/04/17/motogp/aleix-espargaro-underwent-a-six-hour-surgery-to-stabilize-four-vertebrae.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Aleix&#x20;Espargar&#x00F3;&#x20;underwent&#x20;a&#x20;six-hour&#x20;surgery&#x20;to&#x20;stabilize&#x20;four&#x20;vertebrae">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/17/motogp/aleix-espargaro-underwent-a-six-hour-surgery-to-stabilize-four-vertebrae.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/04/MotoGP/generic/aleix-operato.jpg?itok=stkjnuyp" width="245" height="273" alt="Aleix Espargaró underwent a six-hour surgery to stabilize four vertebrae" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-04-17T17:13:53+02:00" title="17 Apr - 17:13">17 Apr - 17:13</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/17/motogp/aleix-espargaro-underwent-a-six-hour-surgery-to-stabilize-four-vertebrae.html?ref=social">Aleix Espargaró underwent a six-hour surgery to stabilize four vertebrae</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/04/09/motogp/marc-marquez-training-at-aragon-still-with-a-sling-on-his-forearm.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Marc&#x20;Marquez&#x20;training&#x20;at&#x20;Aragon,&#x20;still&#x20;with&#x20;a&#x20;sling&#x20;on&#x20;his&#x20;forearm">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/04/09/motogp/marc-marquez-training-at-aragon-still-with-a-sling-on-his-forearm.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/04/MotoGP/generic/marquez-1775749582.jpg?itok=Km-f-dx9" width="245" height="273" alt="MotoGP: Marc Marquez training at Aragon, still with a sling on his forearm" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-04-09T12:23:12+02:00" title="09 Apr - 12:23">09 Apr - 12:23</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/04/09/motogp/marc-marquez-training-at-aragon-still-with-a-sling-on-his-forearm.html?ref=social">Marc Marquez training at Aragon, still with a sling on his forearm</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/03/22/motogp/gresini-team-pays-tribute-to-brazil-and-alex-barros-in-goiania.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Gresini&#x20;team&#x20;pays&#x20;tribute&#x20;to&#x20;Brazil&#x20;and&#x20;Alex&#x20;Barros&#x20;in&#x20;Goi&#x00E2;nia">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/03/22/motogp/gresini-team-pays-tribute-to-brazil-and-alex-barros-in-goiania.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/03/MotoGP/generic/gresini-brasile2-1774201887.jpg?itok=QL4hmVCR" width="245" height="273" alt="MotoGP: Gresini team pays tribute to Brazil and Alex Barros in Goiânia" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-03-22T15:00:25+01:00" title="22 Mar - 15:00">22 Mar - 15:00</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/03/22/motogp/gresini-team-pays-tribute-to-brazil-and-alex-barros-in-goiania.html?ref=social">Gresini team pays tribute to Brazil and Alex Barros in Goiânia</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/03/06/motogp/aleix-espargaro-bike-video-sparks-debate-overtaking-under-scrutiny.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Aleix&#x20;Espargar&#x00F3;,&#x20;bike&#x20;video&#x20;sparks&#x20;debate&#x3A;&#x20;overtaking&#x20;under&#x20;scrutiny&#x20;">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/03/06/motogp/aleix-espargaro-bike-video-sparks-debate-overtaking-under-scrutiny.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/03/MotoGP/generic/aespargaro-1772782802.jpg?itok=UdDM5Plm" width="245" height="273" alt="MotoGP: Aleix Espargaró, bike video sparks debate: overtaking under scrutiny " />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-03-06T08:39:28+01:00" title="06 Mar - 08:39">06 Mar - 08:39</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/03/06/motogp/aleix-espargaro-bike-video-sparks-debate-overtaking-under-scrutiny.html?ref=social">Aleix Espargaró, bike video sparks debate: overtaking under scrutiny </a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/02/21/motogp/video-angry-and-desperate-fabio-quartararo-lashes-out-at-yamaha-v4.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="VIDEO&#x20;-&#x20;Angry&#x20;and&#x20;desperate&#x3A;&#x20;Fabio&#x20;Quartararo&#x20;lashes&#x20;out&#x20;at&#x20;Yamaha&#x20;V4">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/02/21/motogp/video-angry-and-desperate-fabio-quartararo-lashes-out-at-yamaha-v4.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/02/MotoGP/generic/quartararo-screen-1771663408.jpg?itok=4JYxBCF1" width="245" height="273" alt="MotoGP: VIDEO - Angry and desperate: Fabio Quartararo lashes out at Yamaha V4" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-02-21T09:42:59+01:00" title="21 Feb - 09:42">21 Feb - 09:42</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/02/21/motogp/video-angry-and-desperate-fabio-quartararo-lashes-out-at-yamaha-v4.html?ref=social">VIDEO - Angry and desperate: Fabio Quartararo lashes out at Yamaha V4</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/02/10/motogp/marc-marquez-to-lindsey-vonn-the-only-failure-in-life-is-not-trying.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Marc&#x20;Marquez&#x20;to&#x20;Lindsey&#x20;Vonn&#x3A;&#x20;&amp;quot&#x3B;The&#x20;only&#x20;failure&#x20;in&#x20;life&#x20;is&#x20;not&#x20;trying.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/02/10/motogp/marc-marquez-to-lindsey-vonn-the-only-failure-in-life-is-not-trying.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/02/MotoGP/generic/marquez-vonn-1770740170.jpg?itok=vCeeKiZT" width="245" height="273" alt="MotoGP: Marc Marquez to Lindsey Vonn: &quot;The only failure in life is not trying.&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-02-10T16:32:57+01:00" title="10 Feb - 16:32">10 Feb - 16:32</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/02/10/motogp/marc-marquez-to-lindsey-vonn-the-only-failure-in-life-is-not-trying.html?ref=social">Marc Marquez to Lindsey Vonn: &quot;The only failure in life is not trying.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/02/06/motogp/tech3-new-era-begins-gunther-steiners-first-public-appearance.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Tech3,&#x20;new&#x20;era&#x20;begins&#x3A;&#x20;G&#x00FC;nther&#x20;Steiner&amp;&#x23;039&#x3B;s&#x20;first&#x20;public&#x20;appearance">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/02/06/motogp/tech3-new-era-begins-gunther-steiners-first-public-appearance.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/02/MotoGP/generic/steiner-1770547349.jpg?itok=KdeC_a-H" width="245" height="273" alt="MotoGP: Tech3, new era begins: Günther Steiner&#039;s first public appearance" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-02-06T23:35:34+01:00" title="06 Feb - 23:35">06 Feb - 23:35</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/02/06/motogp/tech3-new-era-begins-gunther-steiners-first-public-appearance.html?ref=social">Tech3, new era begins: Günther Steiner&#039;s first public appearance</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/02/06/motogp/rossi-tram-driver-for-one-night-at-the-milan-cortina-2026-opening-ceremony.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Rossi&#x20;tram&#x20;driver&#x20;for&#x20;one&#x20;night&#x20;at&#x20;the&#x20;Milan&#x20;Cortina&#x20;2026&#x20;opening&#x20;ceremony">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/02/06/motogp/rossi-tram-driver-for-one-night-at-the-milan-cortina-2026-opening-ceremony.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/02/MotoGP/generic/rossi-olimpiadi-2026-1-1770412455.jpg?itok=G-SXsYeq" width="245" height="273" alt="MotoGP: Rossi tram driver for one night at the Milan Cortina 2026 opening ceremony" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-02-06T21:11:22+01:00" title="06 Feb - 21:11">06 Feb - 21:11</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/02/06/motogp/rossi-tram-driver-for-one-night-at-the-milan-cortina-2026-opening-ceremony.html?ref=social">Rossi tram driver for one night at the Milan Cortina 2026 opening ceremony</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/01/13/motogp/fermin-aldeguer-the-worst-is-behind-us-time-to-start-over-with-the-same-fighting" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Fermin&#x20;Aldeguer&#x3A;&#x20;&amp;quot&#x3B;The&#x20;worst&#x20;is&#x20;behind&#x20;us.&#x20;Time&#x20;to&#x20;start&#x20;over&#x20;with&#x20;the&#x20;same&#x20;fighting&#x20;spirit.&amp;quot&#x3B;">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/01/13/motogp/fermin-aldeguer-the-worst-is-behind-us-time-to-start-over-with-the-same-fighting?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/01/MotoGP/generic/aldeguer-social-2-1768302250.jpg?itok=rNPgu_Oo" width="245" height="273" alt="MotoGP: Fermin Aldeguer: &quot;The worst is behind us. Time to start over with the same fighting spirit.&quot;" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-01-13T11:29:17+01:00" title="13 Jan - 11:29">13 Jan - 11:29</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/01/13/motogp/fermin-aldeguer-the-worst-is-behind-us-time-to-start-over-with-the-same-fighting?ref=social">Fermin Aldeguer: &quot;The worst is behind us. Time to start over with the same fighting spirit.&quot;</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/01/12/motogp/chasing-marc-marquez-pirro-riding-for-aspar.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Chasing&#x20;Marc&#x20;Marquez&#x3A;&#x20;Pirro&#x20;riding&#x20;for&#x20;Aspar">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/01/12/motogp/chasing-marc-marquez-pirro-riding-for-aspar.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/01/MotoGP/generic/pirro-on-1768214038.jpg?itok=5pP9aFeK" width="245" height="273" alt="MotoGP: Chasing Marc Marquez: Pirro riding for Aspar" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-01-12T09:45:19+01:00" title="12 Jan - 09:45">12 Jan - 09:45</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/01/12/motogp/chasing-marc-marquez-pirro-riding-for-aspar.html?ref=social">Chasing Marc Marquez: Pirro riding for Aspar</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/01/10/motogp/maverick-vinales-does-mccoy-on-suzuktm.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Maverick&#x20;Vi&#x00F1;ales&#x20;does&#x20;McCoy&#x20;on&#x20;SuzuKTM&#x21;">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/01/10/motogp/maverick-vinales-does-mccoy-on-suzuktm.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/01/MotoGP/generic/vinales-1768043638.jpg?itok=VYOkKO3k" width="245" height="273" alt="MotoGP: Maverick Viñales does McCoy on SuzuKTM!" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-01-10T12:13:58+01:00" title="10 Jan - 12:13">10 Jan - 12:13</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/01/10/motogp/maverick-vinales-does-mccoy-on-suzuktm.html?ref=social">Maverick Viñales does McCoy on SuzuKTM!</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/01/09/motogp/pirro-rediscovers-his-inner-child-between-marc-and-alex-marquez-its-already-a" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Pirro&#x20;rediscovers&#x20;his&#x20;inner&#x20;child.&#x20;Between&#x20;Marc&#x20;and&#x20;Alex&#x20;Marquez,&#x20;it&amp;&#x23;039&#x3B;s&#x20;already&#x20;a&#x20;battle&#x20;royale&#x20;at&#x20;Aspar&#x21;">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/01/09/motogp/pirro-rediscovers-his-inner-child-between-marc-and-alex-marquez-its-already-a?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/01/MotoGP/generic/pirro-marc-aspar-1768040154.jpg?itok=rIA_pl_A" width="245" height="273" alt="MotoGP: Pirro rediscovers his inner child. Between Marc and Alex Marquez, it&#039;s already a battle royale at Aspar!" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-01-09T19:03:18+01:00" title="09 Jan - 19:03">09 Jan - 19:03</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/01/09/motogp/pirro-rediscovers-his-inner-child-between-marc-and-alex-marquez-its-already-a?ref=social">Pirro rediscovers his inner child. Between Marc and Alex Marquez, it&#039;s already a battle royale at Aspar!</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/01/09/motogp/marc-marquez-is-back-on-track-photos-of-his-return-on-the-panigale-v2.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Marc&#x20;Marquez&#x20;is&#x20;back&#x20;on&#x20;track&#x3A;&#x20;photos&#x20;of&#x20;his&#x20;return&#x20;on&#x20;the&#x20;Panigale&#x20;V2">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/01/09/motogp/marc-marquez-is-back-on-track-photos-of-his-return-on-the-panigale-v2.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/01/MotoGP/generic/marc-social-1767950709.jpg?itok=8KvA-1rc" width="245" height="273" alt="MotoGP: Marc Marquez is back on track: photos of his return on the Panigale V2" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-01-09T10:24:33+01:00" title="09 Jan - 10:24">09 Jan - 10:24</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/01/09/motogp/marc-marquez-is-back-on-track-photos-of-his-return-on-the-panigale-v2.html?ref=social">Marc Marquez is back on track: photos of his return on the Panigale V2</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2026/01/08/motogp/razgatlioglu-shows-no-mercy-for-zayn-sofuoglu-as-he-crashes.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Razgatlioglu&#x20;shows&#x20;no&#x20;mercy&#x20;for&#x20;Zayn&#x20;Sofuoglu,&#x20;as&#x20;he&#x20;crashes">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2026/01/08/motogp/razgatlioglu-shows-no-mercy-for-zayn-sofuoglu-as-he-crashes.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2026/article/foto/01/MotoGP/generic/toprak-zayn-1767863687.jpg?itok=K_4Bnx1g" width="245" height="273" alt="MotoGP: Razgatlioglu shows no mercy for Zayn Sofuoglu, as he crashes" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2026-01-08T10:14:47+01:00" title="08 Jan - 10:14">08 Jan - 10:14</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2026/01/08/motogp/razgatlioglu-shows-no-mercy-for-zayn-sofuoglu-as-he-crashes.html?ref=social">Razgatlioglu shows no mercy for Zayn Sofuoglu, as he crashes</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2025/12/30/moto2/mattia-pasini-behind-the-wheel-of-an-f2-at-misano-the-footage-is-spectacular.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Mattia&#x20;Pasini&#x20;behind&#x20;the&#x20;wheel&#x20;of&#x20;an&#x20;F2&#x20;at&#x20;Misano&#x3A;&#x20;the&#x20;footage&#x20;is&#x20;spectacular&#x21;">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/12/30/moto2/mattia-pasini-behind-the-wheel-of-an-f2-at-misano-the-footage-is-spectacular.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2025/article/foto/12/Moto2/generic/pasini-1767102339.jpg?itok=GfTbjtLl" width="245" height="273" alt="Moto2: Mattia Pasini behind the wheel of an F2 at Misano: the footage is spectacular!" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13673">
                          Moto2
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2025-12-30T14:44:51+01:00" title="30 Dec - 14:44">30 Dec - 14:44</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/12/30/moto2/mattia-pasini-behind-the-wheel-of-an-f2-at-misano-the-footage-is-spectacular.html?ref=social">Mattia Pasini behind the wheel of an F2 at Misano: the footage is spectacular!</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2025/12/23/motogp/christmas-present-for-marc-marquez-back-in-the-saddle.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="Christmas&#x20;present&#x20;for&#x20;Marc&#x20;Marquez,&#x20;back&#x20;in&#x20;the&#x20;saddle&#x21;">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/12/23/motogp/christmas-present-for-marc-marquez-back-in-the-saddle.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2025/article/foto/12/MotoGP/generic/marc-allenamento-1766480915.jpg?itok=RT8bBR_e" width="245" height="273" alt="MotoGP: Christmas present for Marc Marquez, back in the saddle!" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2025-12-23T08:27:41+01:00" title="23 Dec - 08:27">23 Dec - 08:27</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/12/23/motogp/christmas-present-for-marc-marquez-back-in-the-saddle.html?ref=social">Christmas present for Marc Marquez, back in the saddle!</a>
                        </h3>
                    </div>
                  </a>
              </article>
                        <article class="tw:group/card tw:relative tw:overflow-hidden tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:flex tw:flex-col tw:bg-white tw:dark:bg-[#181817] tw:rounded-xl" style="height: 365px;">
                  <a href="/en/2025/12/13/motogp/a-royal-day-the-marquez-brothers-in-the-presence-of-king-felipe-vi.html" class="tw:contents tw:no-underline" @click="if(isDragging) $event.preventDefault()" aria-label="A&#x20;royal&#x20;day,&#x20;the&#x20;Marquez&#x20;brothers&#x20;in&#x20;the&#x20;presence&#x20;of&#x20;King&#x20;Felipe&#x20;VI">
                    <div class="tw:relative tw:w-full tw:h-[273px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
                        <div class="tw:absolute tw:inset-0 tw:w-full tw:h-full tw:transition-transform tw:duration-300 tw:group-hover/card:scale-105">
                          <a href="/en/2025/12/13/motogp/a-royal-day-the-marquez-brothers-in-the-presence-of-king-felipe-vi.html?ref=social">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_9_16/public/images/2025/article/foto/12/MotoGP/generic/marquez-re-spagna-1765636745.jpg?itok=6HJCrylm" width="245" height="273" alt="MotoGP: A royal day, the Marquez brothers in the presence of King Felipe VI" />

</a> 
                        </div>

                        
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-30 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
                          MotoGP
                        </span>
                    </div>
                    <div class="tw:flex-1 tw:flex tw:flex-col  tw:pt-2  tw:items-start tw:px-3 tw:text-left">

                                                    <div class="tw:mb-1 tw:text-xs tw:text-gray-500 tw:dark:text-gray-400 tw:[&_time]:text-xs ">
                                <time datetime="2025-12-13T15:37:56+01:00" title="13 Dec - 15:37">13 Dec - 15:37</time>

                            </div>
                        
                        <h3 class="tw:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:group-hover/card:tw:text-red-500 tw:transition-colors">
                            <a href="/en/2025/12/13/motogp/a-royal-day-the-marquez-brothers-in-the-presence-of-king-felipe-vi.html?ref=social">A royal day, the Marquez brothers in the presence of King Felipe VI</a>
                        </h3>
                    </div>
                  </a>
              </article>
          
                    <div class="tw:snap-start tw:flex-shrink-0 tw:w-[245px] tw:mr-4 tw:flex tw:items-center tw:justify-center tw:rounded-xl tw:relative tw:overflow-hidden tw:bg-white" style="height: 365px;">
              <div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-0" style="background: linear-gradient(180deg, #B21A18 2.88%, #7D0705 100%);"></div>

              <div class="tw:absolute tw:inset-0 tw:z-10 tw:dark:hidden" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>
              <div class="tw:hidden tw:dark:block tw:absolute tw:inset-0 tw:z-10" style="background-image: url('/themes/custom/gpone/assets/images/theme/banner/circuiti texture gradiente radiale 2.svg'); background-size: cover; background-position: center; pointer-events: none;"></div>

              <a href="/en/section/social" aria-label="See more articles" class="tw:inset-0 tw:absolute tw:flex tw:items-center tw:justify-center tw:no-underline tw:z-20 tw:cursor-pointer" @click="if(isDragging) $event.preventDefault()">
                  <div class="tw:px-4 tw:py-2 tw:rounded-full tw:bg-black tw:dark:bg-white tw:flex tw:items-center tw:gap-2 tw:border-2 tw:dark:border-[#181817] tw:border-white tw:transform tw:transition-transform tw:duration-300 tw:hover:scale-110">
                      <span class="tw:text-white tw:dark:text-black tw:font-black tw:text-sm">See more</span>
                      <i class="fa-solid fa-chevron-right tw:text-white tw:dark:text-black tw:text-[9px] tw:transform tw:transition-transform tw:duration-300 tw:hover:translate-x-1"></i>
                  </div>
              </a>
          </div>
          
        </div>
    </div>

    



<style>
  .drag-handle { 
    width: 140px; height: 70px; cursor: grab; z-index: 100; 
    touch-action: none; user-select: none; background: transparent; 
  }
  .drag-handle:active { cursor: grabbing; }
  .gpone-svg-icon { fill: currentColor; }
</style>

<div class="tw:flex tw:justify-center tw:items-center tw:gap-10 tw:py-8 tw:pr-4 tw:md:pr-0">
    
        <button @click="arrowScroll('left'); activeLeft = true; setTimeout(() => activeLeft = false, 400)" 
            :disabled="atStart"
            x-cloak 
            :class="[
                activeLeft ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atStart ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-left tw:text-[10px]"></i>
    </button>

        <div class="tw:relative tw:w-72 tw:md:w-96 tw:h-12 tw:flex tw:items-center" x-ref="track">
        <div class="tw:w-full tw:h-[2px] tw:bg-black/10 tw:dark:bg-white/10 tw:relative tw:rounded-full tw:pointer-events-none">
                        <div class="tw:absolute tw:left-0 tw:top-0 tw:h-full tw:bg-red-600 tw:rounded-full" 
                 :style="{ 
                    width: 'calc(' + progress + '% - 17px)', 
                    transition: (isDragging || isAutoScrolling) ? 'none' : 'width 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' 
                 }"></div>
        </div>
        
        <div class="tw:absolute tw:top-1/2 tw:z-50" 
             :style="{ left: progress + '%', transform: 'translate(-50%, -50%)', transition: (isDragging || isAutoScrolling) ? 'none' : 'left 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)' }">
            
            <div class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center">
                 <div class="drag-handle" @mousedown="startDrag($event, 'track')" @touchstart.stop.prevent="startDrag($event, 'track')"></div>
            </div>

            <div class="tw:relative tw:transition-all tw:duration-300"
                 :class="{ '': (isDragging || isAutoScrolling) && movingRight }">
              
                              <svg width="48" height="32" viewBox="0 0 30 20" class="tw:text-[#181817] tw:dark:text-white">
                  <path d="M28.12 0H15.88C14.84 0 14 .84 14 1.88v2.96h.12c1.45 0 2.63 1.18 2.63 2.63v4.84h3.46l1.63 1.87c.27.31.75.31 1.03 0l1.63-1.87h3.62c1.04 0 1.88-.84 1.88-1.88V1.88C30 .84 29.16 0 28.12 0m-3.15 6.26-2.59 2.59q-.18.15-.39.15c-.15 0-.31-.06-.43-.18-.38-.4-.77-.78-1.17-1.16-.43-.41-.87-.83-1.27-1.28-.56-.61-.72-1.44-.43-2.17.28-.7.91-1.15 1.69-1.2.41-.03.82.08 1.17.29.17.11.31.24.44.36l.03-.03.11-.11c.96-.85 2.07-.58 2.7.02.63.61.95 1.72.14 2.7Z" class="gpone-svg-icon"/>
                  <path d="M14.12 5.59H1.88C.84 5.59 0 6.44 0 7.47v8.55c0 1.04.84 1.89 1.88 1.89h4.33l1.63 1.88c.27.31.75.31 1.02 0l1.63-1.88h3.62c1.04 0 1.88-.84 1.88-1.88V7.47c0-1.04-.84-1.88-1.88-1.88Zm-8.06 9.37c0 .23-.19.43-.43.43h-.52c-.23 0-.43-.19-.43-.43v-3.1c0-.23.19-.43.43-.43h.52c.23 0 .43.19.43.43zm4.58.08c-.04.2-.22.34-.42.34H7.09c-.23 0-.43-.19-.43-.42v-3.53a.43.43 0 0 1 .03-.25c.55-1.06.59-1.36.77-2.36.13-.71 1.1-.52 1.28.07.18.6.15 1.91.15 1.91h1.46c.61 0 1.06.56.94 1.15l-.64 3.11Z" class="gpone-svg-icon"/>
                </svg>
                          </div>
        </div>
    </div>

        <button @click="arrowScroll('right'); activeRight = true; setTimeout(() => activeRight = false, 400)" 
            :disabled="atEnd"
            :class="[
                activeRight ? 'tw:bg-red-600 tw:border-red-600 tw:text-white' : 'tw:bg-[#181817] tw:text-white tw:border-white tw:dark:bg-white tw:dark:text-[#181817] tw:dark:border-[#181817]',
                atEnd ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
            ]"
            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
        <i class="fa-solid fa-chevron-right tw:text-[10px]"></i>
    </button>
</div>

</div>
</div>

  </div></div>

  </div><div id="block-gpone-advhome14" class="tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14">
  
    
      
            <div><div data-nosnippet class="dh250-mh600">
      <div class="gptslot" data-adunitid="14"></div>
</div></div>
      
  </div><div class="views-element-container tw:py-4 tw:pl-4 tw:lg:py-8 tw:lg:pl-14" id="block-gpone-views-block-home-history-vertical-block-1">
  
    
      <div><div class="tw:w-full js-view-dom-id-4a4ef121dc197c0cff055c709850d7349c5941276717d9d34f047a29d311d70f">

    <div class="view-content">
<div id="gpone-sticky-wrapper" class="tw:relative tw:w-full tw:py-0 tw:pr-0 tw:lg:pr-14">
  
  <div id="gpone-stream-wrapper" 
       class="gpone-sticky-logic tw:sticky tw:z-50 tw:w-full tw:bg-white tw:dark:bg-[#181817] tw:transition-all tw:duration-500 tw:py-4 tw:md:py-8 tw:rounded-3xl tw:h-[75vh] tw:flex tw:flex-col"

     x-data="{ 
        currentId: null, 
        playing: false, 
        audio: new Audio(),
        canScrollUp: false,
        canScrollDown: true,
        flashUp: false,
        flashDown: false,

        checkScroll() {
            const grid = this.$refs.grid;
            if (!grid) return;
            this.canScrollUp = grid.scrollTop > 5;
            this.canScrollDown = grid.scrollTop + grid.clientHeight < grid.scrollHeight - 5;
        }
     }"
     x-init="setTimeout(() => checkScroll(), 500)">


        <div class="tw:px-6 tw:md:px-10 tw:mb-4 tw:shrink-0">
      <div class="tw:flex tw:flex-col tw:pb-6 tw:border-b tw:border-black/5 tw:dark:border-white/10">
        <h2 class="tw:text-[#E00000] tw:dark:text-white tw:text-2xl tw:md:text-2xl tw:font-bold tw:uppercase tw:italic tw:mb-3 tw:leading-none">
          Didn't find what you were looking for?
        </h2>
        <h3 class="tw:text-black tw:dark:text-white tw:text-base tw:font-semibold tw:leading-none">
          Scroll through the news of the week
        </h3>
      </div>
    </div>

        <div id="gpone-stream-grid"                      x-ref="grid"
                     @scroll.debounce.50ms="checkScroll()"
          class="tw:grid tw:gap-4 tw:md:gap-5 tw:grid-cols-1 tw:md:grid-cols-[repeat(auto-fill,245px)] tw:justify-center tw:overflow-y-auto tw:snap-y tw:snap-mandatory tw:scroll-smooth tw:px-3 tw:md:px-10 tw:flex-1 [&::-webkit-scrollbar]:tw:hidden"
          style="scrollbar-width: none; -ms-overflow-style: none;">
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/WSBK/generic/bimota.jpg?itok=Oa2RUOfB" width="315" height="210" alt="Bimota" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-09T12:26:15+02:00" title="Tuesday, June 9, 2026 - 12:26">09 Jun - 12:26</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/09/wsbk/superbike-market-heating-up-bimota-getting-head-start-on-2027.html?ref=stream">Superbike market heating up, Bimota getting head start on 2027!</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/09/motogp/bastianini-the-bike-isnt-always-the-same-but-we-can-be-fast-here.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/bastianini-barcellona-box.jpg?itok=LYfKmLUE" width="315" height="210" alt="Bastianini: &quot;The bike isn&#039;t always the same, but we can be fast here&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-09T12:18:22+02:00" title="Tuesday, June 9, 2026 - 12:18">09 Jun - 12:18</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/09/motogp/bastianini-the-bike-isnt-always-the-same-but-we-can-be-fast-here.html?ref=stream">Bastianini: &quot;The bike isn&#039;t always the same, but we can be fast here&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/09/moto-news/fire-at-honda-montesa-plant-in-spain-150-employees-evacuated-no-injuries?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/Moto%20-%20News/generic/incendio-foto.jpg?itok=3Vm49FC1" width="315" height="210" alt="Fire at the Honda-Montesa plant in Spain: 150 employees evacuated, no injuries" />

</a> 
    </div>
                                              <div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
                        <div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                          <svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M8 5v14l11-7z"/>
                          </svg>
                        </div>
                      </div>
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13670">
      Moto - News
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-09T12:07:32+02:00" title="Tuesday, June 9, 2026 - 12:07">09 Jun - 12:07</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/09/moto-news/fire-at-honda-montesa-plant-in-spain-150-employees-evacuated-no-injuries?ref=stream">Fire at Honda-Montesa plant in Spain: 150 employees evacuated, no injuries reported</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/index.php/index.php/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/WSBK/generic/bulega1.jpg?itok=f1DiwIfH" width="315" height="210" alt="Open the window" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-09T11:22:05+02:00" title="Tuesday, June 9, 2026 - 11:22">09 Jun - 11:22</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/index.php/index.php/en/2026/06/09/wsbk/red-roulette-bulega-takes-on-bulega-at-misano-seeking-revenge-and-looking-to-break?ref=stream">Red Roulette: Bulega Takes on Bulega at Misano, Seeking Revenge and Looking to Break a Curse</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/virginio-ferrari.jpeg?itok=D7QwSCm1" width="315" height="210" alt="Ferrari: “Safety? Rules and changes aren’t enough—we need to educate the drivers”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-08T22:44:35+02:00" title="Monday, June 8, 2026 - 22:44">08 Jun - 22:44</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/08/motogp/ferrari-safety-rules-and-changes-arent-enough-we-need-to-educate-the-riders.html?ref=stream">Ferrari: “Safety? Rules and changes aren’t enough—we need to educate the riders”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/WSBK/generic/petrux.jpg?itok=RH0je2G1" width="315" height="210" alt="Danilo Petrucci" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-08T20:46:39+02:00" title="Monday, June 8, 2026 - 20:46">08 Jun - 20:46</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/08/wsbk/no-misano-for-petrucci-but-oliveira-back-on-bmw.html?ref=stream">No Misano for Petrucci, but Oliveira back on BMW!</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/08/motogp/martin-publicly-apologizes-on-instagram-riders-forgive-him-in-comments.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/martin-ig.jpg?itok=uv-S1nwt" width="315" height="210" alt="Martin publicly apologizes on Instagram; in the comments, the drivers forgive him" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-08T19:37:31+02:00" title="Monday, June 8, 2026 - 19:37">08 Jun - 19:37</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/08/motogp/martin-publicly-apologizes-on-instagram-riders-forgive-him-in-comments.html?ref=stream">Martin publicly apologizes on Instagram, riders forgive him in comments</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/fast-sito.jpg?itok=pecFs6cq" width="315" height="210" alt="Fast By Prosecco Balaton: Pernat is scathing: “We’re taking a huge risk here”" />

</a> 
    </div>
                                              <div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
                        <div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                          <svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M8 5v14l11-7z"/>
                          </svg>
                        </div>
                      </div>
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-08T18:35:27+02:00" title="Monday, June 8, 2026 - 18:35">08 Jun - 18:35</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/08/motogp/fast-by-prosecco-balaton-pernat-is-scathing-were-taking-a-big-risk-here.html?ref=stream">Fast By Prosecco Balaton, Pernat is scathing: “We’re taking a big risk here”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/08/motogp/hungarian-grand-prix-the-good-the-bad-and-the-ugly.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/bbc-marquez-100.jpg?itok=18-H6ZCx" width="315" height="210" alt="Hungarian Grand Prix: The Good, the Bad, and the Ugly" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-08T17:45:56+02:00" title="Monday, June 8, 2026 - 17:45">08 Jun - 17:45</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/08/motogp/hungarian-grand-prix-the-good-the-bad-and-the-ugly.html?ref=stream">Hungarian Grand Prix: The Good, the Bad, and the Ugly</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/08/motogp/marini-its-a-jungle-out-there-i-saw-martin-and-thought-hes-going-to-hit-someone?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/img-3838.jpg?itok=Xo2Rydj8" width="315" height="210" alt="Marini: &quot;I saw Martin and thought, &#039;He&#039;s going to strike out.&#039;&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-08T15:03:39+02:00" title="Monday, June 8, 2026 - 15:03">08 Jun - 15:03</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/08/motogp/marini-its-a-jungle-out-there-i-saw-martin-and-thought-hes-going-to-hit-someone?ref=stream">Marini: &quot;It&#039;s a jungle out there: I saw Martin and thought, &#039;He&#039;s going to hit someone.&#039;&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/08/motogp/marquez-enters-the-record-books-as-the-third-rider-in-history-to-reach-100-wins?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marquez-100-2-001.jpg?itok=pyOSbr1f" width="315" height="210" alt="Márquez enters the record books: he is the third rider in history to reach 100 wins" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-08T11:04:22+02:00" title="Monday, June 8, 2026 - 11:04">08 Jun - 11:04</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/08/motogp/marquez-enters-the-record-books-as-the-third-rider-in-history-to-reach-100-wins?ref=stream">Márquez enters the record books as the third rider in history to reach 100 wins</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/bagnaia-i-would-never-play-poker-with-marquez.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/bagnaia-balaton.jpg?itok=l7Ia6Cbs" width="315" height="210" alt="Bagnaia: “I would never play poker with Marquez”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T22:59:33+02:00" title="Sunday, June 7, 2026 - 22:59">07 Jun - 22:59</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/bagnaia-i-would-never-play-poker-with-marquez.html?ref=stream">Bagnaia: “I would never play poker with Marquez”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/moto3/david-munoz-underwent-pelvic-surgery-following-terrible-accident-at-balaton-park?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/Moto3/generic/munoz-grid.jpeg?itok=06huVDY8" width="315" height="210" alt="David Munoz underwent pelvic surgery following the terrible accident at Balaton Park" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13671">
      Moto3
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T22:35:48+02:00" title="Sunday, June 7, 2026 - 22:35">07 Jun - 22:35</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/moto3/david-munoz-underwent-pelvic-surgery-following-terrible-accident-at-balaton-park?ref=stream">David Muñoz underwent pelvic surgery following terrible accident at Balaton Park</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/tardozzi-marc-isnt-at-100-but-theres-a-voice-inside-him-that-always-tells-him-you?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2025/article/foto/10/MotoGP/generic/tardozzi-01-1759660399.jpg?itok=Xt0x4tyK" width="315" height="210" alt="Tardozzi: &quot;Marc isn&#039;t at 100%, but there&#039;s a voice inside him that always tells him, &#039;You can do better.&#039;&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T18:50:43+02:00" title="Sunday, June 7, 2026 - 18:50">07 Jun - 18:50</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/tardozzi-marc-isnt-at-100-but-theres-a-voice-inside-him-that-always-tells-him-you?ref=stream">Tardozzi: &quot;Marc isn&#039;t at 100%, but there&#039;s a voice inside him that always tells him, &#039;You can do better.&#039;&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/rivola-jorge-martin-made-a-mistake-unworthy-of-a-world-champion.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/martin-postcrash.JPG?itok=rCkroQwS" width="315" height="210" alt="Rivola: &quot;Jorge Martin made a mistake unworthy of a world champion&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T18:48:32+02:00" title="Sunday, June 7, 2026 - 18:48">07 Jun - 18:48</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/rivola-jorge-martin-made-a-mistake-unworthy-of-a-world-champion.html?ref=stream">Rivola: &quot;Jorge Martin made a mistake unworthy of a world champion&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/marquez-everything-has-changed-since-2025-the-price-was-high-but-it-was-worth-it?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marc-podio.jpg?itok=FUYSnEde" width="315" height="210" alt="MARC MARQUEZ" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T18:01:48+02:00" title="Sunday, June 7, 2026 - 18:01">07 Jun - 18:01</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/marquez-everything-has-changed-since-2025-the-price-was-high-but-it-was-worth-it?ref=stream">Marquez: &quot;Everything has changed since 2025: the price was high, but it was worth it&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/formula-1/monaco-crowns-kimi-antonelli-no-longer-a-surprise-hes-a-certainty.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/FORMULA%201/generic/kimi-podio-monaco.jpg?itok=Ep5PYXon" width="315" height="210" alt="Monaco crowns Kimi Antonelli: no longer a surprise, it&#039;s a certainty" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_59380">
      FORMULA 1
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T17:50:06+02:00" title="Sunday, June 7, 2026 - 17:50">07 Jun - 17:50</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/formula-1/monaco-crowns-kimi-antonelli-no-longer-a-surprise-hes-a-certainty.html?ref=stream">Monaco crowns Kimi Antonelli: no longer a surprise, he&#039;s a certainty</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/di-giannantonio-superheroes-are-the-ones-who-win-not-the-ones-who-risk-killing?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/diggia_3.jpg?itok=PtpXfwUR" width="315" height="210" alt="Di Giannantonio: “Superheroes are the ones who win, not the ones who risk killing five people”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T17:20:00+02:00" title="Sunday, June 7, 2026 - 17:20">07 Jun - 17:20</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/di-giannantonio-superheroes-are-the-ones-who-win-not-the-ones-who-risk-killing?ref=stream">Di Giannantonio: “Superheroes are the ones who win, not the ones who risk killing five people”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/the-mistake-comes-at-a-high-cost-jorge-martin-hit-with-a-double-long-lap-penalty?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/apriliaracing-hungariangp08-2026-saturday-04.jpg?itok=FQRFKPAU" width="315" height="210" alt="Jorge Martin" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T16:32:27+02:00" title="Sunday, June 7, 2026 - 16:32">07 Jun - 16:32</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/the-mistake-comes-at-a-high-cost-jorge-martin-hit-with-a-double-long-lap-penalty?ref=stream">The mistake comes at a high cost: Jorge Martin hit with a double long-lap penalty!</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/two-riders-zero-points-aprilia-squanders-its-chances-marquez-capitalizes-and?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marquez-balaton-gp001.jpeg?itok=7KFe0Xw3" width="315" height="210" alt="Two riders, zero points: Aprilia squanders its chances, Marquez capitalizes and takes the win" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T16:13:47+02:00" title="Sunday, June 7, 2026 - 16:13">07 Jun - 16:13</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/two-riders-zero-points-aprilia-squanders-its-chances-marquez-capitalizes-and?ref=stream">Two riders, zero points: Aprilia squanders its chances, Marquez capitalizes and takes the win at Balaton</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/sensational-pile-up-at-balaton-martin-hits-bezzecchi-5-riders-fall.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/caduta.jpg?itok=H-bBMIAc" width="315" height="210" alt="Il crash avvenuto al circuito di Balaton durante la gara di MotoGP ha suscitato numerose discussioni nel Paddock. I team stanno analizzando i dati per capire le cause esatte dell&#039;incidente, mentre i piloti coinvolti sono stati immediatamente soccorsi e assistiti dai medici presenti sul posto. La sicurezza dei corridori è sempre la priorità principale, e il caso è seguito da vicino da tutti gli appassionati del settore. Restate sintonizzati su GPOne per ulteriori aggiornamenti." />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T16:11:07+02:00" title="Sunday, June 7, 2026 - 16:11">07 Jun - 16:11</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/sensational-pile-up-at-balaton-martin-hits-bezzecchi-5-riders-fall.html?ref=stream">Sensational pile-up at Balaton: Martin hits Bezzecchi, 5 riders fall!</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/dr-costa-marquez-suffering-has-forged-an-invincible-knight.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/claudio-costa-e-virginio-ferrari-conferenza-imola.jpeg?itok=1HSHsEct" width="315" height="210" alt="Dr. Costa: &quot;Marquez? Suffering has forged an invincible knight&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T12:58:08+02:00" title="Sunday, June 7, 2026 - 12:58">07 Jun - 12:58</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/dr-costa-marquez-suffering-has-forged-an-invincible-knight.html?ref=stream">Dr. Costa: &quot;Marquez? Suffering has forged an invincible knight&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/live-the-live-coverage-of-the-hungarian-grand-prix-at-balaton.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marc-win.jpg?itok=4VjClYqu" width="315" height="210" alt="LIVE HUNGARY" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T09:00:24+02:00" title="Sunday, June 7, 2026 - 09:00">07 Jun - 09:00</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/live-the-live-coverage-of-the-hungarian-grand-prix-at-balaton.html?ref=stream">LIVE - The live coverage of the Hungarian Grand Prix at Balaton</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/bezzecchi-marquez-we-expected-it-he-was-the-only-one-who-said-no.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/tin1427.jpg?itok=VxOqPxG0" width="315" height="210" alt="Bezzecchi Balaton Sprint 2026" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T08:19:39+02:00" title="Sunday, June 7, 2026 - 08:19">07 Jun - 08:19</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/bezzecchi-marquez-we-expected-it-he-was-the-only-one-who-said-no.html?ref=stream">Bezzecchi: &quot;Marquez? We expected it; he was the only one who said no.&quot; </a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/07/motogp/toprak-lecuona-im-not-surprised-he-rides-a-ducati.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/toprak.jpg?itok=Q77FLrsA" width="315" height="210" alt="Soil" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-07T08:16:33+02:00" title="Sunday, June 7, 2026 - 08:16">07 Jun - 08:16</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/07/motogp/toprak-lecuona-im-not-surprised-he-rides-a-ducati.html?ref=stream">Toprak: &quot;Lecuona? I&#039;m not surprised—he rides a Ducati.&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/06/motogp/bagnaia-ducati-closer-to-aprilia-at-balaton-its-marquez-who-makes-the-difference?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/bagnaia-digiannantonio-action.jpg?itok=LmzQyDMf" width="315" height="210" alt="Bagnaia: &quot;Is Ducati closer to Aprilia at Balaton? It&#039;s Marquez who makes the difference&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-06T19:09:43+02:00" title="Saturday, June 6, 2026 - 19:09">06 Jun - 19:09</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/06/motogp/bagnaia-ducati-closer-to-aprilia-at-balaton-its-marquez-who-makes-the-difference?ref=stream">Bagnaia: &quot;Ducati closer to Aprilia at Balaton? It&#039;s Marquez who makes the difference&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/06/motogp/acosta-responds-to-marc-lucky-i-dont-have-a-ducati-were-not-doing-that-badly.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/pedro-acosta-barcelona-catalunya.jpg?itok=s5eaUOLV" width="315" height="210" alt="Acosta replies to Marc: &quot;Lucky I don&#039;t have a Ducati? We&#039;re not doing that badly.&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-06T18:52:08+02:00" title="Saturday, June 6, 2026 - 18:52">06 Jun - 18:52</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/06/motogp/acosta-responds-to-marc-lucky-i-dont-have-a-ducati-were-not-doing-that-badly.html?ref=stream">Acosta responds to Marc: &quot;Lucky I don&#039;t have a Ducati? We&#039;re not doing that badly.&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/06/motogp/marquez-its-a-good-thing-acosta-doesnt-ride-a-ducati-and-aldeguer-doesnt-have-a?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marc1.jpg?itok=pLuM9zqZ" width="315" height="210" alt="Marc Márquez" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-06T18:08:13+02:00" title="Saturday, June 6, 2026 - 18:08">06 Jun - 18:08</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/06/motogp/marquez-its-a-good-thing-acosta-doesnt-ride-a-ducati-and-aldeguer-doesnt-have-a?ref=stream">Marquez: “It’s a good thing Acosta doesn’t ride a Ducati and Aldeguer doesn’t have a GP26”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/06/motogp/two-laps-to-settle-the-score-at-balaton-park-marquez-delivers-a-tyson-style?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marquez-balaton001.jpeg?itok=p3KBKPzH" width="315" height="210" alt="Two laps to settle the score at Balaton Park: Marquez delivers a knockout blow to Tyson" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-06T16:59:25+02:00" title="Saturday, June 6, 2026 - 16:59">06 Jun - 16:59</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/06/motogp/two-laps-to-settle-the-score-at-balaton-park-marquez-delivers-a-tyson-style?ref=stream">Two laps to settle the score at Balaton Park: Marquez delivers a Tyson-style knockout blow</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/06/motogp/master-of-hospitality-miller-and-guevara-lead-with-green-menu.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/prosecco-pramac09.jpg?itok=ofuIaw8U" width="315" height="210" alt="Master of Hospitality: Miller and Guevara Take the Lead with a &#039;Green&#039; Menu" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-06T15:10:29+02:00" title="Saturday, June 6, 2026 - 15:10">06 Jun - 15:10</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/06/motogp/master-of-hospitality-miller-and-guevara-lead-with-green-menu.html?ref=stream">Master of Hospitality: Miller and Guevara lead with &#039;green&#039; menu</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/06/moto3/a-cold-shower-for-leopard-the-fim-rejects-the-appeal.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/Moto3/generic/leopard.jpg?itok=r2Tf4OtC" width="315" height="210" alt="leopard" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13671">
      Moto3
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-06T14:45:31+02:00" title="Saturday, June 6, 2026 - 14:45">06 Jun - 14:45</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/06/moto3/a-cold-shower-for-leopard-the-fim-rejects-the-appeal.html?ref=stream">A cold shower for Leopard: the FIM rejects the appeal!</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/06/motogp/live-the-live-coverage-of-the-sprint-race-of-the-hungarian-grand-prix-at-balaton?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marc-sprint-win.jpg?itok=KEiyXqSw" width="315" height="210" alt="LIVE SPRINT RACE BALATON" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-06T13:51:13+02:00" title="Saturday, June 6, 2026 - 13:51">06 Jun - 13:51</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/06/motogp/live-the-live-coverage-of-the-sprint-race-of-the-hungarian-grand-prix-at-balaton?ref=stream">LIVE - The live coverage of the Sprint Race of the Hungarian Grand Prix at Balaton</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/blog/paolo-scalera/2026/06/06/from-a-push-start-to-a-2-2-grid-motogp-looks-to-the-past-for-answers?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/blog/foto/06/spinta.jpg?itok=msEE-5fT" width="315" height="210" alt="From a push start to a 2-2 grid: MotoGP looks to the past for answers" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_">
      
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-06T13:00:07+02:00" title="Saturday, June 6, 2026 - 13:00">06 Jun - 13:00</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/blog/paolo-scalera/2026/06/06/from-a-push-start-to-a-2-2-grid-motogp-looks-to-the-past-for-answers?ref=stream">From a push start to a 2-2 grid: MotoGP looks to the past for answers</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/06/motogp/di-giannantonio-we-cant-let-aprilia-fool-us-theyre-always-there.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/di-giannantonio-venerdi-balaton.jpg?itok=iEzWRgjn" width="315" height="210" alt="Di Giannantonio: “We can’t let Aprilia fool us—they’re always there”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-06T09:11:24+02:00" title="Saturday, June 6, 2026 - 09:11">06 Jun - 09:11</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/06/motogp/di-giannantonio-we-cant-let-aprilia-fool-us-theyre-always-there.html?ref=stream">Di Giannantonio: “We can’t let Aprilia fool us—they’re always there”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/06/motogp/live-the-live-coverage-of-the-qualifying-for-the-hungarian-grand-prix-at-balaton?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marc-cover-qp.jpg?itok=R88YAbJS" width="315" height="210" alt="LIVE QUALIFYING BALATON" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-06T07:46:28+02:00" title="Saturday, June 6, 2026 - 07:46">06 Jun - 07:46</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/06/motogp/live-the-live-coverage-of-the-qualifying-for-the-hungarian-grand-prix-at-balaton?ref=stream">LIVE - The live coverage of the Qualifying for the Hungarian Grand Prix at Balaton</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/05/motogp/bagnaia-im-having-similar-issues-to-marquez-di-giannantonio-is-the-opposite.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/bagnaia-digiannantonio.jpg?itok=xJ9l3w6k" width="315" height="210" alt="Bagnaia: &quot;I&#039;m having similar issues to Marquez; Di Giannantonio is the opposite&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-05T20:44:43+02:00" title="Friday, June 5, 2026 - 20:44">05 Jun - 20:44</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/05/motogp/bagnaia-im-having-similar-issues-to-marquez-di-giannantonio-is-the-opposite.html?ref=stream">Bagnaia: &quot;I&#039;m having similar issues to Marquez; Di Giannantonio is the opposite&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/05/motogp/acosta-to-me-the-difference-between-here-and-mugello-makes-no-sense-at-all.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/acosta-mugello.jpg?itok=4zgbf4dS" width="315" height="210" alt="Acosta: &quot;To me, the difference between here and Mugello makes no sense at all&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-05T19:09:22+02:00" title="Friday, June 5, 2026 - 19:09">05 Jun - 19:09</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/05/motogp/acosta-to-me-the-difference-between-here-and-mugello-makes-no-sense-at-all.html?ref=stream">Acosta: &quot;To me, the difference between here and Mugello makes no sense at all&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/05/motogp/bezzecchi-im-building-momentum-over-the-weekend-riding-can-make-more-of-a?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/tin5993.jpeg?itok=wtUoEHXd" width="315" height="210" alt="Balaton Bezzecchi 2026" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-05T18:57:24+02:00" title="Friday, June 5, 2026 - 18:57">05 Jun - 18:57</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/05/motogp/bezzecchi-im-building-momentum-over-the-weekend-riding-can-make-more-of-a?ref=stream">Bezzecchi: &quot;I&#039;m building momentum over the weekend: riding can make more of a difference than the setup&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/05/motogp/marquez-the-others-see-me-as-the-favourite-thats-nice-but-its-not-the-real?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marc_0.jpg?itok=_1GVxK6X" width="315" height="210" alt="Marquez: &quot;Do others see me as the favorite? It&#039;s nice, but that&#039;s not the reality.&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-05T18:12:26+02:00" title="Friday, June 5, 2026 - 18:12">05 Jun - 18:12</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/05/motogp/marquez-the-others-see-me-as-the-favourite-thats-nice-but-its-not-the-real?ref=stream">Marquez: &quot;The others see me as the favourite? That&#039;s nice, but it&#039;s not the real situation.&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/05/motogp/lecuona-this-desmosedici-is-nothing-like-the-other-motogp-bikes-ive-ridden.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/lecuona2.jpg?itok=tzaSKFp0" width="315" height="210" alt="lecture" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-05T18:09:43+02:00" title="Friday, June 5, 2026 - 18:09">05 Jun - 18:09</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/05/motogp/lecuona-this-desmosedici-is-nothing-like-the-other-motogp-bikes-ive-ridden.html?ref=stream">Lecuona: “This Desmosedici is nothing like the other MotoGP bikes I’ve ridden”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/05/motogp/the-anti-marquez-rule-is-now-official-pit-entry-procedures-have-been-changed.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/gallery/04/MotoGP/generic/marquez-jerez-rientropista002.jpeg?itok=54j2ECoi" width="315" height="210" alt="The &#039;anti-Marquez rule&#039; is now official: pit entry procedures have been changed" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-05T15:23:33+02:00" title="Friday, June 5, 2026 - 15:23">05 Jun - 15:23</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/05/motogp/the-anti-marquez-rule-is-now-official-pit-entry-procedures-have-been-changed.html?ref=stream">The &#039;anti-Marquez rule&#039; is now official: pit entry procedures have been changed</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/05/moto3/breaking-adrian-fernandez-disqualified-the-leopard-team-opened-up-its-engines.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/Moto3/generic/adrian-fernandez-action.jpg?itok=i2_qs5Gr" width="315" height="210" alt="BREAKING: Adrian Fernandez suspended; the Leopard team has fired up its engines" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13671">
      Moto3
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-05T15:18:54+02:00" title="Friday, June 5, 2026 - 15:18">05 Jun - 15:18</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/05/moto3/breaking-adrian-fernandez-disqualified-the-leopard-team-opened-up-its-engines.html?ref=stream">BREAKING: Adrian Fernandez disqualified; the Leopard team opened up its engines</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/05/motogp/superfile-becomes-title-sponsor-of-the-trackhouse-team.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/trackhouse-superfile.jpg?itok=10yZiITe" width="315" height="210" alt="SuperFile becomes the title sponsor of the Trackhouse team" />

</a> 
    </div>
                                              <div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
                        <div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                          <svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M8 5v14l11-7z"/>
                          </svg>
                        </div>
                      </div>
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-05T14:38:11+02:00" title="Friday, June 5, 2026 - 14:38">05 Jun - 14:38</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/05/motogp/superfile-becomes-title-sponsor-of-the-trackhouse-team.html?ref=stream">SuperFile becomes title sponsor of the Trackhouse team</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/05/motogp/live-the-live-coverage-of-the-prequalifying-for-the-hungarian-grand-prix-at?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/acosta.jpg?itok=1HtRX76b" width="315" height="210" alt="LIVE BALATON PRE-QUALIFYING" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-05T14:16:08+02:00" title="Friday, June 5, 2026 - 14:16">05 Jun - 14:16</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/05/motogp/live-the-live-coverage-of-the-prequalifying-for-the-hungarian-grand-prix-at?ref=stream">LIVE - The Live Coverage of the Prequalifying for the Hungarian Grand Prix at Balaton</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/bezzecchi-ive-watched-the-mugello-gp-ten-times-and-i-liked-what-i-saw.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/bez.jpg?itok=S1ihPei2" width="315" height="210" alt="MARCO BEZZECCHI" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T22:25:25+02:00" title="Thursday, June 4, 2026 - 22:25">04 Jun - 22:25</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/bezzecchi-ive-watched-the-mugello-gp-ten-times-and-i-liked-what-i-saw.html?ref=stream">Bezzecchi: &quot;I&#039;ve watched the Mugello GP ten times, and I liked what I saw&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/moto-news/from-one-rossa-to-another-hamilton-in-the-monte-carlo-paddock-with-the-ducati?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/Moto%20-%20News/generic/hamilton-ducati.jpg?itok=0RcqkhY9" width="315" height="210" alt="From one red to another: Hamilton in the Monte Carlo paddock with the Ducati Centenario" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13670">
      Moto - News
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T20:24:13+02:00" title="Thursday, June 4, 2026 - 20:24">04 Jun - 20:24</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/moto-news/from-one-rossa-to-another-hamilton-in-the-monte-carlo-paddock-with-the-ducati?ref=stream">From one &#039;Rossa&#039; to another: Hamilton in the Monte Carlo paddock with the Ducati Centenario</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/marquez-me-winning-at-balaton-forget-it-im-here-to-fight-my-own-battle.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marquez-viso-mugello.jpg?itok=WB5SWMxo" width="315" height="210" alt="Marquez: &quot;Me winning at Balaton? Forget about it—I&#039;m here to fight my own battle.&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T18:47:39+02:00" title="Thursday, June 4, 2026 - 18:47">04 Jun - 18:47</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/marquez-me-winning-at-balaton-forget-it-im-here-to-fight-my-own-battle.html?ref=stream">Marquez: &quot;Me winning at Balaton? Forget it—I&#039;m here to fight my own battle.&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/martin-marquez-will-be-the-man-to-beat-he-can-make-the-difference-at-balaton.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/martin-mugello.jpg?itok=jADe6nre" width="315" height="210" alt="Martin: “Marquez will be the man to beat; he can make the difference at Balaton”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T16:59:16+02:00" title="Thursday, June 4, 2026 - 16:59">04 Jun - 16:59</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/martin-marquez-will-be-the-man-to-beat-he-can-make-the-difference-at-balaton.html?ref=stream">Martin: “Marquez will be the man to beat; he can make the difference at Balaton”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/quartararo-i-dont-see-the-reaction-from-yamaha-its-going-to-be-a-long-six-months?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/quartararo-mugello-viso.jpg?itok=diBk89Wl" width="315" height="210" alt="Quartararo: &quot;I don&#039;t see any response from Yamaha; it&#039;s going to be a long six months&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T16:45:56+02:00" title="Thursday, June 4, 2026 - 16:45">04 Jun - 16:45</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/quartararo-i-dont-see-the-reaction-from-yamaha-its-going-to-be-a-long-six-months?ref=stream">Quartararo: &quot;I don&#039;t see the reaction from Yamaha; it&#039;s going to be a long six months&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/lecuona-its-a-gift-for-me-to-be-here-in-motogp-but-balaton-isnt-safe.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/67a707b1-2385-4273-951b-46fbdca29df7.JPG?itok=SFrwdFAJ" width="315" height="210" alt="Lecuona Gresini Balaton 2026" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T15:39:30+02:00" title="Thursday, June 4, 2026 - 15:39">04 Jun - 15:39</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/lecuona-its-a-gift-for-me-to-be-here-in-motogp-but-balaton-isnt-safe.html?ref=stream">Lecuona: &quot;It&#039;s a gift for me to be here in MotoGP. But Balaton isn&#039;t safe.&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/di-giannantonio-balaton-safety-conditions-are-acceptable-there-are-worse?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/di-giannantonio-mugello-giovedi.jpg?itok=nHyzUF8q" width="315" height="210" alt="Di Giannantonio: “Balaton? Safety is acceptable; there are worse conditions.”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T15:24:40+02:00" title="Thursday, June 4, 2026 - 15:24">04 Jun - 15:24</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/di-giannantonio-balaton-safety-conditions-are-acceptable-there-are-worse?ref=stream">Di Giannantonio: “Balaton? Safety conditions are acceptable; there are worse situations out there.”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/acosta-im-waiting-for-the-bike-to-improve-but-last-year-there-was-only-one?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/acosta-barcellona-viso.jpg?itok=7sTxZc-y" width="315" height="210" alt="Acosta: &quot;I&#039;m waiting for the bike to improve, but last year there was only one Aprilia&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T15:07:06+02:00" title="Thursday, June 4, 2026 - 15:07">04 Jun - 15:07</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/acosta-im-waiting-for-the-bike-to-improve-but-last-year-there-was-only-one?ref=stream">Acosta: &quot;I&#039;m waiting for the bike to improve, but last year there was only one Aprilia&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/bagnaia-from-riches-to-rags-balaton-is-the-worst-track-there-is.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/pecco.jpg?itok=1fsoK3ZD" width="315" height="210" alt="Bagnaia" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T14:55:51+02:00" title="Thursday, June 4, 2026 - 14:55">04 Jun - 14:55</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/bagnaia-from-riches-to-rags-balaton-is-the-worst-track-there-is.html?ref=stream">Bagnaia: “From riches to rags: Balaton is the worst track there is”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/balaton-park-farewell-from-next-year-motogp-will-relocate.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/ungheria-motogp.jpg?itok=gZiRH6yr" width="315" height="210" alt="Balaton Park farewell: from next year MotoGP will relocate" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T14:54:10+02:00" title="Thursday, June 4, 2026 - 14:54">04 Jun - 14:54</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/balaton-park-farewell-from-next-year-motogp-will-relocate.html?ref=stream">Balaton Park farewell: from next year MotoGP will relocate</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/igna-bagnaia-braveheart-marquez-couldnt-really-be-asked-for-more.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/dalligna.jpg?itok=M_2YygGF" width="315" height="210" alt="Igna: &quot;Bagnaia has a fearless heart; you couldn&#039;t have asked for more from Marquez&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T12:00:55+02:00" title="Thursday, June 4, 2026 - 12:00">04 Jun - 12:00</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/igna-bagnaia-braveheart-marquez-couldnt-really-be-asked-for-more.html?ref=stream">Igna: &quot;Bagnaia braveheart; Marquez couldn&#039;t really be asked for more&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/news/brad-pitt-in-the-paddock-of-the-tourist-trophy-for-the-filming-of-isle-of-man.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/News/generic/brad-pitt-copia.jpg?itok=YT8sii58" width="315" height="210" alt="Brad Pitt in the Paddock at the Tourist Trophy for the filming of &#039;Isle of Man&#039;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_26320">
      News
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T11:09:06+02:00" title="Thursday, June 4, 2026 - 11:09">04 Jun - 11:09</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/news/brad-pitt-in-the-paddock-of-the-tourist-trophy-for-the-filming-of-isle-of-man.html?ref=stream">Brad Pitt in the paddock of the Tourist Trophy for the filming of &#039;Isle of Man&#039;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/04/motogp/pavesio-after-yamahas-setback-at-mugello-balaton-park-will-reveal-a-lot-about-our?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/03/MotoGP/generic/pavesio-1772371906.jpg?itok=NpW8_wxl" width="315" height="210" alt="Pavesio after Yamaha&#039;s setback at Mugello: &quot;Balaton Park will reveal a lot about our potential&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-04T09:16:19+02:00" title="Thursday, June 4, 2026 - 09:16">04 Jun - 09:16</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/04/motogp/pavesio-after-yamahas-setback-at-mugello-balaton-park-will-reveal-a-lot-about-our?ref=stream">Pavesio after Yamaha&#039;s setback at Mugello: &quot;Balaton Park will reveal a lot about our potential&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/03/news/tragedy-for-maria-costello-a-pioneer-of-the-tt-seriously-injured-in-an-accident?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/News/generic/costello.jpg?itok=qIe0LsOX" width="315" height="210" alt="Tragedy for Maria Costello, a pioneer of TT: seriously injured in an accident" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_26320">
      News
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-03T23:33:20+02:00" title="Wednesday, June 3, 2026 - 23:33">03 Jun - 23:33</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/03/news/tragedy-for-maria-costello-a-pioneer-of-the-tt-seriously-injured-in-an-accident?ref=stream">Tragedy for Maria Costello, a pioneer of the TT: seriously injured in an accident</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/03/moto2/pirellis-supersoft-debuts-at-hungarian-grand-prix.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/Moto2/generic/pirelli-ungheria.jpg?itok=hU4mfuaD" width="315" height="210" alt="Pirelli&#039;s supersoft tire makes its debut at the Hungarian Grand Prix" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13673">
      Moto2
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-03T17:22:02+02:00" title="Wednesday, June 3, 2026 - 17:22">03 Jun - 17:22</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/03/moto2/pirellis-supersoft-debuts-at-hungarian-grand-prix.html?ref=stream">Pirelli&#039;s supersoft debuts at Hungarian Grand Prix</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/03/formula-1/ferrari-and-leclerc-moving-forward-together-the-contract-extension-is-a?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/FORMULA%201/generic/leclerc.jpg?itok=7hcfv-9T" width="315" height="210" alt="Ferrari and Leclerc moving forward together: the contract extension is a declaration of love for the Prancing Horse" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_59380">
      FORMULA 1
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-03T17:20:06+02:00" title="Wednesday, June 3, 2026 - 17:20">03 Jun - 17:20</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/03/formula-1/ferrari-and-leclerc-moving-forward-together-the-contract-extension-is-a?ref=stream">Ferrari and Leclerc moving forward together: the contract extension is a declaration of love for the Prancing Horse</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/03/wsbk/jake-dixon-sidelined-again-will-miss-misano-round.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/04/SBK/generic/dixon1-1776017148.jpg?itok=cuu1Wvz2" width="315" height="210" alt="Jake Dixon pulls out again: he will miss the Misano round" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-03T17:14:27+02:00" title="Wednesday, June 3, 2026 - 17:14">03 Jun - 17:14</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/03/wsbk/jake-dixon-sidelined-again-will-miss-misano-round.html?ref=stream">Jake Dixon sidelined again: will miss Misano round</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/03/motogp/what-do-bagnaia-and-antonelli-have-in-common-were-terrible-at-the-start.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/bagnaia-antonelli.jpg?itok=2LWusb-v" width="315" height="210" alt="What do Bagnaia and Antonelli have in common? &quot;We&#039;re terrible at the start.&quot;" />

</a> 
    </div>
                                              <div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
                        <div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                          <svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M8 5v14l11-7z"/>
                          </svg>
                        </div>
                      </div>
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-03T17:07:34+02:00" title="Wednesday, June 3, 2026 - 17:07">03 Jun - 17:07</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/03/motogp/what-do-bagnaia-and-antonelli-have-in-common-were-terrible-at-the-start.html?ref=stream">What do Bagnaia and Antonelli have in common? &quot;We&#039;re terrible at the start.&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/03/wsbk/aragon-the-michelin-shod-superbike-is-less-than-two-seconds-behind-pirelli.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/WSBK/generic/54332-jdr-r04-2026-ambience.jpg?itok=eMri9yCQ" width="315" height="210" alt="Aragonese" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-03T13:04:29+02:00" title="Wednesday, June 3, 2026 - 13:04">03 Jun - 13:04</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/03/wsbk/aragon-the-michelin-shod-superbike-is-less-than-two-seconds-behind-pirelli.html?ref=stream">Aragon: The Michelin-shod Superbike is less than two seconds behind Pirelli!</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/03/motogp/great-grip-and-low-wear-balaton-park-according-to-michelin.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/balaton-park-circuit.jpg?itok=ql5X2qFb" width="315" height="210" alt="Great grip and low wear: Balaton Park, according to Michelin" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-03T11:43:29+02:00" title="Wednesday, June 3, 2026 - 11:43">03 Jun - 11:43</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/03/motogp/great-grip-and-low-wear-balaton-park-according-to-michelin.html?ref=stream">Great grip and low wear: Balaton Park, according to Michelin</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/03/civ/dettwiler-im-not-100-yet-competing-right-now-would-be-too-risky.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/CIV/generic/dettwiler.JPG?itok=6lUg4kBj" width="315" height="210" alt="Dettwiler: “I’m not 100% yet; competing right now would be too risky”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_59609">
      CIV
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-03T11:32:12+02:00" title="Wednesday, June 3, 2026 - 11:32">03 Jun - 11:32</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/03/civ/dettwiler-im-not-100-yet-competing-right-now-would-be-too-risky.html?ref=stream">Dettwiler: “I’m not 100% yet. Competing right now would be too risky.”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/03/motogp/alzamora-reveals-the-true-nature-of-the-injury-that-nearly-sidelined-marquez.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2022/article/foto/08/MotoGP/generic/alzamoramarquez.jpg?itok=W7hKsk2E" width="315" height="210" alt="Alzamora reveals the true nature of the injury that nearly sidelined Márquez" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-03T11:26:44+02:00" title="Wednesday, June 3, 2026 - 11:26">03 Jun - 11:26</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/03/motogp/alzamora-reveals-the-true-nature-of-the-injury-that-nearly-sidelined-marquez.html?ref=stream">Alzamora reveals the true nature of the injury that nearly sidelined Márquez</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/03/news/archie-mcdonald-the-greatest-victory-for-his-brother-came-at-mugello.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/News/generic/archie.jpg?itok=_hzoTqV3" width="315" height="210" alt="archy" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_26320">
      News
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-03T11:23:36+02:00" title="Wednesday, June 3, 2026 - 11:23">03 Jun - 11:23</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/03/news/archie-mcdonald-the-greatest-victory-for-his-brother-came-at-mugello.html?ref=stream">Archie McDonald: the greatest victory for his brother came at Mugello</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/02/motogp/lecuona-i-dont-want-to-put-any-pressure-on-myself-i-know-ducati-wont-either.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/lecuona_0.jpg?itok=BMrFpLM3" width="315" height="210" alt="Lecuona: &quot;I don&#039;t want to put any pressure on myself; I know Ducati won&#039;t either&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-02T17:27:54+02:00" title="Tuesday, June 2, 2026 - 17:27">02 Jun - 17:27</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/02/motogp/lecuona-i-dont-want-to-put-any-pressure-on-myself-i-know-ducati-wont-either.html?ref=stream">Lecuona: &quot;I don&#039;t want to put any pressure on myself. I know Ducati won&#039;t either.&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/02/motogp/zarco-back-on-his-feet-but-still-a-long-way-from-a-comeback-he-explains-why.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/zarco.jpg?itok=bLTT-XBx" width="315" height="210" alt="JOHANN ZARCO" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-02T16:12:45+02:00" title="Tuesday, June 2, 2026 - 16:12">02 Jun - 16:12</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/02/motogp/zarco-back-on-his-feet-but-still-a-long-way-from-a-comeback-he-explains-why.html?ref=stream">Zarco back on his feet, but still a long way from a comeback, he explains why</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/02/motogp/yamahas-admission-of-fault-the-m1-was-difficult-to-ride-at-mugello.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/paolo-pavesio.JPG?itok=TeMhzobk" width="315" height="210" alt="Yamaha&#039;s admission of fault: &quot;The M1 was hard to ride at Mugello&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-02T15:24:53+02:00" title="Tuesday, June 2, 2026 - 15:24">02 Jun - 15:24</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/02/motogp/yamahas-admission-of-fault-the-m1-was-difficult-to-ride-at-mugello.html?ref=stream">Yamaha&#039;s admission of fault: &quot;The M1 was difficult to ride at Mugello&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/02/motogp/gresini-picks-iker-lecuona-to-replace-alex-marquez-at-balaton.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/lecuona.jpg?itok=5uwB-71T" width="315" height="210" alt="lecture" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-02T09:32:22+02:00" title="Tuesday, June 2, 2026 - 09:32">02 Jun - 09:32</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/02/motogp/gresini-picks-iker-lecuona-to-replace-alex-marquez-at-balaton.html?ref=stream">Gresini picks Iker Lecuona to replace Alex Marquez at Balaton!</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/01/motogp/cal-crutchlow-will-also-replace-zarco-at-the-hungarian-grand-prix.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/crutchlow-action.jpg?itok=8YdrpAC8" width="315" height="210" alt="Cal Crutchlow will also replace Zarco at the Hungarian Grand Prix" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-01T23:06:49+02:00" title="Monday, June 1, 2026 - 23:06">01 Jun - 23:06</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/01/motogp/cal-crutchlow-will-also-replace-zarco-at-the-hungarian-grand-prix.html?ref=stream">Cal Crutchlow will also replace Zarco at the Hungarian Grand Prix</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/01/motogp/bastianini-i-crashed-twice-in-the-same-spot-somethings-not-right.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/bastianini-mugello-box.jpg?itok=dYvceoSJ" width="315" height="210" alt="Bastianini: “I crashed twice in the same spot; something’s not right.”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-01T23:03:20+02:00" title="Monday, June 1, 2026 - 23:03">01 Jun - 23:03</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/01/motogp/bastianini-i-crashed-twice-in-the-same-spot-somethings-not-right.html?ref=stream">Bastianini: “I crashed twice in the same spot; something’s not right.”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/01/motogp/marini-they-wouldnt-have-penalized-fernandez-if-i-hadnt-complained.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/marini-box-mugello.jpg?itok=GMpPZozc" width="315" height="210" alt="Marini: “Fernandez? They wouldn’t have penalized him if I hadn’t complained”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-01T22:57:30+02:00" title="Monday, June 1, 2026 - 22:57">01 Jun - 22:57</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/01/motogp/marini-they-wouldnt-have-penalized-fernandez-if-i-hadnt-complained.html?ref=stream">Marini: “They wouldn’t have penalized Fernandez if I hadn’t complained”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/01/motogp/fast-by-prosecco-pernat-aprilia-dominated-at-mugello-ducatis-stronghold.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/cover-fat-eng.jpg?itok=3xf0oJ-5" width="315" height="210" alt="Fast By Prosecco, Pernat: “Aprilia dominated at Mugello, Ducati’s stronghold”" />

</a> 
    </div>
                                              <div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
                        <div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                          <svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M8 5v14l11-7z"/>
                          </svg>
                        </div>
                      </div>
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-01T18:16:51+02:00" title="Monday, June 1, 2026 - 18:16">01 Jun - 18:16</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/01/motogp/fast-by-prosecco-pernat-aprilia-dominated-at-mugello-ducatis-stronghold.html?ref=stream">Fast By Prosecco, Pernat: “Aprilia dominated at Mugello, Ducati’s stronghold”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/01/wsbk/aragon-the-good-the-bad-and-the-ugly.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/WSBK/generic/nico2.jpg?itok=7ZbGNwea" width="315" height="210" alt="Open" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-01T16:13:27+02:00" title="Monday, June 1, 2026 - 16:13">01 Jun - 16:13</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/01/wsbk/aragon-the-good-the-bad-and-the-ugly.html?ref=stream">Aragon: the Good, the Bad, and the Ugly</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/01/motogp/mugello-grand-prix-the-good-the-bad-and-the-ugly.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/06/MotoGP/generic/bbc-bezzecchi-mugello.jpg?itok=jL04MYK_" width="315" height="210" alt="Mugello Grand Prix: The Good, the Bad, and the Ugly" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-01T16:06:39+02:00" title="Monday, June 1, 2026 - 16:06">01 Jun - 16:06</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/01/motogp/mugello-grand-prix-the-good-the-bad-and-the-ugly.html?ref=stream">Mugello Grand Prix: the Good, the Bad, and the Ugly</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/01/motogp/crutchlow-half-the-race-yesterday-half-today-i-completed-a-full-race-just-like-in?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/crutchlow-mugello.jpg?itok=dwf0Q2w5" width="315" height="210" alt="Crutchlow: &quot;Half the race yesterday, half today—I did a full match, just like in soccer&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-01T09:36:42+02:00" title="Monday, June 1, 2026 - 09:36">01 Jun - 09:36</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/01/motogp/crutchlow-half-the-race-yesterday-half-today-i-completed-a-full-race-just-like-in?ref=stream">Crutchlow: &quot;Half the race yesterday, half today... I completed a full race, just like in soccer&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/06/01/motogp/toprak-iannone-is-still-fast-in-superbike-hed-always-be-in-the-top-5.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/toprak-mugello.jpg?itok=28pMTtT5" width="315" height="210" alt="Toprak: “Iannone is still fast; in Superbike, he’d always be in the top 5”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-06-01T09:11:00+02:00" title="Monday, June 1, 2026 - 09:11">01 Jun - 09:11</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/06/01/motogp/toprak-iannone-is-still-fast-in-superbike-hed-always-be-in-the-top-5.html?ref=stream">Toprak: “Iannone is still fast; in Superbike, he’d always be in the top 5”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/carlos-ezpeleta-we-have-four-ideas-for-improving-rider-safety.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/02/MotoGP/generic/carlos-ezpeleta-1772198544.jpg?itok=jN2VOH0O" width="315" height="210" alt="Carlos Ezpeleta: &quot;We have four ideas for improving safety in MotoGP&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T22:37:02+02:00" title="Sunday, May 31, 2026 - 22:37">31 May - 22:37</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/carlos-ezpeleta-we-have-four-ideas-for-improving-rider-safety.html?ref=stream">Carlos Ezpeleta: &quot;We have four ideas for improving rider safety&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/di-giannantonio-a-great-comeback-but-its-still-bugging-me-the-aprilia-has?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/2026-07-gp-italy-12217.jpeg?itok=nrBJK0uV" width="315" height="210" alt="Di Giannantonio: &quot;A great comeback, but it still bugs me. Aprilia has something extra.&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T21:56:17+02:00" title="Sunday, May 31, 2026 - 21:56">31 May - 21:56</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/di-giannantonio-a-great-comeback-but-its-still-bugging-me-the-aprilia-has?ref=stream">Di Giannantonio: &quot;A great comeback, but it’s still bugging me. The Aprilia has something extra.&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/rivola-happy-to-have-beaten-ducati-on-their-home-turf-yeah-im-thrilled.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/rivola-mugello-001.jpeg?itok=9H9wuvPT" width="315" height="210" alt="Rivola: &quot;Happy to have beaten Ducati on their home turf? Yeah, I&#039;m thrilled!&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T21:23:40+02:00" title="Sunday, May 31, 2026 - 21:23">31 May - 21:23</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/rivola-happy-to-have-beaten-ducati-on-their-home-turf-yeah-im-thrilled.html?ref=stream">Rivola: &quot;Happy to have beaten Ducati on their home turf? Yeah, I&#039;m thrilled!&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/wsbk/lecuona-ducati-has-shown-me-the-difference-between-me-and-bulega-its-nothing.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/WSBK/generic/iker1.jpg?itok=qCx5d2xL" width="315" height="210" alt="lecture" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T19:45:54+02:00" title="Sunday, May 31, 2026 - 19:45">31 May - 19:45</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/wsbk/lecuona-ducati-has-shown-me-the-difference-between-me-and-bulega-its-nothing.html?ref=stream">Lecuona: “Ducati has shown me the difference between me and Bulega. It’s nothing.”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/moreira-im-heading-home-from-mugello-with-a-kiss-from-marc-marquez.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/moreira-mugello.jpg?itok=QX6JaKow" width="315" height="210" alt="Moreira: “I’m heading home from Mugello with a kiss from Marc Marquez”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T19:13:52+02:00" title="Sunday, May 31, 2026 - 19:13">31 May - 19:13</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/moreira-im-heading-home-from-mugello-with-a-kiss-from-marc-marquez.html?ref=stream">Moreira: “I’m heading home from Mugello with a kiss from Marc Marquez”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/martin-im-improving-thanks-to-bezzecchi-im-working-three-times-as-hard-to-beat?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/podio-mugello.jpeg?itok=ty2SJdij" width="315" height="210" alt="Martin: “I’m improving thanks to Bezzecchi; I’m working three times as hard to beat him”" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T18:30:35+02:00" title="Sunday, May 31, 2026 - 18:30">31 May - 18:30</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/martin-im-improving-thanks-to-bezzecchi-im-working-three-times-as-hard-to-beat?ref=stream">Martin: “I’m improving thanks to Bezzecchi; I’m working three times as hard to beat him”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/wsbk/ducati-celebrates-another-win-in-supersport-at-aragon-masia-wins-after-comeback?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/WSBK/generic/masia.jpg?itok=DeYADvKY" width="315" height="210" alt="hair" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T18:29:46+02:00" title="Sunday, May 31, 2026 - 18:29">31 May - 18:29</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/wsbk/ducati-celebrates-another-win-in-supersport-at-aragon-masia-wins-after-comeback?ref=stream">Ducati celebrates another win in SuperSport at Aragon: Masia wins after comeback</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/wsbk/bulega-were-in-talks-with-vr46-but-its-not-a-done-deal-yet.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/WSBK/generic/bulega2_0.jpg?itok=Mk2B8-kg" width="315" height="210" alt="Open" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T18:22:42+02:00" title="Sunday, May 31, 2026 - 18:22">31 May - 18:22</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/wsbk/bulega-were-in-talks-with-vr46-but-its-not-a-done-deal-yet.html?ref=stream">Bulega: “We’re in talks with VR46, but it’s not a done deal yet”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/bagnaia-losing-the-podium-in-the-final-corner-would-have-been-an-emotional?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/bagnaia-bezzecchi-mugello.jpeg?itok=sgb1ujm9" width="315" height="210" alt="Bagnaia: &quot;Losing the podium in the final corner would have been a disaster&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T18:17:41+02:00" title="Sunday, May 31, 2026 - 18:17">31 May - 18:17</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/bagnaia-losing-the-podium-in-the-final-corner-would-have-been-an-emotional?ref=stream">Bagnaia: &quot;Losing the podium in the final corner would have been an emotional disaster&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/acosta-the-battle-with-marc-going-head-to-head-with-him-is-great-the-guy-never?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/acosta-mugello.jpg?itok=4zgbf4dS" width="315" height="210" alt="Acosta: &quot;The battle with Marc? It&#039;s great to go head-to-head with him—the guy never gives up!&quot; " />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T18:16:56+02:00" title="Sunday, May 31, 2026 - 18:16">31 May - 18:16</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/acosta-the-battle-with-marc-going-head-to-head-with-him-is-great-the-guy-never?ref=stream">Acosta: &quot;The battle with Marc? Going head-to-head with him is great. The guy never gives up.&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/marc-marquez-im-here-because-i-want-to-extend-my-career.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/2026-07-gp-italy-12245.jpeg?itok=IoiBhyav" width="315" height="210" alt="Marc Marquez: &quot;No one has told me I&#039;ll be back to my old self, but I&#039;m giving it a shot&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T17:49:43+02:00" title="Sunday, May 31, 2026 - 17:49">31 May - 17:49</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/marc-marquez-im-here-because-i-want-to-extend-my-career.html?ref=stream">Marc Marquez: &quot;I&#039;m here because I want to extend my career&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/bezzecchi-a-special-victory-at-mugello-zanardi-deserved-something-great.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/cover-bez_0.jpg?itok=Qm6BLO7b" width="315" height="210" alt="Marco Bezzecchi at Mugello" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T17:40:43+02:00" title="Sunday, May 31, 2026 - 17:40">31 May - 17:40</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/bezzecchi-a-special-victory-at-mugello-zanardi-deserved-something-great.html?ref=stream">Bezzecchi, a special victory at Mugello: “Zanardi deserved something great”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/live-at-bar-sport-at-6-30-p-m-aprilia-monster-at-mugello.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/cover-bs-sunday.jpg?itok=ouYZZla_" width="315" height="210" alt="LIVE at Bar Sport at 6:30 p.m. – Aprilia Monstro at Mugello!" />

</a> 
    </div>
                                              <div class="tw:absolute tw:top-3 tw:right-3 tw:z-40">
                        <div class="tw:w-8 tw:h-8 tw:bg-[#181817] tw:rounded-full tw:flex tw:items-center tw:justify-center tw:border-2 tw:border-white">
                          <svg class="tw:w-3.5 tw:h-3.5 tw:text-white tw:ml-0.5" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M8 5v14l11-7z"/>
                          </svg>
                        </div>
                      </div>
                        <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T16:30:18+02:00" title="Sunday, May 31, 2026 - 16:30">31 May - 16:30</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/live-at-bar-sport-at-6-30-p-m-aprilia-monster-at-mugello.html?ref=stream">LIVE at Bar Sport at 6:30 p.m. – Aprilia Monster at Mugello!</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/bezzecchi-pays-tribute-to-legendary-zanardi-at-mugello.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/cover-zanardi-agv.jpg?itok=7XRamCKt" width="315" height="210" alt="Bezzecchi pays tribute to the legend of Zanardi at Mugello" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T15:52:33+02:00" title="Sunday, May 31, 2026 - 15:52">31 May - 15:52</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/bezzecchi-pays-tribute-to-legendary-zanardi-at-mugello.html?ref=stream">Bezzecchi pays tribute to legendary Zanardi at Mugello</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/wsbk/bulega-twenty-is-a-nice-number-it-felt-like-we-were-on-sand.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/WSBK/generic/whatsapp-image-2026-05-30-at-17-50-53.jpeg?itok=Jg7RpYhr" width="315" height="210" alt="Open" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T15:29:36+02:00" title="Sunday, May 31, 2026 - 15:29">31 May - 15:29</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/wsbk/bulega-twenty-is-a-nice-number-it-felt-like-we-were-on-sand.html?ref=stream">Bulega: “Twenty is a nice number. It felt like we were on sand.&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/iannone-i-have-to-make-an-appeal-casey-stoner-race-with-me-these-bikes-dont-have?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/News/generic/iannone.jpg?itok=b7LbJYX2" width="315" height="210" alt="Iannone: &quot;I have to make an appeal: Casey Stoner, race with me! These bikes are useless!&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T14:32:13+02:00" title="Sunday, May 31, 2026 - 14:32">31 May - 14:32</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/iannone-i-have-to-make-an-appeal-casey-stoner-race-with-me-these-bikes-dont-have?ref=stream">Iannone: &quot;I have to make an appeal. Casey Stoner, race with me! These bikes don&#039;t have anything!&quot;</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/moreira-to-marquez-where-should-i-overtake-you-today-but-it-ended-with-hugs-and?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/moreira-marquez-mugello-001.jpg?itok=whHlo91J" width="315" height="210" alt="Marquez gives Moreira a photo of the pass he just made, with a dedication" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T13:54:28+02:00" title="Sunday, May 31, 2026 - 13:54">31 May - 13:54</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/moreira-to-marquez-where-should-i-overtake-you-today-but-it-ended-with-hugs-and?ref=stream">Moreira to Marquez: &quot;Where should I overtake you today?&quot; But it ended with hugs and kisses.</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/wsbk/bridewells-surprise-we-set-off-without-even-having-a-bike.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/WSBK/generic/tommy.jpg?itok=vR4U9yZS" width="315" height="210" alt="Bridewell" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13674">
      WSBK
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T13:49:00+02:00" title="Sunday, May 31, 2026 - 13:49">31 May - 13:49</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/wsbk/bridewells-surprise-we-set-off-without-even-having-a-bike.html?ref=stream">Bridewell’s surprise: “We set off without even having a bike”</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/mugello-marco-bezzecchi-holds-off-ducatis-in-warm-up.html?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/bezzecchi-action-mugello.jpg?itok=C3Bxpy8y" width="315" height="210" alt="Mugello: Marco Bezzecchi holds off the Ducatis in the Warm-Up" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T13:45:14+02:00" title="Sunday, May 31, 2026 - 13:45">31 May - 13:45</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/mugello-marco-bezzecchi-holds-off-ducatis-in-warm-up.html?ref=stream">Mugello: Marco Bezzecchi holds off Ducatis in warm-up</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/bezzecchi-secures-record-breaking-pole-position-at-mugello-with-aprilia-taking?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/bezzecchi-action.jpeg?itok=qHqY7bp6" width="315" height="210" alt="Bezzecchi secures a record-breaking pole position at Mugello, with Aprilia sweeping the front row" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T13:42:09+02:00" title="Sunday, May 31, 2026 - 13:42">31 May - 13:42</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/bezzecchi-secures-record-breaking-pole-position-at-mugello-with-aprilia-taking?ref=stream">Bezzecchi secures record-breaking pole position at Mugello, with Aprilia taking all three front-row positions</a>
    </h3>
  </div>
</article>
      <article class="tw:flex tw:flex-row tw:md:flex-col tw:w-full tw:md:w-[245px] tw:h-[100px] tw:md:h-[241px] tw:rounded-xl tw:bg-[#EAEFF4] tw:dark:bg-[#2B313A] tw:overflow-hidden tw:snap-start tw:group/card tw:shrink-0">
  
  <div class="tw:relative tw:w-[150px] tw:md:w-full tw:h-full tw:md:h-[163px] tw:shrink-0 tw:overflow-hidden tw:bg-black">
    <div class="tw:w-full tw:h-full [&_img]:tw:w-full [&_img]:tw:h-full [&_img]:tw:object-cover tw:transition-transform tw:duration-700 tw:group-hover/card:scale-110">
      <a href="/en/2026/05/31/motogp/crutchlow-at-the-start-i-was-thinking-im-back-and-five-corners-later-i-couldnt?ref=stream">  <img loading="lazy" src="/sites/default/files/styles/thumb_s_3_2/public/images/2026/article/foto/05/MotoGP/generic/2026-07-gp-italy-11877.JPG?itok=uS_VWx_4" width="315" height="210" alt="Crutchlow: &quot;At the start, I thought, &#039;I&#039;m back!&#039; But after five turns, I couldn&#039;t see them anymore.&quot;" />

</a> 
    </div>
                            <span class="tw:absolute tw:bottom-0 tw:left-3 tw:z-20 tw:px-1.5 tw:py-[3px] tw:text-xs tw:text-white tw:uppercase tag-id_13672">
      MotoGP
    </span>
  </div>

    <div class="tw:flex-1 tw:flex tw:flex-col tw:justify-center tw:items-start tw:px-3 tw:text-left tw:min-w-0">
          <span class="tw:block tw:mb-0.5 tw:text-[9px] tw:font-bold tw:text-gray-500 tw:dark:text-white/40 tw:uppercase">
        <time datetime="2026-05-31T11:55:07+02:00" title="Sunday, May 31, 2026 - 11:55">31 May - 11:55</time>

      </span>
        <h3 class="tw:text-sm tw:md:text-sm tw:font-semibold tw:text-[#181817] tw:dark:text-white tw:line-clamp-3 tw:md:line-clamp-2 tw:group-hover/card:tw:text-red-500 ">
      <a href="/en/2026/05/31/motogp/crutchlow-at-the-start-i-was-thinking-im-back-and-five-corners-later-i-couldnt?ref=stream">Crutchlow: &quot;At the start, I was thinking, &#039;I&#039;m back!&#039; and five corners later, I couldn&#039;t see them.&quot;</a>
    </h3>
  </div>
</article>
          </div>

        <div class="tw:w-full tw:mt-4 tw:py-0 tw:flex tw:justify-center tw:items-center tw:gap-12 tw:shrink-0">








                    <button @click="gponeMoveScroll('up'); flashUp = true; setTimeout(() => { flashUp = false; checkScroll(); }, 300)" 
                            :disabled="!canScrollUp"
                            :class="[
                                flashUp ? 'tw:!bg-[#E00000] tw:!text-white' : 'tw:bg-[#181817] tw:text-white tw:dark:bg-white tw:dark:text-[#181817]',
                                !canScrollUp ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
                            ]"
                            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
                        <i class="fa-solid fa-chevron-up tw:text-xs"></i>
                    </button>
                    <button @click="gponeMoveScroll('down'); flashDown = true; setTimeout(() => { flashDown = false; checkScroll(); }, 200)" 
                            :disabled="!canScrollDown"
                            :class="[
                                flashDown ? 'tw:!bg-[#E00000] tw:!text-white' : 'tw:bg-[#181817] tw:text-white tw:dark:bg-white tw:dark:text-[#181817]',
                                !canScrollDown ? 'tw:opacity-10 tw:cursor-not-allowed' : 'tw:opacity-100 tw:cursor-pointer'
                            ]"
                            class="tw:w-8 tw:h-8 tw:flex-shrink-0 tw:aspect-square tw:flex tw:items-center tw:justify-center tw:rounded-full tw:transition-transform tw:duration-150 tw:transform-gpu tw:[backface-visibility:hidden] tw:will-change-transform tw:hover:scale-110 tw:cursor-pointer tw:antialiased tw:ring-1 tw:ring-transparent">
                        <i class="fa-solid fa-chevron-down tw:text-xs"></i>
                    </button>




    </div>

  </div>
  <div class="tw:h-[25vh] tw:pointer-events-none"></div>
</div>

<script>
function gponeMoveScroll(dir) {
  const grid = document.getElementById('gpone-stream-grid');
    if (grid) {
        const scrollStep = grid.clientHeight;
        grid.scrollBy({ top: dir === 'up' ? -scrollStep : scrollStep, behavior: 'smooth' });
    }
}
</script></div>

  </div></div>

  </div><div data-drupal-messages-fallback class="hidden"></div>
<div class="views-element-container"><div class="tw:w-full js-view-dom-id-5a191d160721515310017d3e8a3085174846ee603bce96f4d16ba59c0d2f1d13">

    <div class="view-content"></div>

  </div></div>

  </div>

                </main>

                                            </div>
        </div>

            </div>

                <footer id="gpone-main-footer" class="tw:w-full tw:bg-black tw:text-white tw:pt-16">
            <div class="tw:mx-auto tw:max-w-[1920px] tw:px-4">
                    <nav class="tw:w-full" role="navigation" aria-labelledby="block-gpone-piedipagina-menu" id="block-gpone-piedipagina">
            
  <h2 class="visually-hidden" id="block-gpone-piedipagina-menu">Piè di pagina</h2>
  

        
<div class="tw:w-full tw:flex tw:flex-col tw:gap-12 tw:pb-14">
  
  <div class="tw:w-full tw:flex tw:flex-col tw:lg:flex-row tw:items-start tw:gap-8">
        <div class="tw:w-full tw:lg:w-1/4 tw:shrink-0">
      <a href="/" class="tw:block">
        <img src="/sites/default/files/logo-gpone.png" 
             alt="GPOne Logo" 
             class="tw:h-12 tw:w-auto tw:object-contain">
      </a>
    </div>

        <div class="tw:flex-1 tw:w-full">
              
            
    <div class="tw:grid tw:grid-cols-1 tw:md:grid-cols-3 tw:gap-8 tw:w-full">
      
              <div class="tw:flex tw:flex-col tw:gap-3">
          <ul class="tw:list-none tw:p-0 tw:m-0 tw:flex tw:flex-col tw:gap-2">
                          <li class="tw:w-full">
                <a href="/en/page/about-us" class="tw:text-white tw:hover:tw:opacity-80 tw:text-sm tw:tracking-wide tw:transition-all tw:block" data-drupal-link-system-path="node/204712">About Us</a>
              </li>
                          <li class="tw:w-full">
                <a href="/en/page/terms-of-use" class="tw:text-white tw:hover:tw:opacity-80 tw:text-sm tw:tracking-wide tw:transition-all tw:block" data-drupal-link-system-path="node/204715">Terms and Conditions</a>
              </li>
                          <li class="tw:w-full">
                <a href="/en/page/adv" class="tw:text-white tw:hover:tw:opacity-80 tw:text-sm tw:tracking-wide tw:transition-all tw:block" data-drupal-link-system-path="node/204714">Advertise with GPOne.com</a>
              </li>
                          <li class="tw:w-full">
                <a href="/en/page/privacy-policy" class="tw:text-white tw:hover:tw:opacity-80 tw:text-sm tw:tracking-wide tw:transition-all tw:block" data-drupal-link-system-path="node/204713">Privacy Policy</a>
              </li>
                      </ul>
        </div>
              <div class="tw:flex tw:flex-col tw:gap-3">
          <ul class="tw:list-none tw:p-0 tw:m-0 tw:flex tw:flex-col tw:gap-2">
                          <li class="tw:w-full">
                <a href="https://www.facebook.com/GPOnecom" target="_blank" title="Facebook" class="tw:text-white tw:hover:tw:opacity-80 tw:text-sm tw:tracking-wide tw:transition-all tw:block">Facebook</a>
              </li>
                          <li class="tw:w-full">
                <a href="https://www.youtube.com/gponedotcom" target="_blank" title="YouTube" class="tw:text-white tw:hover:tw:opacity-80 tw:text-sm tw:tracking-wide tw:transition-all tw:block">YouTube</a>
              </li>
                          <li class="tw:w-full">
                <a href="https://www.instagram.com/gponedotcom/" target="_blank" title="Instagram" class="tw:text-white tw:hover:tw:opacity-80 tw:text-sm tw:tracking-wide tw:transition-all tw:block">Instagram</a>
              </li>
                          <li class="tw:w-full">
                <a href="https://x.com/gponedotcom" target="_blank" class="tw:text-white tw:hover:tw:opacity-80 tw:text-sm tw:tracking-wide tw:transition-all tw:block">X</a>
              </li>
                      </ul>
        </div>
              <div class="tw:flex tw:flex-col tw:gap-3">
          <ul class="tw:list-none tw:p-0 tw:m-0 tw:flex tw:flex-col tw:gap-2">
                          <li class="tw:w-full">
                <span class="js-revoke-privacy tw:cursor-pointer tw:text-white tw:hover:tw:opacity-80 tw:text-sm tw:tracking-wide tw:transition-all tw:block">Privacy settings</span>
              </li>
                          <li class="tw:w-full">
                <a href="/en/archive" class="tw:text-white tw:hover:tw:opacity-80 tw:text-sm tw:tracking-wide tw:transition-all tw:block" data-drupal-link-system-path="archive">Archive</a>
              </li>
                      </ul>
        </div>
          </div>
  
    </div>
  </div>

    <div class="tw:w-full tw:pt-8 tw:border-t tw:border-white/10 tw:text-center">
    <p class="tw:text-white/50 tw:text-xs tw:font-medium tw:tracking-wide">
      ©2026 GPOne.com. Tutti i diritti riservati
    </p>
  </div>

</div>


  </nav>


            </div>
        </footer>
    </div>


  </div>


    

    <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"en\/","currentPath":"home","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1jksOwyAMRC9E4yMhCC6hNRjFpqG3b35Ss2g3o3kztmWPqjhb7JUFg70nWlHANWUrzeekxv8eiVhwdvSvplSeYpugdQ_XDXbdEghzq46GE02sXBAisV8vHVAnVpYlVTyCfR--1o6csytBzro2mWCTG3FMoynRUoqTeu5w8UbeopjBO0HzSrgI7Drs712DzKERfgD3Q29_","theme":"gpone","theme_token":null},"ajaxTrustedUrl":{"\/en\/home":true},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowDisplay":false,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":true,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":true,"extClass":"ext","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":".article-body-sections p,.page-body-sections p","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"0","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":true,"extIconPlacement":"append","extPreventOrphan":true,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":[],"extExcludeNoreferrer":""}},"views":{"ajax_path":"\/en\/views\/ajax","ajaxViews":{"views_dom_id:4a4ef121dc197c0cff055c709850d7349c5941276717d9d34f047a29d311d70f":{"view_name":"home_history_vertical","view_display_id":"block_1","view_args":"","view_path":"\/home","view_base_path":null,"view_dom_id":"4a4ef121dc197c0cff055c709850d7349c5941276717d9d34f047a29d311d70f","pager_element":0},"views_dom_id:a6e5d96efab5f9c6765926925e33129894426bb70143aa927226fea210651b16":{"view_name":"home_social_news","view_display_id":"block_1","view_args":"","view_path":"\/home","view_base_path":null,"view_dom_id":"a6e5d96efab5f9c6765926925e33129894426bb70143aa927226fea210651b16","pager_element":0},"views_dom_id:e79bdd97a88aa5c41da97de5ba029562140451629a0b6a73229acc918cbceea3":{"view_name":"home_cars_tech","view_display_id":"block_1","view_args":"","view_path":"\/home","view_base_path":null,"view_dom_id":"e79bdd97a88aa5c41da97de5ba029562140451629a0b6a73229acc918cbceea3","pager_element":0},"views_dom_id:0aaa53ab9a3aea155428ab3fd12a26ec1c581d473a9d0e1a8dd435e988116cfa":{"view_name":"home_bikes_gear","view_display_id":"block_1","view_args":"","view_path":"\/home","view_base_path":null,"view_dom_id":"0aaa53ab9a3aea155428ab3fd12a26ec1c581d473a9d0e1a8dd435e988116cfa","pager_element":0},"views_dom_id:32fe78fc267156972b00c931565b1e8b5170d9bb6b8ae7f2799ba728e2d7fb61":{"view_name":"home_race","view_display_id":"block_1","view_args":"","view_path":"\/home","view_base_path":null,"view_dom_id":"32fe78fc267156972b00c931565b1e8b5170d9bb6b8ae7f2799ba728e2d7fb61","pager_element":0},"views_dom_id:f0d19b1ea98d13959c89ab956db3b3e03aad131e4156bca8c1e5aa002fefd543":{"view_name":"home_latest_videos","view_display_id":"homelatestvideos","view_args":"","view_path":"\/home","view_base_path":null,"view_dom_id":"f0d19b1ea98d13959c89ab956db3b3e03aad131e4156bca8c1e5aa002fefd543","pager_element":0},"views_dom_id:e6edac9cd58ba4ab5663c0e707d70ea636686aab624347770e6f9ecbe2b6cfa9":{"view_name":"home_standing_inline_card","view_display_id":"block_1","view_args":"","view_path":"\/home","view_base_path":null,"view_dom_id":"e6edac9cd58ba4ab5663c0e707d70ea636686aab624347770e6f9ecbe2b6cfa9","pager_element":0},"views_dom_id:49c0ca1c7d518d78f43fb7e900f301d16f64135b2babab25d30f4f1216632040":{"view_name":"next_race","view_display_id":"block_1","view_args":"","view_path":"\/home","view_base_path":null,"view_dom_id":"49c0ca1c7d518d78f43fb7e900f301d16f64135b2babab25d30f4f1216632040","pager_element":0},"views_dom_id:afb7478192f7097399cf911f8b67d5275063948aa4121c688d93e61f2064fcc9":{"view_name":"highlights","view_display_id":"highlights","view_args":"","view_path":"\/home","view_base_path":null,"view_dom_id":"afb7478192f7097399cf911f8b67d5275063948aa4121c688d93e61f2064fcc9","pager_element":0}}},"better_exposed_filters":{"autosubmit_exclude_textfield":false},"ckeditor5Premium":{"isMediaInstalled":false},"user":{"uid":0,"permissionsHash":"fb3e4bb1319a057eccb7f95afb28a2c725652969c698777f6eb51894c7b24479"}}</script>
<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
<script src="/sites/default/files/js/js_0-IAi0Isq0R2A77UTodr30FwRRdbQtlycuC2t6qlvrQ.js?scope=footer&amp;delta=1&amp;language=en&amp;theme=gpone&amp;include=eJx1jF0OwyAMgy_EypEiKBllDSQisHL89U_ay_Zi5bMde2wNK-AQVgzwTLSjWtcbg3afUzP-dyViweroX0yprApdEdzLDYOjHY4NtYuj6UYThQvaSOz3pQtk4ca6JcHLOP_t94SZc3Yl6B1L18Ue8iCOaTbvhJvaU6ej_wFFqln0"></script>
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
<script src="/themes/custom/gpone/js/photoswipe-init.js?v=5.4.4" type="module" defer></script>
<script src="/sites/default/files/js/js_6wtFU1sRoqvOeZlkS5s43VCcWukoHig3SILKBymfoJQ.js?scope=footer&amp;delta=4&amp;language=en&amp;theme=gpone&amp;include=eJx1jF0OwyAMgy_EypEiKBllDSQisHL89U_ay_Zi5bMde2wNK-AQVgzwTLSjWtcbg3afUzP-dyViweroX0yprApdEdzLDYOjHY4NtYuj6UYThQvaSOz3pQtk4ca6JcHLOP_t94SZc3Yl6B1L18Ue8iCOaTbvhJvaU6ej_wFFqln0"></script>
<script src="/modules/custom/gpone_ajax/js/gpone_ajax_commands.js?tgbkaz" defer></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-app-compat.js" defer></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-messaging-compat.js" defer></script>
<script src="/modules/custom/gpone_push/js/push.js?tgbkaz" defer></script>
<script src="/sites/default/files/js/js_IB2jG0Nu5tcHo_XeyXqMZXSU544BB7fGVtXv6rYLmbQ.js?scope=footer&amp;delta=9&amp;language=en&amp;theme=gpone&amp;include=eJx1jF0OwyAMgy_EypEiKBllDSQisHL89U_ay_Zi5bMde2wNK-AQVgzwTLSjWtcbg3afUzP-dyViweroX0yprApdEdzLDYOjHY4NtYuj6UYThQvaSOz3pQtk4ca6JcHLOP_t94SZc3Yl6B1L18Ue8iCOaTbvhJvaU6ej_wFFqln0"></script>


  



 
  <link rel="stylesheet" href="https://cdn.exmarketplace.com/bidder/gpone/gpone_style.css">
           





  <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0906cb43a58049c',t:'MTc4MTAxMTEzMQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>