CINXE.COM

<!DOCTYPE html> <html lang="en" class="scroll-smooth"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>MUNDIAL</title> <meta name="HandheldFriendly" content="True" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="theme-color" content="#219161"> <style> /* RudiDilMono */ @font-face { font-family: 'Rudi Dil Mono'; src: url('https://www.goal.com/mundial/assets/src/fonts/RudiDilMono.woff2?v=34438bf408') format('woff2'); font-weight: 400; font-style: normal; font-stretch: normal; font-display: swap; } /* SantEliaSans */ @font-face { font-family: 'Sant Elia Sans'; src: url('https://www.goal.com/mundial/assets/src/fonts/SantEliaSans.woff2?v=34438bf408') format('woff2'); font-weight: 700; font-style: normal; font-stretch: normal; font-display: swap; } /* PublicSans */ @font-face { font-family: 'Public Sans'; src: url('https://www.goal.com/mundial/assets/src/fonts/PublicSans-Regular.woff2?v=34438bf408') format('woff2'); font-weight: 400; font-style: normal; font-stretch: normal; font-display: swap; } /* PublicSans */ @font-face { font-family: 'Public Sans'; src: url('https://www.goal.com/mundial/assets/src/fonts/PublicSans-Medium.woff2?v=34438bf408') format('woff2'); font-weight: 500; font-style: normal; font-stretch: normal; font-display: swap; } /* PublicSans */ @font-face { font-family: 'Public Sans'; src: url('https://www.goal.com/mundial/assets/src/fonts/PublicSans-SemiBold.woff2?v=34438bf408') format('woff2'); font-weight: 600; font-style: normal; font-stretch: normal; font-display: swap; } /* PublicSans */ @font-face { font-family: 'Public Sans'; src: url('https://www.goal.com/mundial/assets/src/fonts/PublicSans-Bold.woff2?v=34438bf408') format('woff2'); font-weight: 700; font-style: normal; font-stretch: normal; font-display: swap; } /* PublicSans */ @font-face { font-family: 'Public Sans'; src: url('https://www.goal.com/mundial/assets/src/fonts/PublicSans-ExtraBold.woff2?v=34438bf408') format('woff2'); font-weight: 800; font-style: normal; font-stretch: normal; font-display: swap; } /* PublicSans */ @font-face { font-family: 'Public Sans'; src: url('https://www.goal.com/mundial/assets/src/fonts/PublicSans-Black.woff2?v=34438bf408') format('woff2'); font-weight: 900; font-style: normal; font-stretch: normal; font-display: swap; } </style> <script type="module" src="https://www.goal.com/mundial/assets/built/app.js?v=34438bf408"></script> <link rel="stylesheet" type="text/css" href="https://www.goal.com/mundial/assets/built/app.css?v=34438bf408" /> <script> // Global values needed const themeGlobal = { siteUrl: 'https://www.goal.com/mundial', currentPage: parseInt('1'), nextPage: parseInt('2'), nextPageLink: '', maxPages: parseInt('16'), lastPage: `1` === `16` ? true : false, postsPerPage: parseInt('12'), total: parseInt('190'), printSubscriptionUrl: 'https://mundialmag.com/products/print-digital-subscription?variant=45689147326676' } function hexToRgb(hexColor) { if (hexColor.slice(0, 1) === '#') { hexColor = hexColor.slice(1); } if (hexColor.length === 3) { hexColor = hexColor.split('').map(function (hex) { return hex + hex;}).join(''); } const r = parseInt(hexColor.substr(0,2),16); const g = parseInt(hexColor.substr(2,2),16); const b = parseInt(hexColor.substr(4,2),16); return [r,g,b] } // Get contrast color; function getColorContrast(hexColor) { const rgb = hexToRgb(hexColor); let yiq = ((rgb[0] * 299) + (rgb[1] * 587) + (rgb[2] * 114)) / 1000; const colorContrast = (yiq >= 128) ? 'dark' : 'light'; // return return colorContrast }; function hexToHsl(hexColor) { const rgb = hexToRgb(hexColor); // Make r, g, and b fractions of 1 const r = rgb[0]/255; const g = rgb[1]/255; const b = rgb[2]/255; const max = Math.max(r, g, b), min = Math.min(r, g, b); let h, s, l = (max + min) / 2; if ( max == min ) { h = s = 0; } else { let d = max - min; s = l > 0.5 ? d / (2 - max - min) : d / (max + min); switch(max){ case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; } h /= 6; } return [Math.round(h * 360),Math.round(s * 100),Math.round(l * 100)] } function setBrandHSL(hex) { const colorHsl = hexToHsl(hex) document.documentElement.style.setProperty('--color-brand-hsl', `${colorHsl[0]} ${colorHsl[1]}% ${colorHsl[2]}%`); document.documentElement.style.setProperty('--color-brand-contrast', getColorContrast(hex) === 'dark' ? `hsl(${colorHsl[0]} ${colorHsl[1]}% 10%)` : `hsl(${colorHsl[0]} ${colorHsl[1]}% 95%)`); } setBrandHSL("#219161"); </script> <style>iframe[title="portal-trigger"] { display: none; }</style> <meta name="description" content="The best football writing on the planet. One brilliant article a day. Every day."> <link rel="icon" href="https://www.goal.com/mundial/content/images/size/w256h256/2024/09/Mundial-M-logo.png" type="image/png"> <link rel="canonical" href="https://www.goal.com/mundial/"> <meta name="referrer" content="no-referrer-when-downgrade"> <link rel="next" href="https://www.goal.com/mundial/page/2/"> <meta property="og:site_name" content="MUNDIAL"> <meta property="og:type" content="website"> <meta property="og:title" content="MUNDIAL"> <meta property="og:description" content="Reminding you why you love football. One brilliant article a day. Every day."> <meta property="og:url" content="https://www.goal.com/mundial/"> <meta property="og:image" content="https://www.goal.com/mundial/content/images/size/w1200/2024/10/SITE_SHARING-1.jpg"> <meta property="article:publisher" content="https://www.facebook.com/MundialMag"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="MUNDIAL"> <meta name="twitter:description" content="Reminding you why you love football. One brilliant article a day. Every day."> <meta name="twitter:url" content="https://www.goal.com/mundial/"> <meta name="twitter:image" content="https://www.goal.com/mundial/content/images/size/w1200/2024/10/SITE_SHARING.jpg"> <meta name="twitter:site" content="@MundialMag"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="675"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "publisher": { "@type": "Organization", "name": "MUNDIAL", "url": "https://www.goal.com/mundial/", "logo": { "@type": "ImageObject", "url": "https://www.goal.com/mundial/content/images/2024/09/MUNDIAL.svg", "width": 160, "height": 44 } }, "url": "https://www.goal.com/mundial/", "name": "MUNDIAL", "image": { "@type": "ImageObject", "url": "https://www.goal.com/mundial/content/images/size/w1200/2024/10/SITE_SHARING-2.jpg", "width": 1200, "height": 675 }, "mainEntityOfPage": "https://www.goal.com/mundial/", "description": "The best football writing on the planet. One brilliant article a day. Every day." } </script> <meta name="generator" content="Ghost 5.115"> <link rel="alternate" type="application/rss+xml" title="MUNDIAL" href="https://www.goal.com/mundial/rss/"> <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.50/umd/portal.min.js" data-i18n="true" data-ghost="https://www.goal.com/mundial/" data-key="32ce6c4eee44d0b4b77e932cbd" data-api="https://mundial.ghost.io/mundial/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content, .gh-post-upgrade-cta { display: flex; flex-direction: column; align-items: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; width: 100%; color: #ffffff; font-size: 16px; } .gh-post-upgrade-cta-content { border-radius: 8px; padding: 40px 4vw; } .gh-post-upgrade-cta h2 { color: #ffffff; font-size: 28px; letter-spacing: -0.2px; margin: 0; padding: 0; } .gh-post-upgrade-cta p { margin: 20px 0 0; padding: 0; } .gh-post-upgrade-cta small { font-size: 16px; letter-spacing: -0.2px; } .gh-post-upgrade-cta a { color: #ffffff; cursor: pointer; font-weight: 500; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a:hover { color: #ffffff; opacity: 0.8; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a.gh-btn { display: block; background: #ffffff; text-decoration: none; margin: 28px 0 0; padding: 8px 18px; border-radius: 4px; font-size: 16px; font-weight: 600; } .gh-post-upgrade-cta a.gh-btn:hover { opacity: 0.92; }</style><script async src="https://js.stripe.com/v3/"></script> <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/sodo-search.min.js" data-key="32ce6c4eee44d0b4b77e932cbd" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/main.css" data-sodo-search="https://mundial.ghost.io/mundial/" data-locale="en" crossorigin="anonymous"></script> <link href="https://www.goal.com/mundial/webmentions/receive/" rel="webmention"> <script defer src="/mundial/public/cards.min.js?v=34438bf408"></script> <link rel="stylesheet" type="text/css" href="/mundial/public/cards.min.css?v=34438bf408"> <script defer src="/mundial/public/member-attribution.min.js?v=34438bf408"></script><style>:root {--ghost-accent-color: #219161;}</style> <meta name="robots" content="max-image-preview:standard" /> <script defer data-domain="goal.com" src="https://plausible.io/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script> <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script> <script>"use strict";function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}!function(){var t=function(){var t,e,o=[],n=window,r=n;for(;r;){try{if(r.frames.__tcfapiLocator){t=r;break}}catch(t){}if(r===n.top)break;r=r.parent}t||(!function t(){var e=n.document,o=!!n.frames.__tcfapiLocator;if(!o)if(e.body){var r=e.createElement("iframe");r.style.cssText="display:none",r.name="__tcfapiLocator",e.body.appendChild(r)}else setTimeout(t,5);return!o}(),n.__tcfapi=function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(!n.length)return o;"setGdprApplies"===n[0]?n.length>3&&2===parseInt(n[1],10)&&"boolean"==typeof n[3]&&(e=n[3],"function"==typeof n[2]&&n[2]("set",!0)):"ping"===n[0]?"function"==typeof n[2]&&n[2]({gdprApplies:e,cmpLoaded:!1,cmpStatus:"stub"}):o.push(n)},n.addEventListener("message",(function(t){var e="string"==typeof t.data,o={};if(e)try{o=JSON.parse(t.data)}catch(t){}else o=t.data;var n="object"===_typeof(o)&&null!==o?o.__tcfapiCall:null;n&&window.__tcfapi(n.command,n.version,(function(o,r){var a={__tcfapiReturn:{returnValue:o,success:r,callId:n.callId}};t&&t.source&&t.source.postMessage&&t.source.postMessage(e?JSON.stringify(a):a,"*")}),n.parameter)}),!1))};"undefined"!=typeof module?module.exports=t:t()}();</script> <script> window._sp_queue = []; window._sp_ = { config: { accountId: 1839, baseEndpoint: "https://cdn.privacy-mgmt.com", gdpr: {}, events: { onConsentReady: function (consentUUID, euconsent) { window.__tcfapi?.("addEventListener", 2, (tcdata) => { window.dataLayer = window.dataLayer || []; if (tcdata.gdprApplies) { window.__tcfapi("getCustomVendorConsents", 2, (data) => { window.dataLayer.push({ event: "SourcePointLoaded", consentedPurposes: data && Array.isArray(data.consentedPurposes) ? data.consentedPurposes .map((purpose) => purpose.name) .join(",") : "", consentedVendors: data && Array.isArray(data.consentedVendors) ? data.consentedVendors .map((vendor) => vendor.name) .join(",") : "", }); }); } }); }, }, }, }; </script> <script src="https://cdn.privacy-mgmt.com/unified/wrapperMessagingWithoutDetection.js" async ></script> <script> window.__tcfapi?.("addEventListener", 2, (tcdata) => { if (!tcdata.gdprApplies) { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "NonGDPRSourcePointLoaded", }); } }); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TV9BHHW');</script>  </head> <body class="home-template subpixel-antialiased relative overflow-x-hidden bg-bgr text-typ " x-data="{ menuOpen: false }" :class="menuOpen ? 'overflow-hidden' : 'overflow-y-auto'" data-user="visitor" @keydown.escape="menuOpen = false" @keydown.cmk.k="document.querySelector('[data-ghost-search]').click()" x-init="navigator.platform.includes('Win') && document.body.classList.add('is-win')"> <section class="px-5 sm:px-6 bg-sea-green sticky top-0 z-[50]" data-announce> <div class="max-w-container mx-auto"> <a href="https://www.goal.com/mundial/membership" class="text-sm md:text-base py-3 md:py-4 flex flex-wrap justify-center md:justify-between text-white [&>p:nth-child(1)]:hidden md:[&>p:nth-child(1)]:block" data-announce-content> <p><strong>One piece of brilliant football writing a day, every day</strong></p><p>Subscribe to <strong>MUNDIAL</strong> ▶</p> </a> </div> </section> <header class="px-5 sm:px-6 sticky top-0 z-[50] py-8 text-typ whitespace-nowrap transition-all duration-300" data-header x-data="{ isScrolled: false, isScrolledOnload: false }" @scroll.window="isScrolled = (window.pageYOffset <= 0) ? false : true;window.pageYOffset <= 0 ? isScrolledOnload = false : null" :class="[ isScrolled ? 'is-scrolled bg-[rgba(0,0,0,0.25)] backdrop-blur [&_.icon]:size-6 [&_[data-brand]]:hidden !py-4 top-11 md:top-14' : 'bg-transparent', isScrolledOnload ? 'is-scrolled-onload' : '',]"> <div class="max-w-container mx-auto flex items-center justify-center gap-2 relative"> <div class="flex-1 flex gap-2"> <button class="" data-ghost-search aria-label="Search"> <i class="icon icon-search size-6 md:size-7 stroke-2"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" stroke="white" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 17.5L24.5 24.5M11.6667 19.8333C7.15634 19.8333 3.5 16.177 3.5 11.6667C3.5 7.15634 7.15634 3.5 11.6667 3.5C16.177 3.5 19.8333 7.15634 19.8333 11.6667C19.8333 16.177 16.177 19.8333 11.6667 19.8333Z" stroke="inherit" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/> </svg> </i> </button> </div> <div class="flex items-center justify-center" data-header-brand> <a class="" href="https://www.goal.com/mundial" data-brand> <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1601.23 485.89" class="h-8 md:h-11"> <defs> <style> .cls-1 { fill: #eff0e4; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2 { fill: #000; } </style> </defs> <g id="BACK_PLATE" data-name="BACK PLATE"> <path class="cls-1" d="M1421,279.62V3.54h-92.3v82.31c-5.14-18.12-15.13-35.19-29.14-49.2-21.54-21.54-50.52-33.69-79.32-33.1-28.91-.49-57.8,11.57-79.34,33.1-13.99,13.99-23.97,31.09-29.11,49.25V3.54h-92.3v82.31c-5.14-18.12-15.13-35.19-29.14-49.2-21.62-21.62-50.54-33.67-79.38-33.1h-112.33v82.31c-5.14-18.12-15.13-35.19-29.14-49.2-21.64-21.64-50.55-33.7-79.36-33.1-51.72.03-95.39,35.17-108.4,82.83V3.54h-92.3v255.97c0,11.09-9.02,20.11-20.11,20.11s-20.11-9.02-20.11-20.11V3.54h-92.3v82.31c-5.14-18.12-15.13-35.19-29.14-49.21C306.16,15.03,277.23,2.98,248.42,3.54c-23.73.01-47.08,7.66-66.21,21.6C163.07,11.19,139.7,3.54,115.95,3.54,53.97,3.54,3.54,53.97,3.54,115.95v255.97h92.3V115.95c0-11.09,9.02-20.11,20.11-20.11s20.11,9.02,20.11,20.11v255.97h92.3V115.95c0-11.09,9.02-20.11,20.11-20.11s20.11,9.02,20.11,20.11v255.97h92.3v-82.83c13.02,47.68,56.7,82.83,108.45,82.83s95.43-35.15,108.45-82.83v82.83h92.3V115.95c0-11.09,9.02-20.11,20.11-20.11s20.11,9.02,20.11,20.11v255.97h200.75c51.75,0,95.43-35.15,108.45-82.83v82.83h180.64v-110.43s40.21,0,40.21,0v110.43h246.9v-92.3h-66.26Z"/> </g> <g id="MAIN_SHAPE" data-name="MAIN SHAPE"> <g> <path class="cls-2" d="M1220.25,66.26c-27.44,0-49.69,22.25-49.69,49.69v82.82s0,0,0,0h0s99.39,0,99.39,0h0v-82.82c0-27.44-22.25-49.69-49.69-49.69ZM1258.9,187.73h-77.3v-71.78c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v71.78Z"/> <path class="cls-2" d="M1220.25,88.34c-15.25,0-27.61,12.36-27.61,27.61v60.74s0,0,0,0h0s55.21,0,55.21,0h0v-60.74c0-15.25-12.36-27.61-27.61-27.61Z"/> <path class="cls-2" d="M938.65,115.95c0-15.25-12.36-27.61-27.61-27.61h-27.61v198.77h27.61c15.25,0,27.61-12.36,27.61-27.61V115.95Z"/> <path class="cls-2" d="M960.74,259.51V115.95c0-27.44-22.25-49.69-49.69-49.69h-49.69v242.95h49.69c27.44,0,49.69-22.25,49.69-49.69ZM872.4,298.16V77.3h38.65c21.35,0,38.65,17.3,38.65,38.65v143.56c0,21.35-17.3,38.65-38.65,38.65h-38.65Z"/> <path class="cls-2" d="M839.27,331.29h71.78c39.64,0,71.78-32.14,71.78-71.78V115.95c0-39.64-32.14-71.78-71.78-71.78h-71.78v287.12ZM850.31,55.22h60.74c33.54,0,60.74,27.19,60.74,60.74v143.56c0,33.54-27.19,60.74-60.74,60.74h-60.74s0-265.03,0-265.03Z"/> <path class="cls-2" d="M911.05,22.09h-93.87s0,331.29,0,331.29h93.87c51.84,0,93.87-42.03,93.87-93.87V115.95c0-51.84-42.02-93.87-93.87-93.87ZM993.87,259.51c0,45.74-37.08,82.82-82.82,82.82h-82.82s0-309.2,0-309.2h82.82c45.74,0,82.82,37.08,82.82,82.82v143.56Z"/> <path class="cls-2" d="M911.05,0h-115.95v57.06l-19.22-19.22C754.67,14.59,724.13,0,690.19,0c-29.21,0-55.89,10.8-76.28,28.63L585.28,0h-99.39v33.13L452.76,0h-99.39v57.06l-19.22-19.22C312.95,14.59,282.41,0,248.47,0,223.83,0,200.99,7.68,182.21,20.79,163.43,7.68,140.59,0,115.95,0,51.91,0,0,51.91,0,115.95v259.51l110.43,110.43h99.39v-33.13l33.13,33.13h99.39v-33.13l33.13,33.13h99.39v-57.06l19.26,19.26c30.89,34.67,83.15,47.18,126.44,30.41,13.06-4.91,25-12.11,35.33-21.1l28.48,28.48h99.69v-32.82l32.82,32.82h176.69,0c.1,0,.21,0,.31,0,36.16,0,68.45-16.55,89.72-42.49l42.49,42.49h188.04v-32.82l32.82,32.82h254.3v-99.39l-66.26-66.26V110.43L1424.55,0h-99.39v57.06l-19.22-19.22c-40.23-46.1-116.72-50.52-161.97-9.21L1115.34,0h-99.39v57.06l-19.22-19.22C975.53,14.59,944.99,0,911.05,0h0ZM911.05,11.04c56.26-1.2,106.11,48.65,104.91,104.91v143.56c0,57.94-46.97,104.91-104.91,104.91h-104.91V11.04h104.91ZM154.6,364.42h-11.04V115.95c0-15.25-12.36-27.61-27.61-27.61s-27.61,12.36-27.61,27.61v248.47h-11.04V115.95c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v248.47ZM176.69,364.42h-11.04V115.95c0-27.44-22.25-49.69-49.69-49.69s-49.69,22.25-49.69,49.69v248.47h-11.04V115.95c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v248.47ZM287.12,364.42h-11.04V115.95c0-15.25-12.36-27.61-27.61-27.61s-27.61,12.36-27.61,27.61v248.47h-11.04V115.95c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v248.47ZM309.2,364.42h-11.04V115.95c0-27.44-22.25-49.69-49.69-49.69s-49.69,22.25-49.69,49.69v248.47h-11.04V115.95c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v248.47ZM331.29,364.42h-11.04V115.95c0-39.64-32.14-71.78-71.78-71.78-29.84,0-55.43,18.21-66.26,44.13-10.83-25.92-36.41-44.13-66.26-44.13-39.64,0-71.78,32.14-71.78,71.78v248.47h-11.04V115.95c0-45.74,37.08-82.82,82.82-82.82,27.09,0,51.15,13.01,66.26,33.12,15.11-20.11,39.16-33.12,66.26-33.12,45.74,0,82.82,37.08,82.82,82.82v248.47ZM353.38,364.42h-11.04V115.95c0-51.84-42.02-93.87-93.87-93.87-25.86,0-49.28,10.46-66.26,27.38-16.98-16.92-40.4-27.38-66.26-27.38-51.84,0-93.87,42.02-93.87,93.87v248.47h-11.04V115.95C11.04,58.01,58.01,11.04,115.95,11.04c25.13,0,48.19,8.84,66.26,23.57,18.07-14.73,41.13-23.57,66.26-23.57,56.26-1.2,106.11,48.65,104.91,104.91v248.47ZM430.68,11.04h11.04v248.47c0,15.25,12.36,27.61,27.61,27.61s27.61-12.36,27.61-27.61V11.04h11.04v248.47c0,21.35-17.3,38.65-38.65,38.65s-38.65-17.3-38.65-38.65V11.04ZM408.59,11.04h11.04v248.47c0,27.44,22.25,49.69,49.69,49.69s49.69-22.25,49.69-49.69V11.04h11.04v248.47c0,33.54-27.19,60.74-60.74,60.74s-60.74-27.19-60.74-60.74V11.04ZM386.5,11.04h11.04v248.47c0,39.64,32.14,71.78,71.78,71.78s71.78-32.14,71.78-71.78V11.04h11.04v248.47c0,45.74-37.08,82.82-82.82,82.82s-82.82-37.08-82.82-82.82V11.04ZM574.24,259.51c0,57.94-46.97,104.91-104.91,104.91s-104.91-46.97-104.91-104.91V11.04h11.04v248.47c0,51.84,42.02,93.87,93.87,93.87s93.87-42.02,93.87-93.87V11.04h11.04v248.47ZM728.84,364.42h-11.04V115.95c0-15.25-12.36-27.61-27.61-27.61s-27.61,12.36-27.61,27.61v248.47h-11.04V115.95c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v248.47ZM750.92,364.42h-11.04V115.95c0-27.44-22.25-49.69-49.69-49.69s-49.69,22.25-49.69,49.69v248.47h-11.04V115.95c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v248.47ZM773.01,364.42h-11.04V115.95c0-39.64-32.14-71.78-71.78-71.78s-71.78,32.14-71.78,71.78v248.47h-11.04V115.95c0-45.74,37.08-82.82,82.82-82.82s82.82,37.08,82.82,82.82v248.47ZM795.09,364.42h-11.04V115.95c0-51.84-42.02-93.87-93.87-93.87s-93.87,42.02-93.87,93.87v248.47h-11.04V115.95c0-57.94,46.97-104.91,104.91-104.91,56.26-1.2,106.11,48.65,104.91,104.91v248.47ZM1038.04,364.42h-11.04V11.04h11.04v353.38ZM1060.13,364.42h-11.04V11.04h11.04v353.38ZM1082.21,364.42h-11.04V11.04h11.04v353.38ZM1104.3,364.42h-11.04V11.04h11.04v353.38ZM1258.9,364.42h-11.04v-110.43h0s-55.22,0-55.22,0h0s0,110.43,0,110.43h-11.04v-121.47h77.3v121.47ZM1280.99,364.42h-11.04v-132.52h0s-99.39,0-99.39,0h0s0,132.52,0,132.52h-11.04v-143.56h121.47v143.56ZM1280.99,209.82h-121.47v-93.87c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v93.87ZM1303.07,364.42h-11.04V115.95c0-39.64-32.14-71.78-71.78-71.78s-71.78,32.14-71.78,71.78v248.47h-11.04V115.95c0-45.74,37.08-82.82,82.82-82.82s82.82,37.08,82.82,82.82v248.47ZM1325.16,364.42h-11.04V115.95c0-51.84-42.02-93.87-93.87-93.87s-93.87,42.02-93.87,93.87v248.47h-11.04V115.95c-1.05-56.61,48.57-105.96,104.91-104.91,56.25-1.21,106.12,48.65,104.91,104.91v248.47ZM1479.76,364.42h-143.56V11.04h11.04v342.33s132.52,0,132.52,0v11.04ZM1479.76,342.33h-121.47V11.04h11.04v320.25s110.43,0,110.43,0v11.04ZM1479.76,320.25h-99.39V11.04h11.04v298.16s88.34,0,88.34,0v11.04ZM1479.76,298.16h-77.3V11.04h11.04v276.07h66.26s0,11.04,0,11.04Z"/> </g> </g> </svg> </a> </div> <div class="flex-1 flex gap-2 md:gap-3 items-center justify-end" data-header-actions x-data="{ shareOpen: false }" > <a href="https://www.goal.com/mundial/signup/" class="flex p-0.5 relative" aria-label="Member"> <i class="icon icon-user size-6 md:size-7 stroke-[2.25]"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" stroke="white" xmlns="http://www.w3.org/2000/svg"> <path d="M26.6663 28C26.6663 24.3181 21.8907 21.3333 15.9997 21.3333C10.1086 21.3333 5.33301 24.3181 5.33301 28M15.9997 17.3333C12.3178 17.3333 9.33301 14.3486 9.33301 10.6667C9.33301 6.98477 12.3178 4 15.9997 4C19.6816 4 22.6663 6.98477 22.6663 10.6667C22.6663 14.3486 19.6816 17.3333 15.9997 17.3333Z" stroke="inheirt" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/> </svg> </i> </a> <button class="flex" data-menu-toggle aria-label="Menu toggle" aria-expanded="false" aria-haspopup="true" aria-controls="menu" @click="menuOpen = !menuOpen; event.currentTarget.setAttribute('aria-expanded', menuOpen);" > <i class="icon icon-hamburger size-7 md:size-8 stroke-2"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" stroke="white" xmlns="http://www.w3.org/2000/svg"> <path d="M5.83337 19.8334H22.1667M5.83337 14H22.1667M5.83337 8.16669H22.1667" stroke="inherit" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/> </svg> </i> </button> </div> </div> </header> <div class=" fixed z-[50] top-0 right-0 h-dvh w-full text-typ bg-[rgba(0,0,0,0.5)] md:bg-bgr transition-all -translate-y-full invisible opacity-0" :class="menuOpen ? '!translate-y-0 !visible !opacity-100' : '-translate-y-full invisible opacity-0'" data-menu id="menu" > <div class="px-5 sm:px-6 pt-8 ml-auto mr-0 max-w-[90vw] md:max-w-none bg-white"> <div class="max-w-container mx-auto relative z-[51]"> <div class="flex gap-8 justify-between mb-12 h-8 md:h-11 md:mb-24"> <a class="hidden md:block" href="https://www.goal.com/mundial" data-brand> <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1601.23 485.89" class="h-8 md:h-11"> <defs> <style> .cls-1 { fill: #eff0e4; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2 { fill: #000; } </style> </defs> <g id="BACK_PLATE" data-name="BACK PLATE"> <path class="cls-1" d="M1421,279.62V3.54h-92.3v82.31c-5.14-18.12-15.13-35.19-29.14-49.2-21.54-21.54-50.52-33.69-79.32-33.1-28.91-.49-57.8,11.57-79.34,33.1-13.99,13.99-23.97,31.09-29.11,49.25V3.54h-92.3v82.31c-5.14-18.12-15.13-35.19-29.14-49.2-21.62-21.62-50.54-33.67-79.38-33.1h-112.33v82.31c-5.14-18.12-15.13-35.19-29.14-49.2-21.64-21.64-50.55-33.7-79.36-33.1-51.72.03-95.39,35.17-108.4,82.83V3.54h-92.3v255.97c0,11.09-9.02,20.11-20.11,20.11s-20.11-9.02-20.11-20.11V3.54h-92.3v82.31c-5.14-18.12-15.13-35.19-29.14-49.21C306.16,15.03,277.23,2.98,248.42,3.54c-23.73.01-47.08,7.66-66.21,21.6C163.07,11.19,139.7,3.54,115.95,3.54,53.97,3.54,3.54,53.97,3.54,115.95v255.97h92.3V115.95c0-11.09,9.02-20.11,20.11-20.11s20.11,9.02,20.11,20.11v255.97h92.3V115.95c0-11.09,9.02-20.11,20.11-20.11s20.11,9.02,20.11,20.11v255.97h92.3v-82.83c13.02,47.68,56.7,82.83,108.45,82.83s95.43-35.15,108.45-82.83v82.83h92.3V115.95c0-11.09,9.02-20.11,20.11-20.11s20.11,9.02,20.11,20.11v255.97h200.75c51.75,0,95.43-35.15,108.45-82.83v82.83h180.64v-110.43s40.21,0,40.21,0v110.43h246.9v-92.3h-66.26Z"/> </g> <g id="MAIN_SHAPE" data-name="MAIN SHAPE"> <g> <path class="cls-2" d="M1220.25,66.26c-27.44,0-49.69,22.25-49.69,49.69v82.82s0,0,0,0h0s99.39,0,99.39,0h0v-82.82c0-27.44-22.25-49.69-49.69-49.69ZM1258.9,187.73h-77.3v-71.78c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v71.78Z"/> <path class="cls-2" d="M1220.25,88.34c-15.25,0-27.61,12.36-27.61,27.61v60.74s0,0,0,0h0s55.21,0,55.21,0h0v-60.74c0-15.25-12.36-27.61-27.61-27.61Z"/> <path class="cls-2" d="M938.65,115.95c0-15.25-12.36-27.61-27.61-27.61h-27.61v198.77h27.61c15.25,0,27.61-12.36,27.61-27.61V115.95Z"/> <path class="cls-2" d="M960.74,259.51V115.95c0-27.44-22.25-49.69-49.69-49.69h-49.69v242.95h49.69c27.44,0,49.69-22.25,49.69-49.69ZM872.4,298.16V77.3h38.65c21.35,0,38.65,17.3,38.65,38.65v143.56c0,21.35-17.3,38.65-38.65,38.65h-38.65Z"/> <path class="cls-2" d="M839.27,331.29h71.78c39.64,0,71.78-32.14,71.78-71.78V115.95c0-39.64-32.14-71.78-71.78-71.78h-71.78v287.12ZM850.31,55.22h60.74c33.54,0,60.74,27.19,60.74,60.74v143.56c0,33.54-27.19,60.74-60.74,60.74h-60.74s0-265.03,0-265.03Z"/> <path class="cls-2" d="M911.05,22.09h-93.87s0,331.29,0,331.29h93.87c51.84,0,93.87-42.03,93.87-93.87V115.95c0-51.84-42.02-93.87-93.87-93.87ZM993.87,259.51c0,45.74-37.08,82.82-82.82,82.82h-82.82s0-309.2,0-309.2h82.82c45.74,0,82.82,37.08,82.82,82.82v143.56Z"/> <path class="cls-2" d="M911.05,0h-115.95v57.06l-19.22-19.22C754.67,14.59,724.13,0,690.19,0c-29.21,0-55.89,10.8-76.28,28.63L585.28,0h-99.39v33.13L452.76,0h-99.39v57.06l-19.22-19.22C312.95,14.59,282.41,0,248.47,0,223.83,0,200.99,7.68,182.21,20.79,163.43,7.68,140.59,0,115.95,0,51.91,0,0,51.91,0,115.95v259.51l110.43,110.43h99.39v-33.13l33.13,33.13h99.39v-33.13l33.13,33.13h99.39v-57.06l19.26,19.26c30.89,34.67,83.15,47.18,126.44,30.41,13.06-4.91,25-12.11,35.33-21.1l28.48,28.48h99.69v-32.82l32.82,32.82h176.69,0c.1,0,.21,0,.31,0,36.16,0,68.45-16.55,89.72-42.49l42.49,42.49h188.04v-32.82l32.82,32.82h254.3v-99.39l-66.26-66.26V110.43L1424.55,0h-99.39v57.06l-19.22-19.22c-40.23-46.1-116.72-50.52-161.97-9.21L1115.34,0h-99.39v57.06l-19.22-19.22C975.53,14.59,944.99,0,911.05,0h0ZM911.05,11.04c56.26-1.2,106.11,48.65,104.91,104.91v143.56c0,57.94-46.97,104.91-104.91,104.91h-104.91V11.04h104.91ZM154.6,364.42h-11.04V115.95c0-15.25-12.36-27.61-27.61-27.61s-27.61,12.36-27.61,27.61v248.47h-11.04V115.95c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v248.47ZM176.69,364.42h-11.04V115.95c0-27.44-22.25-49.69-49.69-49.69s-49.69,22.25-49.69,49.69v248.47h-11.04V115.95c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v248.47ZM287.12,364.42h-11.04V115.95c0-15.25-12.36-27.61-27.61-27.61s-27.61,12.36-27.61,27.61v248.47h-11.04V115.95c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v248.47ZM309.2,364.42h-11.04V115.95c0-27.44-22.25-49.69-49.69-49.69s-49.69,22.25-49.69,49.69v248.47h-11.04V115.95c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v248.47ZM331.29,364.42h-11.04V115.95c0-39.64-32.14-71.78-71.78-71.78-29.84,0-55.43,18.21-66.26,44.13-10.83-25.92-36.41-44.13-66.26-44.13-39.64,0-71.78,32.14-71.78,71.78v248.47h-11.04V115.95c0-45.74,37.08-82.82,82.82-82.82,27.09,0,51.15,13.01,66.26,33.12,15.11-20.11,39.16-33.12,66.26-33.12,45.74,0,82.82,37.08,82.82,82.82v248.47ZM353.38,364.42h-11.04V115.95c0-51.84-42.02-93.87-93.87-93.87-25.86,0-49.28,10.46-66.26,27.38-16.98-16.92-40.4-27.38-66.26-27.38-51.84,0-93.87,42.02-93.87,93.87v248.47h-11.04V115.95C11.04,58.01,58.01,11.04,115.95,11.04c25.13,0,48.19,8.84,66.26,23.57,18.07-14.73,41.13-23.57,66.26-23.57,56.26-1.2,106.11,48.65,104.91,104.91v248.47ZM430.68,11.04h11.04v248.47c0,15.25,12.36,27.61,27.61,27.61s27.61-12.36,27.61-27.61V11.04h11.04v248.47c0,21.35-17.3,38.65-38.65,38.65s-38.65-17.3-38.65-38.65V11.04ZM408.59,11.04h11.04v248.47c0,27.44,22.25,49.69,49.69,49.69s49.69-22.25,49.69-49.69V11.04h11.04v248.47c0,33.54-27.19,60.74-60.74,60.74s-60.74-27.19-60.74-60.74V11.04ZM386.5,11.04h11.04v248.47c0,39.64,32.14,71.78,71.78,71.78s71.78-32.14,71.78-71.78V11.04h11.04v248.47c0,45.74-37.08,82.82-82.82,82.82s-82.82-37.08-82.82-82.82V11.04ZM574.24,259.51c0,57.94-46.97,104.91-104.91,104.91s-104.91-46.97-104.91-104.91V11.04h11.04v248.47c0,51.84,42.02,93.87,93.87,93.87s93.87-42.02,93.87-93.87V11.04h11.04v248.47ZM728.84,364.42h-11.04V115.95c0-15.25-12.36-27.61-27.61-27.61s-27.61,12.36-27.61,27.61v248.47h-11.04V115.95c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v248.47ZM750.92,364.42h-11.04V115.95c0-27.44-22.25-49.69-49.69-49.69s-49.69,22.25-49.69,49.69v248.47h-11.04V115.95c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v248.47ZM773.01,364.42h-11.04V115.95c0-39.64-32.14-71.78-71.78-71.78s-71.78,32.14-71.78,71.78v248.47h-11.04V115.95c0-45.74,37.08-82.82,82.82-82.82s82.82,37.08,82.82,82.82v248.47ZM795.09,364.42h-11.04V115.95c0-51.84-42.02-93.87-93.87-93.87s-93.87,42.02-93.87,93.87v248.47h-11.04V115.95c0-57.94,46.97-104.91,104.91-104.91,56.26-1.2,106.11,48.65,104.91,104.91v248.47ZM1038.04,364.42h-11.04V11.04h11.04v353.38ZM1060.13,364.42h-11.04V11.04h11.04v353.38ZM1082.21,364.42h-11.04V11.04h11.04v353.38ZM1104.3,364.42h-11.04V11.04h11.04v353.38ZM1258.9,364.42h-11.04v-110.43h0s-55.22,0-55.22,0h0s0,110.43,0,110.43h-11.04v-121.47h77.3v121.47ZM1280.99,364.42h-11.04v-132.52h0s-99.39,0-99.39,0h0s0,132.52,0,132.52h-11.04v-143.56h121.47v143.56ZM1280.99,209.82h-121.47v-93.87c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v93.87ZM1303.07,364.42h-11.04V115.95c0-39.64-32.14-71.78-71.78-71.78s-71.78,32.14-71.78,71.78v248.47h-11.04V115.95c0-45.74,37.08-82.82,82.82-82.82s82.82,37.08,82.82,82.82v248.47ZM1325.16,364.42h-11.04V115.95c0-51.84-42.02-93.87-93.87-93.87s-93.87,42.02-93.87,93.87v248.47h-11.04V115.95c-1.05-56.61,48.57-105.96,104.91-104.91,56.25-1.21,106.12,48.65,104.91,104.91v248.47ZM1479.76,364.42h-143.56V11.04h11.04v342.33s132.52,0,132.52,0v11.04ZM1479.76,342.33h-121.47V11.04h11.04v320.25s110.43,0,110.43,0v11.04ZM1479.76,320.25h-99.39V11.04h11.04v298.16s88.34,0,88.34,0v11.04ZM1479.76,298.16h-77.3V11.04h11.04v276.07h66.26s0,11.04,0,11.04Z"/> </g> </g> </svg> </a> <span class="hidden md:block flex-1"></span> <button data-ghost-search aria-label="Search"> <i class="icon icon-search size-7 md:size-8 stroke-2"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" stroke="white" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 17.5L24.5 24.5M11.6667 19.8333C7.15634 19.8333 3.5 16.177 3.5 11.6667C3.5 7.15634 7.15634 3.5 11.6667 3.5C16.177 3.5 19.8333 7.15634 19.8333 11.6667C19.8333 16.177 16.177 19.8333 11.6667 19.8333Z" stroke="inherit" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/> </svg> </i> </button> <button class="" data-menu-toggle aria-label="Menu toggle" aria-expanded="false" aria-haspopup="true" aria-controls="menu" @click="menuOpen = !menuOpen; event.currentTarget.setAttribute('aria-expanded', menuOpen);" > <i class="icon icon-close size-7 md:size-8 stroke-2"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 21L14 14M14 14L7 7M14 14L21 7M14 14L7 21" stroke="#141414" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/> </svg> </i> </button> </div> <div class="max-h-[calc(100dvh_-_64px)] md:max-h-[calc(100dvh_-_76px)] overflow-y-scroll md:grid md:grid-cols-5 md:gap-12"> <nav class="mb-16"> <ul class="flex flex-col gap-5 text-sm md:text-2xl font-extrabold"> <li class="nav-home flex relative" data-label="Home" data-slug="home" data-length="4"> <a class="flex py-0.5 rounded-theme hover:underline" href="https://www.goal.com/mundial/" > <span>Home</span> </a> </li> <li class="nav-about flex relative" data-label="About" data-slug="about" data-length="5"> <a class="flex py-0.5 rounded-theme hover:underline" href="https://www.goal.com/mundial/about/" > <span>About</span> </a> </li> <li class="nav-all-stories flex relative" data-label="All Stories" data-slug="all-stories" data-length="11"> <a class="flex py-0.5 rounded-theme hover:underline" href="https://www.goal.com/mundial/archive/" > <span>All Stories</span> </a> </li> </ul> </nav> <div class="flex flex-col gap-6 mb-16 md:col-span-2"> <span class="text-sm font-medium text-typ-tone">Recent posts</span> <article class="flex flex-col gap-2"> <h2 class="font-bold md:text-lg"><a class="hover:underline" href="/mundial/best-800-000-dong-ever-spent-vietnam-laos/">The best 800,000 dong I ever spent</a></h2> <time class="text-xs text-typ-tone font-bold md:text-sm" datetime="04/04/2025">Apr 4, 2025</time> </article> <article class="flex flex-col gap-2"> <h2 class="font-bold md:text-lg"><a class="hover:underline" href="/mundial/vault-013-arsenal-away-kit-1995-96/">The Vault 013: Arsenal away 1995/96</a></h2> <time class="text-xs text-typ-tone font-bold md:text-sm" datetime="03/04/2025">Apr 3, 2025</time> </article> <article class="flex flex-col gap-2"> <h2 class="font-bold md:text-lg"><a class="hover:underline" href="/mundial/sant-andreu-europa-fear-and-loathing-catalonia/">Fear and loathing in Catalonia</a></h2> <time class="text-xs text-typ-tone font-bold md:text-sm" datetime="02/04/2025">Apr 2, 2025</time> </article> </div> <div class="flex flex-col gap-5 mb-16"> <span class="text-sm font-medium text-typ-tone">More links</span> <nav class=""> <ul class="flex flex-col gap-5 text-sm md:text-base font-extrabold"> <li class="nav-podcast flex relative" data-label="Podcast" data-slug="podcast" data-length="7"> <a class="flex py-0.5 rounded-theme hover:underline" href="https://open.spotify.com/show/7nbWUXHiqgDsJuFJohZaIX" > <span>Podcast</span> </a> </li> <li class="nav-store flex relative" data-label="Store" data-slug="store" data-length="5"> <a class="flex py-0.5 rounded-theme hover:underline" href="https://mundialmag.com/collections/store" > <span>Store</span> </a> </li> <li class="nav-magazine flex relative" data-label="Magazine" data-slug="magazine" data-length="8"> <a class="flex py-0.5 rounded-theme hover:underline" href="https://mundialmag.com/" > <span>Magazine</span> </a> </li> </ul> </nav> </div> <div class="flex flex-col gap-3" data-footer-nav="socials"> <span class="text-sm font-medium hidden md:block text-typ-tone">Social</span> <nav class=""> <ul class="flex flex-wrap gap-2"> <li><a href="https://www.facebook.com/MundialMag/" class=""><i class="icon icon-facebook size-6 stroke-2"> <svg width="25" height="25" viewBox="0 0 25 25" fill="inherit" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.4668 2.93164H5.35622C4.05487 2.93164 2.99976 3.98676 2.99976 5.28811V19.3987C2.99976 20.7001 4.05487 21.7552 5.35622 21.7552H12.5409V15.0059H10.1306V12.1138H12.5409V10.6834C12.5409 8.56498 14.0459 6.81126 16.0014 6.81126H18.3259V9.70342H16.0014C15.7225 9.70342 15.4337 10.1483 15.4337 10.6558V12.1138H18.3259V15.0059H15.4337V21.7552H19.4668C20.7682 21.7552 21.8233 20.7001 21.8233 19.3987V5.28811C21.8233 3.98676 20.7682 2.93164 19.4668 2.93164Z" fill="inherit"/> </svg> </i></a></li> <li><a href="https://x.com/MundialMag/" class=""><i class="icon icon-x size-6 stroke-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4l11.733 16h4.267l-11.733 -16z" /><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" /></svg> </i></a></li> <li><a href="https://www.instagram.com/mundialmag/" class=""><i class="icon icon-instagram size-6 stroke-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-instagram"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M16.5 7.5l0 .01" /></svg> </i></a></li> <li class="ml-1"><a href="https://www.youtube.com/c/MUNDIALMAG/" class=""><i class="icon icon-youtube size-6 stroke-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-brand-youtube"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-8a5 5 0 0 1 5 -5zm-9 6v6a1 1 0 0 0 1.514 .857l5 -3a1 1 0 0 0 0 -1.714l-5 -3a1 1 0 0 0 -1.514 .857z" /></svg> </i></a></li> </ul> </nav> </div> </div> </div> </div> </div> <main class="main"> <section class="relative -mt-[96px] md:-mt-[108px] overflow-hidden" data-hero> <div class="hero glide bg-typ"> <div data-glide-el="track" class="glide"> <div class="glide__slides items-start" data-post-feed data-featured-feed data-featured-count="5"> <article class="post tag-fans tag-features featured flex items-end justify-center relative h-[40rem] md:h-[55rem] max-h-[95dvh] text-white overflow-hidden px-5 sm:px-6 py-8" data-post-card="featured"> <a href="/mundial/best-800-000-dong-ever-spent-vietnam-laos/"> <div href="/mundial/best-800-000-dong-ever-spent-vietnam-laos/" class="absolute w-full min-h-[80vh] h-full left-0 top-0"> <figure class="h-full w-full"> <picture class="h-full w-full block" > <source srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 960w, /mundial/content/images/size/w1280/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 1200w, /mundial/content/images/size/w2000/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 2000w" sizes="100vw" type="image/webp" > <img class="object-cover w-full h-full" loading="eager" srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 960w, /mundial/content/images/size/w1280/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 1280w, /mundial/content/images/size/w2000/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 2000w" sizes="100vw" src="/mundial/content/images/size/w30/2025/04/SITE_HeaderImage-Vietnam-.jpg" alt="The best 800,000 dong I ever spent" /> </picture> </figure> </div> <div class="absolute left-0 bottom-0 w-full h-1/2 bg-gradient-to-b from-transparent via-black/50 to-black/70"></div> <div class="max-w-wide mx-auto flex flex-col items-center text-center gap-5 relative z-10 mb-8 md:mb-16"> <span class="text-sm uppercase font-extrabold px-3 py-1 bg-brand">Fans</span> <h2 class="font-sant-elia-sans font-bold text-5xl text-balance sm:text-6xl md:text-8xl lg:text-9xl">The best 800,000 dong I ever spent</h2> <p class="text-sm font-bold max-w-content text-balance sm:text-base md:text-lg"> Bánh mì, ticket touts and military drums. These are the sights and sounds of international football in Vietnam… </p> </div> </a> </article> <article class="post tag-the-vault tag-features tag-arsenal featured flex items-end justify-center relative h-[40rem] md:h-[55rem] max-h-[95dvh] text-white overflow-hidden px-5 sm:px-6 py-8" data-post-card="featured"> <a href="/mundial/vault-013-arsenal-away-kit-1995-96/"> <div href="/mundial/vault-013-arsenal-away-kit-1995-96/" class="absolute w-full min-h-[80vh] h-full left-0 top-0"> <figure class="h-full w-full"> <picture class="h-full w-full block" > <source srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 960w, /mundial/content/images/size/w1280/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 1200w, /mundial/content/images/size/w2000/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 2000w" sizes="100vw" type="image/webp" > <img class="object-cover w-full h-full" loading="eager" srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 960w, /mundial/content/images/size/w1280/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 1280w, /mundial/content/images/size/w2000/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 2000w" sizes="100vw" src="/mundial/content/images/size/w30/2025/04/SITE_HeaderImage-The-Vault-013-.jpg" alt="The Vault 013: Arsenal away 1995/96" /> </picture> </figure> </div> <div class="absolute left-0 bottom-0 w-full h-1/2 bg-gradient-to-b from-transparent via-black/50 to-black/70"></div> <div class="max-w-wide mx-auto flex flex-col items-center text-center gap-5 relative z-10 mb-8 md:mb-16"> <span class="text-sm uppercase font-extrabold px-3 py-1 bg-brand">The Vault</span> <h2 class="font-sant-elia-sans font-bold text-5xl text-balance sm:text-6xl md:text-8xl lg:text-9xl">The Vault 013: Arsenal away 1995/96</h2> <p class="text-sm font-bold max-w-content text-balance sm:text-base md:text-lg"> Drake Ramberg helped put Nike football on the map… </p> </div> </a> </article> <article class="post tag-grassroots tag-features featured flex items-end justify-center relative h-[40rem] md:h-[55rem] max-h-[95dvh] text-white overflow-hidden px-5 sm:px-6 py-8" data-post-card="featured"> <a href="/mundial/sant-andreu-europa-fear-and-loathing-catalonia/"> <div href="/mundial/sant-andreu-europa-fear-and-loathing-catalonia/" class="absolute w-full min-h-[80vh] h-full left-0 top-0"> <figure class="h-full w-full"> <picture class="h-full w-full block" > <source srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 960w, /mundial/content/images/size/w1280/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 1200w, /mundial/content/images/size/w2000/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 2000w" sizes="100vw" type="image/webp" > <img class="object-cover w-full h-full" loading="eager" srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 960w, /mundial/content/images/size/w1280/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 1280w, /mundial/content/images/size/w2000/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 2000w" sizes="100vw" src="/mundial/content/images/size/w30/2025/04/SITE_HeaderImage-CE-Europa-.jpg" alt="Fear and loathing in Catalonia" /> </picture> </figure> </div> <div class="absolute left-0 bottom-0 w-full h-1/2 bg-gradient-to-b from-transparent via-black/50 to-black/70"></div> <div class="max-w-wide mx-auto flex flex-col items-center text-center gap-5 relative z-10 mb-8 md:mb-16"> <span class="text-sm uppercase font-extrabold px-3 py-1 bg-brand">Grassroots</span> <h2 class="font-sant-elia-sans font-bold text-5xl text-balance sm:text-6xl md:text-8xl lg:text-9xl">Fear and loathing in Catalonia</h2> <p class="text-sm font-bold max-w-content text-balance sm:text-base md:text-lg"> Nothing was going to stop James Young telling the story of a fascinating rivalry… </p> </div> </a> </article> <article class="post tag-grassroots tag-features featured flex items-end justify-center relative h-[40rem] md:h-[55rem] max-h-[95dvh] text-white overflow-hidden px-5 sm:px-6 py-8" data-post-card="featured"> <a href="/mundial/best-football-assist-all-time/"> <div href="/mundial/best-football-assist-all-time/" class="absolute w-full min-h-[80vh] h-full left-0 top-0"> <figure class="h-full w-full"> <picture class="h-full w-full block" > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 960w, /mundial/content/images/size/w1280/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 1200w, /mundial/content/images/size/w2000/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 2000w" sizes="100vw" type="image/webp" > <img class="object-cover w-full h-full" loading="eager" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 960w, /mundial/content/images/size/w1280/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 1280w, /mundial/content/images/size/w2000/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 2000w" sizes="100vw" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Best-Assists-.jpg" alt="Assisters are doin’ it for themselves" /> </picture> </figure> </div> <div class="absolute left-0 bottom-0 w-full h-1/2 bg-gradient-to-b from-transparent via-black/50 to-black/70"></div> <div class="max-w-wide mx-auto flex flex-col items-center text-center gap-5 relative z-10 mb-8 md:mb-16"> <span class="text-sm uppercase font-extrabold px-3 py-1 bg-brand">Grassroots</span> <h2 class="font-sant-elia-sans font-bold text-5xl text-balance sm:text-6xl md:text-8xl lg:text-9xl">Assisters are doin’ it for themselves</h2> <p class="text-sm font-bold max-w-content text-balance sm:text-base md:text-lg"> We got a load of grassroots players to tell us about their best ever assist… </p> </div> </a> </article> <article class="post tag-culture tag-features tag-hector-bellerin tag-hash-homepage_end featured flex items-end justify-center relative h-[40rem] md:h-[55rem] max-h-[95dvh] text-white overflow-hidden px-5 sm:px-6 py-8" data-post-card="featured"> <a href="/mundial/football-pre-match-rituals-hector-bellerin/"> <div href="/mundial/football-pre-match-rituals-hector-bellerin/" class="absolute w-full min-h-[80vh] h-full left-0 top-0"> <figure class="h-full w-full"> <picture class="h-full w-full block" > <source srcset="/mundial/content/images/size/w320/format/webp/2025/01/hector_rituals_final.png 320w, /mundial/content/images/size/w640/format/webp/2025/01/hector_rituals_final.png 600w, /mundial/content/images/size/w960/format/webp/2025/01/hector_rituals_final.png 960w, /mundial/content/images/size/w1280/format/webp/2025/01/hector_rituals_final.png 1200w, /mundial/content/images/size/w2000/format/webp/2025/01/hector_rituals_final.png 2000w" sizes="100vw" type="image/webp" > <img class="object-cover w-full h-full" loading="eager" srcset="/mundial/content/images/size/w320/format/webp/2025/01/hector_rituals_final.png 320w, /mundial/content/images/size/w640/format/webp/2025/01/hector_rituals_final.png 640w, /mundial/content/images/size/w960/format/webp/2025/01/hector_rituals_final.png 960w, /mundial/content/images/size/w1280/format/webp/2025/01/hector_rituals_final.png 1280w, /mundial/content/images/size/w2000/format/webp/2025/01/hector_rituals_final.png 2000w" sizes="100vw" src="/mundial/content/images/size/w30/2025/01/hector_rituals_final.png" alt="The insecurity & irrationality of pre-match rituals" /> </picture> </figure> </div> <div class="absolute left-0 bottom-0 w-full h-1/2 bg-gradient-to-b from-transparent via-black/50 to-black/70"></div> <div class="max-w-wide mx-auto flex flex-col items-center text-center gap-5 relative z-10 mb-8 md:mb-16"> <span class="text-sm uppercase font-extrabold px-3 py-1 bg-brand">Culture</span> <h2 class="font-sant-elia-sans font-bold text-5xl text-balance sm:text-6xl md:text-8xl lg:text-9xl">The insecurity & irrationality of pre-match rituals</h2> <p class="text-sm font-bold max-w-content text-balance sm:text-base md:text-lg"> They might seem bizarre, but take it from Héctor—pre-match rituals are incredibly important… </p> </div> </a> </article> </div> </div> <div class="absolute w-full bottom-8 md:bottom-12 flex items-center justify-center gap-2 md:gap-5" data-glide-el="controls[nav]"> <button class="size-2 md:size-3 bg-white opacity-[32%] rounded-lg transition-all duration-300" aria-label="Slide 0" data-glide-dir="=0"></button> <button class="size-2 md:size-3 bg-white opacity-[32%] rounded-lg transition-all duration-300" aria-label="Slide 1" data-glide-dir="=1"></button> <button class="size-2 md:size-3 bg-white opacity-[32%] rounded-lg transition-all duration-300" aria-label="Slide 2" data-glide-dir="=2"></button> <button class="size-2 md:size-3 bg-white opacity-[32%] rounded-lg transition-all duration-300" aria-label="Slide 3" data-glide-dir="=3"></button> <button class="size-2 md:size-3 bg-white opacity-[32%] rounded-lg transition-all duration-300" aria-label="Slide 4" data-glide-dir="=4"></button> </div> </div> <div class="absolute w-full bottom-4 md:bottom-1/2 justify-between items-center px-3 md:px-6 hidden md:flex"> <button class="py-2.5 pr-2.5 pl-1.5 md:py-4 md:pl-2.5 md:pr-[18px] rounded-full text-typogr bg-[rgba(0,0,0,0.44)]" @click="glide.go('<')"> <i class="icon icon-triangle-left stroke-0 fill-white w-4 h-3 md:w-6 md:h-5 stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M0.500002 12L20 2.55712e-06L20 24L0.500002 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Previous</span> </button> <button class="py-2.5 pr-1.5 pl-2.5 md:py-4 md:pr-2.5 md:pl-[18px] rounded-full text-typogr bg-[rgba(0,0,0,0.44)]" @click="glide.go('>')"> <span class="sr-only">Next</span> <i class="icon icon-triangle-right stroke-0 fill-white w-4 h-3 md:w-6 md:h-5 stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M19.5 12L8.58275e-07 24L1.90735e-06 -8.52372e-07L19.5 12Z" fill="inherit"/> </svg> </i> </button> </div> </section> <section class="px-5 sm:px-6 bg-bgr"> <div class="max-w-container mx-auto py-8 lg:py-16 border-b-2 border-typ"> <div class="flex flex-col gap-5 md:gap-8 lg:flex-row"> <article class="post tag-icons tag-features flex-[3] min-h-[25rem] w-full flex items-end relative text-white overflow-hidden px-5 sm:px-6 py-8 "> <a href="/mundial/loving-is-eze-best-football-images/"> <div class="absolute w-full h-full left-0 top-0"> <figure class="h-full w-full"> <picture class="h-full w-full block" > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 960w" sizes="(max-width: 1080px) 90vw, 768px" type="image/webp" > <img class="object-cover w-full h-full will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 960w" sizes="(max-width: 1080px) 90vw, 768px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Getty-31.03-.jpg" alt="Loving is Eze" /> </picture> </figure> </div> <div class="absolute inset-0 bg-gradient-to-b from-transparent via-black/30 to-black/40"></div> <div class="max-w-wide mx-auto flex flex-col items-center text-center gap-5 relative z-10 mb-4 md:mb-8"> <h2 class="font-sant-elia-sans font-bold text-5xl text-balance sm:text-6xl md:text-8xl lg:text-9xl"> <p class="">Loving is Eze</p> </h2> <time class="text-sm font-bold max-w-content text-balance sm:text-base md:text-lg" datetime="2025-03-31">Mar 31, 2025</time> </div> </a> </article> <div class="flex flex-[2] flex-col justify-between gap-4 lg:gap-6"> <article class="post tag-icons tag-ac-milan tag-inter-milan tag-serie-a tag-roberto-baggio flex gap-3 md:gap-5 " data-slide-index="2"> <a href="/mundial/the-baggio-chronicles-part-four-milan-inter-ronaldo/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg" alt="The Baggio Chronicles: Part Four" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-baggio-chronicles-part-four-milan-inter-ronaldo/" class="hover:underline">The Baggio Chronicles: Part Four</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Devils and dust. It's the Milan years... </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-30">Mar 30, 2025</time> </div> </article> <article class="post tag-the-vault tag-serie-a tag-culture flex gap-3 md:gap-5 " data-slide-index="3"> <a href="/mundial/the-vault-modena-stone-island-new-balance-football/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-The-Vault-012-.jpg" alt="The Vault 012: I Canarini Magazine" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-vault-modena-stone-island-new-balance-football/" class="hover:underline">The Vault 012: I Canarini Magazine</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> A love letter to the people of Modena… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-29">Mar 29, 2025</time> </div> </article> <article class="post tag-icons tag-hash-import-2024-09-30-16-42 tag-features flex gap-3 md:gap-5 " data-slide-index="4"> <a href="/mundial/steve-bull-wolves-goals-interview-england-bully/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 320w, /mundial/content/images/size/w640/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 600w, /mundial/content/images/size/w960/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 320w, /mundial/content/images/size/w640/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 640w, /mundial/content/images/size/w960/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2024/10/GettyImages-1631400_crop-HR-1.jpg" alt="Bully for England!" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/steve-bull-wolves-goals-interview-england-bully/" class="hover:underline">Bully for England!</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Imagine scoring 306 goals for one club... </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-28">Mar 28, 2025</time> </div> </article> </div> </div> </div> </section> <section class="relative px-5 sm:px-6 my-8 md:my-20 overflow-hidden bg-[#EFEFE4]" data-topic-section="the-vault" x-data="{ activeSlide: 1, postCount: 10 }" x-init="$nextTick(() => { const topicEl = document.querySelector('.glide-the-vault'); window['glidethe-vault'] = new Glide(topicEl, { type: 'slider', rewind: false, // startAt: 0, bound: true, perView: 2, gap: 32, breakpoints: { 640: { perView: 1.1, gap: 16 } } }); window['glidethe-vault'].on('run.after', () => { activeSlide = $el.querySelector('article.glide__slide--active').getAttribute('data-slide-index'); }); window['glidethe-vault'].mount(); })" > <div class="max-w-container mx-auto py-8 md:py-16" :data-active="activeSlide"> <div class="max-w-container flex justify-between flex-wrap relative"> <div class="flex justify-between w-full"> <span :class="activeSlide != 1 ? 'lg:invisible' : 'lg:visible'"> <i class="icon icon-ball size-9 md:size-[60px] [&_svg>g>path:first-of-type]:fill-[#F9C0C1] stroke-2"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2512_1313)"> <path d="M15.9922 31.9999C7.14895 31.9941 -0.012274 24.8251 1.57949e-05 15.9902C0.0123056 7.14235 7.17352 -0.00861607 16.0126 -8.39256e-05C24.8494 0.00844822 31.9922 7.18194 32 16.0021C32.0079 24.7186 24.9262 31.9979 15.9922 31.9999ZM5.15116 8.44811C5.11805 8.49145 5.1003 8.51261 5.08494 8.53548C4.23352 9.77264 3.61425 11.1173 3.22542 12.5674C3.20561 12.6408 3.21039 12.7258 3.22303 12.8022C3.45858 14.265 3.94369 15.6486 4.5691 16.9857C5.68031 19.3621 7.23258 21.4081 9.20271 23.1374C9.568 23.4582 9.95137 23.7585 10.3303 24.0715C11.1035 23.2981 11.7709 22.475 12.3977 21.5514C12.3414 21.5129 12.2782 21.4815 12.2298 21.4347C10.3914 19.6546 8.7596 17.7096 7.49169 15.4762C6.46618 13.6694 5.73425 11.7535 5.35941 9.70643C5.28499 9.29962 5.22388 8.89007 5.15116 8.44811ZM25.8251 16.999C24.7217 16.7823 23.6395 16.6666 22.5461 16.6144C21.6858 21.6944 19.1991 25.8322 15.3377 29.2044C16.9419 29.2819 18.4785 29.0874 19.9768 28.6082C20.1058 28.5669 20.2356 28.4898 20.3342 28.397C21.6895 27.1165 22.7768 25.6308 23.6641 23.9964C24.6678 22.148 25.3253 20.1802 25.6701 18.1072C25.7305 17.7444 25.7725 17.3785 25.8254 16.999H25.8251ZM13.089 9.91257C18.0586 8.16484 22.9738 8.37542 27.8785 10.2091C27.8491 10.1388 27.8348 10.0969 27.8146 10.0576C27.3172 9.07437 26.6915 8.17986 25.9896 7.3304C25.6219 6.88536 25.1744 6.62428 24.6411 6.43418C22.9342 5.82601 21.1669 5.60042 19.3695 5.55981C18.1961 5.53319 17.0293 5.63489 15.872 5.82908C14.5809 6.04614 13.3225 6.38674 12.0942 6.84031C11.9874 6.8799 11.9693 6.92529 12.0055 7.0287C12.2342 7.68158 12.4496 8.33924 12.6862 8.98905C12.8002 9.30201 12.9518 9.60097 13.089 9.91291V9.91257ZM29.2549 15.5189C29.1676 14.85 29.0785 14.2097 29.004 13.5677C28.9846 13.3991 28.904 13.3101 28.7623 13.235C27.7156 12.6777 26.6229 12.2316 25.4837 11.9084C24.7859 11.7105 24.0809 11.5026 23.365 11.4101C22.4143 11.2873 21.4506 11.2484 20.4909 11.2166C18.5932 11.1538 16.708 11.2835 14.8499 11.7012C14.6328 11.7501 14.4184 11.8115 14.1917 11.8698C14.2211 11.9234 14.2334 11.949 14.2487 11.9726C14.842 12.891 15.5019 13.7578 16.2404 14.5653C16.34 14.6742 16.4295 14.6923 16.564 14.6643C17.8305 14.4032 19.1131 14.2701 20.4042 14.2326C21.6445 14.196 22.8827 14.2292 24.1185 14.3599C25.3635 14.4916 26.5945 14.6933 27.7969 15.0458C28.2694 15.1844 28.7343 15.3496 29.2543 15.5196L29.2549 15.5189ZM20.1666 16.6455C20.099 16.6246 20.0881 16.6175 20.0779 16.6185C19.1414 16.724 18.205 16.828 17.2696 16.9424C17.2157 16.9489 17.1467 17.0335 17.1276 17.0953C16.6285 18.714 15.9505 20.2532 15.0919 21.7129C13.9169 23.7101 12.4585 25.4694 10.6727 26.9516C10.3822 27.1926 10.0831 27.4233 9.77863 27.6663C10.4556 28.0349 11.1527 28.3198 11.8665 28.5686C12.0519 28.6331 12.1888 28.613 12.3496 28.5004C13.6841 27.5659 14.8806 26.482 15.9471 25.2506C17.5854 23.3592 18.8315 21.2446 19.5811 18.8526C19.8078 18.129 19.9724 17.3857 20.167 16.6455H20.1666ZM9.14604 4.70898C9.12181 4.71751 9.10371 4.71956 9.09108 4.72878C8.54384 5.12501 7.99524 5.51988 7.45244 5.92225C7.4101 5.95365 7.38552 6.04068 7.38962 6.09904C7.45175 6.97171 7.47531 7.85018 7.59616 8.715C7.85254 10.5477 8.45679 12.2739 9.33073 13.9053C10.2934 15.7021 11.5272 17.2994 12.9269 18.7734C13.1478 19.0058 13.3864 19.2211 13.6168 19.444C13.6257 19.4355 13.6366 19.4293 13.6414 19.4198C14.1012 18.5113 14.4887 17.5731 14.7867 16.599C14.8024 16.5478 14.7666 16.4591 14.7256 16.4158C13.4325 15.0496 12.3414 13.5367 11.447 11.8835C10.415 9.97673 9.68714 7.96075 9.31947 5.82021C9.25631 5.4523 9.20374 5.08235 9.1457 4.70932L9.14604 4.70898ZM3.3309 19.7105C3.321 19.7495 3.31725 19.7556 3.31861 19.76C4.09629 22.3255 5.52396 24.4612 7.57363 26.1841C7.60401 26.2097 7.68389 26.2141 7.71701 26.1926C7.98261 26.0192 8.24274 25.837 8.51687 25.6489C6.42111 23.9838 4.69746 22.0166 3.3309 19.7105ZM11.5197 4.52707C13.9927 3.65236 16.5302 3.18514 19.1479 3.17046C16.5397 2.5384 13.9736 2.67457 11.4391 3.58137C11.4504 3.74963 11.4589 3.90798 11.4722 4.06566C11.4845 4.21241 11.5023 4.35882 11.5197 4.52673V4.52707ZM26.0726 24.5541C26.1135 24.5073 26.1569 24.4623 26.1955 24.4135C26.3334 24.2401 26.4744 24.0691 26.6065 23.8913C27.8727 22.1896 28.6842 20.2928 29.0416 18.2024C29.0501 18.1526 29.0307 18.0635 28.9969 18.0461C28.721 17.9038 28.4384 17.7744 28.1318 17.6287C27.8143 20.0658 27.1302 22.3596 26.0722 24.5541H26.0726Z" fill="#141414"/> <path d="M5.15176 8.44818C5.22447 8.89015 5.28558 9.29969 5.36 9.7065C5.73484 11.7535 6.46643 13.6699 7.49229 15.4763C8.76019 17.7097 10.392 19.6546 12.2304 21.4348C12.2785 21.4816 12.342 21.513 12.3983 21.5515C11.7715 22.475 11.1041 23.2982 10.3309 24.0716C9.95196 23.7586 9.56893 23.4583 9.20331 23.1375C7.23318 21.4082 5.6809 19.3622 4.5697 16.9858C3.94428 15.6483 3.45917 14.2651 3.22362 12.8023C3.21133 12.7259 3.20655 12.6409 3.22601 12.5675C3.61484 11.1174 4.23377 9.77271 5.08553 8.53555C5.10123 8.51303 5.11864 8.49187 5.15176 8.44818Z"/> <path d="M25.8256 16.9991C25.773 17.3786 25.7307 17.7445 25.6702 18.1073C25.3258 20.1803 24.6679 22.1481 23.6643 23.9965C22.777 25.6309 21.6897 27.1166 20.3344 28.3971C20.2357 28.4902 20.106 28.567 19.977 28.6083C18.4786 29.0875 16.9421 29.282 15.3379 29.2045C19.1993 25.832 21.6859 21.6945 22.5462 16.6145C23.6393 16.6667 24.7215 16.7821 25.8252 16.9991H25.8256Z"/> <path d="M13.0888 9.91265C12.9516 9.60106 12.8 9.30175 12.686 8.98879C12.4491 8.33898 12.234 7.68132 12.0053 7.02844C11.9691 6.92503 11.9872 6.87964 12.094 6.84005C13.3223 6.38648 14.5807 6.04588 15.8718 5.82882C17.0294 5.63429 18.1959 5.53259 19.3693 5.55955C21.1667 5.6005 22.934 5.82575 24.6409 6.43392C25.1742 6.62402 25.6214 6.88476 25.9894 7.33014C26.6913 8.1796 27.317 9.07411 27.8144 10.0574C27.8342 10.0966 27.8489 10.1386 27.8783 10.2089C22.9739 8.37516 18.0584 8.16458 13.0888 9.91231V9.91265Z"/> <path d="M29.254 15.519C28.7337 15.349 28.2691 15.1838 27.7966 15.0453C26.5942 14.6927 25.3632 14.491 24.1182 14.3593C22.8827 14.2286 21.6442 14.1955 20.4039 14.232C19.1125 14.2699 17.8302 14.403 16.5637 14.6637C16.4288 14.6913 16.3394 14.6736 16.2401 14.5647C15.5013 13.7572 14.8417 12.8904 14.2484 11.972C14.2331 11.9484 14.2211 11.9228 14.1914 11.8693C14.4181 11.8109 14.6325 11.7495 14.8496 11.7007C16.7078 11.2833 18.5925 11.1532 20.4906 11.216C21.4503 11.2478 22.414 11.2867 23.3647 11.4095C24.0806 11.502 24.7852 11.7099 25.4834 11.9078C26.6226 12.231 27.7153 12.6774 28.762 13.2344C28.9037 13.3098 28.9839 13.3989 29.0037 13.5672C29.0782 14.2091 29.1673 14.8494 29.2546 15.5183L29.254 15.519Z"/> <path d="M20.1657 16.6456C19.9711 17.3858 19.8069 18.1291 19.5799 18.8527C18.8302 21.2447 17.5845 23.3593 15.9458 25.2507C14.8793 26.4821 13.6828 27.566 12.3483 28.5005C12.1875 28.6131 12.0506 28.6332 11.8652 28.5687C11.1511 28.3199 10.454 28.0346 9.77734 27.6664C10.0819 27.4234 10.3809 27.1927 10.6714 26.9517C12.4572 25.4695 13.9156 23.7102 15.0906 21.713C15.9492 20.2536 16.6272 18.7141 17.1263 17.0954C17.1454 17.0339 17.2144 16.9493 17.2683 16.9425C18.2037 16.8281 19.1401 16.7241 20.0766 16.6186C20.0868 16.6176 20.0977 16.6247 20.1653 16.6456H20.1657Z"/> <path d="M9.1452 4.70905C9.20323 5.08242 9.2558 5.45203 9.31896 5.81994C9.68629 7.96082 10.4141 9.97646 11.4465 11.8832C12.3412 13.5361 13.432 15.0493 14.7251 16.4155C14.7664 16.4588 14.8019 16.5476 14.7862 16.5988C14.4882 17.5728 14.1007 18.511 13.6409 19.4195C13.6361 19.4291 13.6248 19.4352 13.6163 19.4437C13.3859 19.2209 13.1469 19.0055 12.9264 18.7731C11.5267 17.2991 10.2929 15.7019 9.33023 13.905C8.45628 12.2737 7.85203 10.5478 7.59565 8.71473C7.4748 7.84991 7.45125 6.97144 7.38911 6.09877C7.38502 6.04041 7.4096 5.95338 7.45193 5.92198C7.99473 5.51961 8.54299 5.12474 9.09057 4.7285C9.10355 4.71929 9.1213 4.71724 9.14554 4.70871L9.1452 4.70905Z"/> <path d="M3.33092 19.7106C4.69748 22.017 6.42079 23.9842 8.51689 25.649C8.24276 25.8371 7.98296 26.019 7.71703 26.1927C7.68391 26.2145 7.60403 26.2097 7.57364 26.1841C5.52397 24.4613 4.09596 22.3256 3.31863 19.7601C3.31726 19.7557 3.32102 19.7495 3.33092 19.7106Z"/> <path d="M11.52 4.52716C11.5026 4.35891 11.4852 4.21284 11.4726 4.06608C11.4593 3.90807 11.4507 3.75005 11.4395 3.5818C13.9739 2.675 16.5401 2.53883 19.1483 3.17089C16.5305 3.18522 13.993 3.65279 11.52 4.5275V4.52716Z"/> <path d="M26.0723 24.5545C27.1302 22.36 27.8144 20.0662 28.1318 17.6291C28.4384 17.7748 28.7211 17.9042 28.9969 18.0465C29.0307 18.0639 29.0502 18.153 29.0416 18.2028C28.6842 20.2932 27.8727 22.1901 26.6065 23.8917C26.4744 24.0695 26.3334 24.2405 26.1955 24.4139C26.1566 24.4627 26.1136 24.5077 26.0726 24.5545H26.0723Z"/> </g> <defs> <clipPath id="clip0_2512_1313"> <rect width="32" height="32" fill="white"/> </clipPath> </defs> </svg> </i> </span> <div class="hidden md:flex gap-1 md:gap-2" :class="postCount < 3 ? 'invisible' : 'visible'"> <button class="glide__arrow glide__arrow--left" @click="glidethe-vault.go('<')"> <i class="icon icon-triangle-left w-4 h-3 md:w-6 md:h-5 fill-typ stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M0.500002 12L20 2.55712e-06L20 24L0.500002 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Previous</span> </button> <button class="glide__arrow glide__arrow--right" @click="glidethe-vault.go('>'); activeSlide = 2"> <i class="icon icon-triangle-right w-4 h-3 md:w-6 md:h-5 fill-typ stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M19.5 12L8.58275e-07 24L1.90735e-06 -8.52372e-07L19.5 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Next</span> </button> </div> </div> <div class="grid lg:grid-cols-4 mt-4"> <h2 class="font-sant-elia-sans font-bold text-6xl lg:text-8xl md:mt-8 z-10 mb-4" :class="activeSlide != 1 ? 'lg:invisible' : 'lg:visible'">The Vault</h2> <div class="glide-the-vault col-span-3 relative" :class="postCount < 3 ? 'no-glide-scroll' : ''">  <div data-glide-el="track" class="" style="max-width:calc(100vw - 48px)"> <div class="glide__slides"> <article class="post tag-the-vault tag-features tag-arsenal featured flex gap-3 md:gap-5 " data-slide-index="1"> <a href="/mundial/vault-013-arsenal-away-kit-1995-96/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-The-Vault-013-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/04/SITE_HeaderImage-The-Vault-013-.jpg" alt="The Vault 013: Arsenal away 1995/96" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/vault-013-arsenal-away-kit-1995-96/" class="hover:underline">The Vault 013: Arsenal away 1995/96</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Drake Ramberg helped put Nike football on the map… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-04-03">Apr 3, 2025</time> </div> </article> <article class="post tag-the-vault tag-serie-a tag-culture flex gap-3 md:gap-5 " data-slide-index="2"> <a href="/mundial/the-vault-modena-stone-island-new-balance-football/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-The-Vault-012-.jpg" alt="The Vault 012: I Canarini Magazine" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-vault-modena-stone-island-new-balance-football/" class="hover:underline">The Vault 012: I Canarini Magazine</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> A love letter to the people of Modena… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-29">Mar 29, 2025</time> </div> </article> <article class="post tag-the-vault tag-features flex gap-3 md:gap-5 " data-slide-index="3"> <a href="/mundial/the-vault-011-cameroon-banned-kits/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Cameroon--social-updated-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Cameroon--social-updated-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Cameroon--social-updated-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Cameroon--social-updated-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Cameroon--social-updated-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Cameroon--social-updated-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Cameroon--social-updated-.jpg" alt="The Vault 011: Cameroon’s banned kits" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-vault-011-cameroon-banned-kits/" class="hover:underline">The Vault 011: Cameroon’s banned kits</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Imagine designing a kit so badass that FIFA have to ban it… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-20">Mar 20, 2025</time> </div> </article> <article class="post tag-the-vault tag-features flex gap-3 md:gap-5 " data-slide-index="4"> <a href="/mundial/the-vault-010-ghana-2025-home-and-away/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-The-Vault-010-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-The-Vault-010-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-The-Vault-010-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-The-Vault-010-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-The-Vault-010-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-The-Vault-010-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-The-Vault-010-.jpg" alt="The Vault 010: Ghana 2025 Home and Away" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-vault-010-ghana-2025-home-and-away/" class="hover:underline">The Vault 010: Ghana 2025 Home and Away</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Jefferson Osei has made a kit to unify Ghana… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-12">Mar 12, 2025</time> </div> </article> <article class="post tag-the-vault tag-features flex gap-3 md:gap-5 " data-slide-index="5"> <a href="/mundial/the-vault-009-umbro-x-front-office/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-The-Vault-UmbroxFrontOffice-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-The-Vault-UmbroxFrontOffice-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-The-Vault-UmbroxFrontOffice-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-The-Vault-UmbroxFrontOffice-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-The-Vault-UmbroxFrontOffice-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-The-Vault-UmbroxFrontOffice-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-The-Vault-UmbroxFrontOffice-.jpg" alt="The Vault 009: Umbro x Front Office" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-vault-009-umbro-x-front-office/" class="hover:underline">The Vault 009: Umbro x Front Office</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Ken Sakata has remade Umbro’s archive classics for the 21st century… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-08">Mar 8, 2025</time> </div> </article> <article class="post tag-the-vault tag-borussia-dortmund tag-features flex gap-3 md:gap-5 " data-slide-index="6"> <a href="/mundial/borussia-dortmund-94-95-shirt/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-The-Vault-008-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-The-Vault-008-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-The-Vault-008-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-The-Vault-008-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-The-Vault-008-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-The-Vault-008-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-The-Vault-008-.jpg" alt="The Vault 008: Borussia Dortmund 94/95 shirt" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/borussia-dortmund-94-95-shirt/" class="hover:underline">The Vault 008: Borussia Dortmund 94/95 shirt</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Drake Ramberg helped put Nike football on the map… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-01">Mar 1, 2025</time> </div> </article> <article class="post tag-the-vault tag-arsenal tag-features flex gap-3 md:gap-5 " data-slide-index="7"> <a href="/mundial/the-vault-007-gooner-fanzine-arsenal-womens/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-The-Vault-007-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-The-Vault-007-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-The-Vault-007-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-The-Vault-007-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-The-Vault-007-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-The-Vault-007-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-The-Vault-007-.jpg" alt="The Vault 007: First ever AWFC fanzine" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-vault-007-gooner-fanzine-arsenal-womens/" class="hover:underline">The Vault 007: First ever AWFC fanzine</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-22">Feb 22, 2025</time> </div> </article> <article class="post tag-the-vault tag-features flex gap-3 md:gap-5 " data-slide-index="8"> <a href="/mundial/the-vault-006-adidas-predator-football/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-The-Vault-006-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-The-Vault-006-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-The-Vault-006-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-The-Vault-006-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-The-Vault-006-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-The-Vault-006-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-The-Vault-006-.jpg" alt="The Vault 006: adidas Predator football" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-vault-006-adidas-predator-football/" class="hover:underline">The Vault 006: adidas Predator football</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> From lockdown leatherworking to kickabouts with Thomas Müller… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-16">Feb 16, 2025</time> </div> </article> <article class="post tag-the-vault tag-england tag-features flex gap-3 md:gap-5 " data-slide-index="9"> <a href="/mundial/the-vault-005-euro-2012-england-home/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-The-Vault-005--2.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-The-Vault-005--2.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-The-Vault-005--2.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-The-Vault-005--2.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-The-Vault-005--2.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-The-Vault-005--2.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-The-Vault-005--2.jpg" alt="The Vault 005: EURO 2012 England home" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-vault-005-euro-2012-england-home/" class="hover:underline">The Vault 005: EURO 2012 England home</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Deconstructing the Three Lions, one cross-stitch at a time… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-08">Feb 8, 2025</time> </div> </article> <article class="post tag-the-vault tag-features flex gap-3 md:gap-5 " data-slide-index="10"> <a href="/mundial/the-vault-004-adidas-tango-europa-88/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-The-Vault-004-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-The-Vault-004-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-The-Vault-004-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-The-Vault-004-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-The-Vault-004-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-The-Vault-004-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/01/SITE_HeaderImage-The-Vault-004-.jpg" alt="The Vault 004: adidas Tango Europa '88" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-vault-004-adidas-tango-europa-88/" class="hover:underline">The Vault 004: adidas Tango Europa '88</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Welcome to the secret network of match ball traders... </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-01">Feb 1, 2025</time> </div> </article> </div> </div> </div> </div> </div> </div> </section> <hr class="border-typ border-t-2 border-b-0 max-w-container mx-auto"/> <section class="relative px-5 sm:px-6 bg-bgr overflow-hidden" data-slider> <div class="max-w-container mx-auto py-8 md:py-16 border-b-2 border-typ"> <div class="flex justify-between max-w-container"> <h2 class="font-public-sans inline-flex px-2 py-1 bg-typ text-white font-black text-xs sm:text-sm md:text-base uppercase mb-5 md:mb-8">Icons</h2> <div class="hidden md:flex gap-1 md:gap-2 mb-5 md:mb-8"> <button class="glide__arrow glide__arrow--left" @click="glideSlider.go('<')"> <i class="icon icon-triangle-left w-4 h-3 md:w-6 md:h-5 fill-typ stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M0.500002 12L20 2.55712e-06L20 24L0.500002 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Previous</span> </button> <button class="glide__arrow glide__arrow--right" @click="glideSlider.go('>')"> <i class="icon icon-triangle-right w-4 h-3 md:w-6 md:h-5 fill-typ stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M19.5 12L8.58275e-07 24L1.90735e-06 -8.52372e-07L19.5 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Next</span> </button> </div> </div> <div class="slider"> <div data-glide-el="track" class="glide"> <div class="glide__slides"> <article class="post tag-icons tag-features flex flex-col gap-5 md:gap-6"> <a href="/mundial/loving-is-eze-best-football-images/" class="block h-56 aspect-[3/2]"> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 960w" sizes="(max-width: 768px) 320px, 350px" type="image/webp" > <img class="aspect-[3/2] h-56 w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Getty-31.03-.jpg 960w" sizes="(max-width: 768px) 320px, 350px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Getty-31.03-.jpg" alt="Loving is Eze" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl text-balance whitespace-normal"> <a href="/mundial/loving-is-eze-best-football-images/" class="hover:underline">Loving is Eze</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-31">Mar 31, 2025</time> </div> </article> <article class="post tag-icons tag-ac-milan tag-inter-milan tag-serie-a tag-roberto-baggio flex flex-col gap-5 md:gap-6"> <a href="/mundial/the-baggio-chronicles-part-four-milan-inter-ronaldo/" class="block h-56 aspect-[3/2]"> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 960w" sizes="(max-width: 768px) 320px, 350px" type="image/webp" > <img class="aspect-[3/2] h-56 w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg 960w" sizes="(max-width: 768px) 320px, 350px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Baggio-Pt4-.jpg" alt="The Baggio Chronicles: Part Four" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl text-balance whitespace-normal"> <a href="/mundial/the-baggio-chronicles-part-four-milan-inter-ronaldo/" class="hover:underline">The Baggio Chronicles: Part Four</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-30">Mar 30, 2025</time> </div> </article> <article class="post tag-icons tag-hash-import-2024-09-30-16-42 tag-features flex flex-col gap-5 md:gap-6"> <a href="/mundial/steve-bull-wolves-goals-interview-england-bully/" class="block h-56 aspect-[3/2]"> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 320w, /mundial/content/images/size/w640/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 600w, /mundial/content/images/size/w960/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 960w" sizes="(max-width: 768px) 320px, 350px" type="image/webp" > <img class="aspect-[3/2] h-56 w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 320w, /mundial/content/images/size/w640/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 640w, /mundial/content/images/size/w960/format/webp/2024/10/GettyImages-1631400_crop-HR-1.jpg 960w" sizes="(max-width: 768px) 320px, 350px" src="/mundial/content/images/size/w30/2024/10/GettyImages-1631400_crop-HR-1.jpg" alt="Bully for England!" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl text-balance whitespace-normal"> <a href="/mundial/steve-bull-wolves-goals-interview-england-bully/" class="hover:underline">Bully for England!</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-28">Mar 28, 2025</time> </div> </article> <article class="post tag-icons tag-features flex flex-col gap-5 md:gap-6"> <a href="/mundial/theres-only-one-jackson-irvine-st-pauli-bundesliga-hamburg/" class="block h-56 aspect-[3/2]"> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-St-Pauli-Jackson--updated-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-St-Pauli-Jackson--updated-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-St-Pauli-Jackson--updated-.jpg 960w" sizes="(max-width: 768px) 320px, 350px" type="image/webp" > <img class="aspect-[3/2] h-56 w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-St-Pauli-Jackson--updated-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-St-Pauli-Jackson--updated-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-St-Pauli-Jackson--updated-.jpg 960w" sizes="(max-width: 768px) 320px, 350px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-St-Pauli-Jackson--updated-.jpg" alt="There's only one Jackson Irvine" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl text-balance whitespace-normal"> <a href="/mundial/theres-only-one-jackson-irvine-st-pauli-bundesliga-hamburg/" class="hover:underline">There's only one Jackson Irvine</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-27">Mar 27, 2025</time> </div> </article> <article class="post tag-icons tag-mohamed-salah tag-liverpool tag-premier-league flex flex-col gap-5 md:gap-6"> <a href="/mundial/understanding-mohamed-salah-premier-league-liverpool/" class="block h-56 aspect-[3/2]"> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Salah-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Salah-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Salah-.jpg 960w" sizes="(max-width: 768px) 320px, 350px" type="image/webp" > <img class="aspect-[3/2] h-56 w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Salah-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Salah-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Salah-.jpg 960w" sizes="(max-width: 768px) 320px, 350px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Salah-.jpg" alt="Understanding Mohamed Salah" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl text-balance whitespace-normal"> <a href="/mundial/understanding-mohamed-salah-premier-league-liverpool/" class="hover:underline">Understanding Mohamed Salah</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-26">Mar 26, 2025</time> </div> </article> </div> </div> </div> </div> </section> <section class="relative px-5 sm:px-6 my-8 md:my-20 overflow-hidden bg-[#EFEFE4]" data-topic-section="weird" x-data="{ activeSlide: 1, postCount: 10 }" x-init="$nextTick(() => { const topicEl = document.querySelector('.glide-weird'); window['glideweird'] = new Glide(topicEl, { type: 'slider', rewind: false, // startAt: 0, bound: true, perView: 2, gap: 32, breakpoints: { 640: { perView: 1.1, gap: 16 } } }); window['glideweird'].on('run.after', () => { activeSlide = $el.querySelector('article.glide__slide--active').getAttribute('data-slide-index'); }); window['glideweird'].mount(); })" > <div class="max-w-container mx-auto py-8 md:py-16" :data-active="activeSlide"> <div class="max-w-container flex justify-between flex-wrap relative"> <div class="flex justify-between w-full"> <span :class="activeSlide != 1 ? 'lg:invisible' : 'lg:visible'"> <i class="icon icon-ball size-9 md:size-[60px] [&_svg>g>path:first-of-type]:fill-[#F9C0C1] stroke-2"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2512_1313)"> <path d="M15.9922 31.9999C7.14895 31.9941 -0.012274 24.8251 1.57949e-05 15.9902C0.0123056 7.14235 7.17352 -0.00861607 16.0126 -8.39256e-05C24.8494 0.00844822 31.9922 7.18194 32 16.0021C32.0079 24.7186 24.9262 31.9979 15.9922 31.9999ZM5.15116 8.44811C5.11805 8.49145 5.1003 8.51261 5.08494 8.53548C4.23352 9.77264 3.61425 11.1173 3.22542 12.5674C3.20561 12.6408 3.21039 12.7258 3.22303 12.8022C3.45858 14.265 3.94369 15.6486 4.5691 16.9857C5.68031 19.3621 7.23258 21.4081 9.20271 23.1374C9.568 23.4582 9.95137 23.7585 10.3303 24.0715C11.1035 23.2981 11.7709 22.475 12.3977 21.5514C12.3414 21.5129 12.2782 21.4815 12.2298 21.4347C10.3914 19.6546 8.7596 17.7096 7.49169 15.4762C6.46618 13.6694 5.73425 11.7535 5.35941 9.70643C5.28499 9.29962 5.22388 8.89007 5.15116 8.44811ZM25.8251 16.999C24.7217 16.7823 23.6395 16.6666 22.5461 16.6144C21.6858 21.6944 19.1991 25.8322 15.3377 29.2044C16.9419 29.2819 18.4785 29.0874 19.9768 28.6082C20.1058 28.5669 20.2356 28.4898 20.3342 28.397C21.6895 27.1165 22.7768 25.6308 23.6641 23.9964C24.6678 22.148 25.3253 20.1802 25.6701 18.1072C25.7305 17.7444 25.7725 17.3785 25.8254 16.999H25.8251ZM13.089 9.91257C18.0586 8.16484 22.9738 8.37542 27.8785 10.2091C27.8491 10.1388 27.8348 10.0969 27.8146 10.0576C27.3172 9.07437 26.6915 8.17986 25.9896 7.3304C25.6219 6.88536 25.1744 6.62428 24.6411 6.43418C22.9342 5.82601 21.1669 5.60042 19.3695 5.55981C18.1961 5.53319 17.0293 5.63489 15.872 5.82908C14.5809 6.04614 13.3225 6.38674 12.0942 6.84031C11.9874 6.8799 11.9693 6.92529 12.0055 7.0287C12.2342 7.68158 12.4496 8.33924 12.6862 8.98905C12.8002 9.30201 12.9518 9.60097 13.089 9.91291V9.91257ZM29.2549 15.5189C29.1676 14.85 29.0785 14.2097 29.004 13.5677C28.9846 13.3991 28.904 13.3101 28.7623 13.235C27.7156 12.6777 26.6229 12.2316 25.4837 11.9084C24.7859 11.7105 24.0809 11.5026 23.365 11.4101C22.4143 11.2873 21.4506 11.2484 20.4909 11.2166C18.5932 11.1538 16.708 11.2835 14.8499 11.7012C14.6328 11.7501 14.4184 11.8115 14.1917 11.8698C14.2211 11.9234 14.2334 11.949 14.2487 11.9726C14.842 12.891 15.5019 13.7578 16.2404 14.5653C16.34 14.6742 16.4295 14.6923 16.564 14.6643C17.8305 14.4032 19.1131 14.2701 20.4042 14.2326C21.6445 14.196 22.8827 14.2292 24.1185 14.3599C25.3635 14.4916 26.5945 14.6933 27.7969 15.0458C28.2694 15.1844 28.7343 15.3496 29.2543 15.5196L29.2549 15.5189ZM20.1666 16.6455C20.099 16.6246 20.0881 16.6175 20.0779 16.6185C19.1414 16.724 18.205 16.828 17.2696 16.9424C17.2157 16.9489 17.1467 17.0335 17.1276 17.0953C16.6285 18.714 15.9505 20.2532 15.0919 21.7129C13.9169 23.7101 12.4585 25.4694 10.6727 26.9516C10.3822 27.1926 10.0831 27.4233 9.77863 27.6663C10.4556 28.0349 11.1527 28.3198 11.8665 28.5686C12.0519 28.6331 12.1888 28.613 12.3496 28.5004C13.6841 27.5659 14.8806 26.482 15.9471 25.2506C17.5854 23.3592 18.8315 21.2446 19.5811 18.8526C19.8078 18.129 19.9724 17.3857 20.167 16.6455H20.1666ZM9.14604 4.70898C9.12181 4.71751 9.10371 4.71956 9.09108 4.72878C8.54384 5.12501 7.99524 5.51988 7.45244 5.92225C7.4101 5.95365 7.38552 6.04068 7.38962 6.09904C7.45175 6.97171 7.47531 7.85018 7.59616 8.715C7.85254 10.5477 8.45679 12.2739 9.33073 13.9053C10.2934 15.7021 11.5272 17.2994 12.9269 18.7734C13.1478 19.0058 13.3864 19.2211 13.6168 19.444C13.6257 19.4355 13.6366 19.4293 13.6414 19.4198C14.1012 18.5113 14.4887 17.5731 14.7867 16.599C14.8024 16.5478 14.7666 16.4591 14.7256 16.4158C13.4325 15.0496 12.3414 13.5367 11.447 11.8835C10.415 9.97673 9.68714 7.96075 9.31947 5.82021C9.25631 5.4523 9.20374 5.08235 9.1457 4.70932L9.14604 4.70898ZM3.3309 19.7105C3.321 19.7495 3.31725 19.7556 3.31861 19.76C4.09629 22.3255 5.52396 24.4612 7.57363 26.1841C7.60401 26.2097 7.68389 26.2141 7.71701 26.1926C7.98261 26.0192 8.24274 25.837 8.51687 25.6489C6.42111 23.9838 4.69746 22.0166 3.3309 19.7105ZM11.5197 4.52707C13.9927 3.65236 16.5302 3.18514 19.1479 3.17046C16.5397 2.5384 13.9736 2.67457 11.4391 3.58137C11.4504 3.74963 11.4589 3.90798 11.4722 4.06566C11.4845 4.21241 11.5023 4.35882 11.5197 4.52673V4.52707ZM26.0726 24.5541C26.1135 24.5073 26.1569 24.4623 26.1955 24.4135C26.3334 24.2401 26.4744 24.0691 26.6065 23.8913C27.8727 22.1896 28.6842 20.2928 29.0416 18.2024C29.0501 18.1526 29.0307 18.0635 28.9969 18.0461C28.721 17.9038 28.4384 17.7744 28.1318 17.6287C27.8143 20.0658 27.1302 22.3596 26.0722 24.5541H26.0726Z" fill="#141414"/> <path d="M5.15176 8.44818C5.22447 8.89015 5.28558 9.29969 5.36 9.7065C5.73484 11.7535 6.46643 13.6699 7.49229 15.4763C8.76019 17.7097 10.392 19.6546 12.2304 21.4348C12.2785 21.4816 12.342 21.513 12.3983 21.5515C11.7715 22.475 11.1041 23.2982 10.3309 24.0716C9.95196 23.7586 9.56893 23.4583 9.20331 23.1375C7.23318 21.4082 5.6809 19.3622 4.5697 16.9858C3.94428 15.6483 3.45917 14.2651 3.22362 12.8023C3.21133 12.7259 3.20655 12.6409 3.22601 12.5675C3.61484 11.1174 4.23377 9.77271 5.08553 8.53555C5.10123 8.51303 5.11864 8.49187 5.15176 8.44818Z"/> <path d="M25.8256 16.9991C25.773 17.3786 25.7307 17.7445 25.6702 18.1073C25.3258 20.1803 24.6679 22.1481 23.6643 23.9965C22.777 25.6309 21.6897 27.1166 20.3344 28.3971C20.2357 28.4902 20.106 28.567 19.977 28.6083C18.4786 29.0875 16.9421 29.282 15.3379 29.2045C19.1993 25.832 21.6859 21.6945 22.5462 16.6145C23.6393 16.6667 24.7215 16.7821 25.8252 16.9991H25.8256Z"/> <path d="M13.0888 9.91265C12.9516 9.60106 12.8 9.30175 12.686 8.98879C12.4491 8.33898 12.234 7.68132 12.0053 7.02844C11.9691 6.92503 11.9872 6.87964 12.094 6.84005C13.3223 6.38648 14.5807 6.04588 15.8718 5.82882C17.0294 5.63429 18.1959 5.53259 19.3693 5.55955C21.1667 5.6005 22.934 5.82575 24.6409 6.43392C25.1742 6.62402 25.6214 6.88476 25.9894 7.33014C26.6913 8.1796 27.317 9.07411 27.8144 10.0574C27.8342 10.0966 27.8489 10.1386 27.8783 10.2089C22.9739 8.37516 18.0584 8.16458 13.0888 9.91231V9.91265Z"/> <path d="M29.254 15.519C28.7337 15.349 28.2691 15.1838 27.7966 15.0453C26.5942 14.6927 25.3632 14.491 24.1182 14.3593C22.8827 14.2286 21.6442 14.1955 20.4039 14.232C19.1125 14.2699 17.8302 14.403 16.5637 14.6637C16.4288 14.6913 16.3394 14.6736 16.2401 14.5647C15.5013 13.7572 14.8417 12.8904 14.2484 11.972C14.2331 11.9484 14.2211 11.9228 14.1914 11.8693C14.4181 11.8109 14.6325 11.7495 14.8496 11.7007C16.7078 11.2833 18.5925 11.1532 20.4906 11.216C21.4503 11.2478 22.414 11.2867 23.3647 11.4095C24.0806 11.502 24.7852 11.7099 25.4834 11.9078C26.6226 12.231 27.7153 12.6774 28.762 13.2344C28.9037 13.3098 28.9839 13.3989 29.0037 13.5672C29.0782 14.2091 29.1673 14.8494 29.2546 15.5183L29.254 15.519Z"/> <path d="M20.1657 16.6456C19.9711 17.3858 19.8069 18.1291 19.5799 18.8527C18.8302 21.2447 17.5845 23.3593 15.9458 25.2507C14.8793 26.4821 13.6828 27.566 12.3483 28.5005C12.1875 28.6131 12.0506 28.6332 11.8652 28.5687C11.1511 28.3199 10.454 28.0346 9.77734 27.6664C10.0819 27.4234 10.3809 27.1927 10.6714 26.9517C12.4572 25.4695 13.9156 23.7102 15.0906 21.713C15.9492 20.2536 16.6272 18.7141 17.1263 17.0954C17.1454 17.0339 17.2144 16.9493 17.2683 16.9425C18.2037 16.8281 19.1401 16.7241 20.0766 16.6186C20.0868 16.6176 20.0977 16.6247 20.1653 16.6456H20.1657Z"/> <path d="M9.1452 4.70905C9.20323 5.08242 9.2558 5.45203 9.31896 5.81994C9.68629 7.96082 10.4141 9.97646 11.4465 11.8832C12.3412 13.5361 13.432 15.0493 14.7251 16.4155C14.7664 16.4588 14.8019 16.5476 14.7862 16.5988C14.4882 17.5728 14.1007 18.511 13.6409 19.4195C13.6361 19.4291 13.6248 19.4352 13.6163 19.4437C13.3859 19.2209 13.1469 19.0055 12.9264 18.7731C11.5267 17.2991 10.2929 15.7019 9.33023 13.905C8.45628 12.2737 7.85203 10.5478 7.59565 8.71473C7.4748 7.84991 7.45125 6.97144 7.38911 6.09877C7.38502 6.04041 7.4096 5.95338 7.45193 5.92198C7.99473 5.51961 8.54299 5.12474 9.09057 4.7285C9.10355 4.71929 9.1213 4.71724 9.14554 4.70871L9.1452 4.70905Z"/> <path d="M3.33092 19.7106C4.69748 22.017 6.42079 23.9842 8.51689 25.649C8.24276 25.8371 7.98296 26.019 7.71703 26.1927C7.68391 26.2145 7.60403 26.2097 7.57364 26.1841C5.52397 24.4613 4.09596 22.3256 3.31863 19.7601C3.31726 19.7557 3.32102 19.7495 3.33092 19.7106Z"/> <path d="M11.52 4.52716C11.5026 4.35891 11.4852 4.21284 11.4726 4.06608C11.4593 3.90807 11.4507 3.75005 11.4395 3.5818C13.9739 2.675 16.5401 2.53883 19.1483 3.17089C16.5305 3.18522 13.993 3.65279 11.52 4.5275V4.52716Z"/> <path d="M26.0723 24.5545C27.1302 22.36 27.8144 20.0662 28.1318 17.6291C28.4384 17.7748 28.7211 17.9042 28.9969 18.0465C29.0307 18.0639 29.0502 18.153 29.0416 18.2028C28.6842 20.2932 27.8727 22.1901 26.6065 23.8917C26.4744 24.0695 26.3334 24.2405 26.1955 24.4139C26.1566 24.4627 26.1136 24.5077 26.0726 24.5545H26.0723Z"/> </g> <defs> <clipPath id="clip0_2512_1313"> <rect width="32" height="32" fill="white"/> </clipPath> </defs> </svg> </i> </span> <div class="hidden md:flex gap-1 md:gap-2" :class="postCount < 3 ? 'invisible' : 'visible'"> <button class="glide__arrow glide__arrow--left" @click="glideweird.go('<')"> <i class="icon icon-triangle-left w-4 h-3 md:w-6 md:h-5 fill-typ stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M0.500002 12L20 2.55712e-06L20 24L0.500002 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Previous</span> </button> <button class="glide__arrow glide__arrow--right" @click="glideweird.go('>'); activeSlide = 2"> <i class="icon icon-triangle-right w-4 h-3 md:w-6 md:h-5 fill-typ stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M19.5 12L8.58275e-07 24L1.90735e-06 -8.52372e-07L19.5 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Next</span> </button> </div> </div> <div class="grid lg:grid-cols-4 mt-4"> <h2 class="font-sant-elia-sans font-bold text-6xl lg:text-8xl md:mt-8 z-10 mb-4" :class="activeSlide != 1 ? 'lg:invisible' : 'lg:visible'">Weird</h2> <div class="glide-weird col-span-3 relative" :class="postCount < 3 ? 'no-glide-scroll' : ''">  <div data-glide-el="track" class="" style="max-width:calc(100vw - 48px)"> <div class="glide__slides"> <article class="post tag-weird tag-features tag-premier-league flex gap-3 md:gap-5 " data-slide-index="1"> <a href="/mundial/56-shithouses-myles-lewis-skelly-chloe-kelly-jamie-vardy/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Shithouses--updated-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Shithouses--updated-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Shithouses--updated-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Shithouses--updated-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Shithouses--updated-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Shithouses--updated-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Shithouses--updated-.jpg" alt="56 Shithouses" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/56-shithouses-myles-lewis-skelly-chloe-kelly-jamie-vardy/" class="hover:underline">56 Shithouses</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Wind-up merchants, red card connoisseurs, and some nasty little bastards for good measure… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-19">Mar 19, 2025</time> </div> </article> <article class="post tag-weird tag-second-screening tag-features flex gap-3 md:gap-5 " data-slide-index="2"> <a href="/mundial/second-screening-celtic-rangers-old-firm-2011/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Second-Screening---Old-Firm-Derby-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Second-Screening---Old-Firm-Derby-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Second-Screening---Old-Firm-Derby-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Second-Screening---Old-Firm-Derby-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Second-Screening---Old-Firm-Derby-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Second-Screening---Old-Firm-Derby-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Second-Screening---Old-Firm-Derby-.jpg" alt="Second Screening: Old Firm carnage" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/second-screening-celtic-rangers-old-firm-2011/" class="hover:underline">Second Screening: Old Firm carnage</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Celtic and Rangers are meeting under the lights, and we must have a winner… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-14">Mar 14, 2025</time> </div> </article> <article class="post tag-weird tag-football-manager tag-features flex gap-3 md:gap-5 " data-slide-index="3"> <a href="/mundial/football-manager-your-life-now-episode-10/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Joel-FM-10-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Joel-FM-10-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Joel-FM-10-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Joel-FM-10-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Joel-FM-10-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Joel-FM-10-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Joel-FM-10-.jpg" alt="Football Manager is your life, now: Episode 10" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/football-manager-your-life-now-episode-10/" class="hover:underline">Football Manager is your life, now: Episode 10</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Joel Golby has decided to blow his whole life up… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-11">Mar 11, 2025</time> </div> </article> <article class="post tag-weird tag-features tag-man-utd tag-arsenal tag-second-screening flex gap-3 md:gap-5 " data-slide-index="4"> <a href="/mundial/second-screening-arsenal-v-man-utd-2003/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Second-Screening-AFCvMUFC---1-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Second-Screening-AFCvMUFC---1-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Second-Screening-AFCvMUFC---1-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Second-Screening-AFCvMUFC---1-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Second-Screening-AFCvMUFC---1-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Second-Screening-AFCvMUFC---1-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Second-Screening-AFCvMUFC---1-.jpg" alt="Second Screening: Arsenal v Man Utd" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/second-screening-arsenal-v-man-utd-2003/" class="hover:underline">Second Screening: Arsenal v Man Utd</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> On a balmy spring afternoon, two behemoths battled it out for the Premier League title… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-07">Mar 7, 2025</time> </div> </article> <article class="post tag-weird tag-features flex gap-3 md:gap-5 " data-slide-index="5"> <a href="/mundial/royal-shrovetide-football-ashbourne/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Shrovetide-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Shrovetide-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Shrovetide-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Shrovetide-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Shrovetide-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Shrovetide-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Shrovetide-.jpg" alt="‘No murder or manslaughter’" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/royal-shrovetide-football-ashbourne/" class="hover:underline">‘No murder or manslaughter’</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> ‘Unnecessary violence is frowned upon’ in the sleepy market town of Ashbourne… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-05">Mar 5, 2025</time> </div> </article> <article class="post tag-weird tag-features tag-artificial-intelligence flex gap-3 md:gap-5 " data-slide-index="6"> <a href="/mundial/artificial-intelligence-good-for-football/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-AI-in-Football-2-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-AI-in-Football-2-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-AI-in-Football-2-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-AI-in-Football-2-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-AI-in-Football-2-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-AI-in-Football-2-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-AI-in-Football-2-.jpg" alt="Is AI actually good for football?" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/artificial-intelligence-good-for-football/" class="hover:underline">Is AI actually good for football?</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> We got Andrew Martin to investigate artificial intelligence (properly this time)… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-04">Mar 4, 2025</time> </div> </article> <article class="post tag-weird tag-features tag-diego-maradona tag-serie-a tag-second-screening flex gap-3 md:gap-5 " data-slide-index="7"> <a href="/mundial/second-screening-diego-maradona-napoli-juventus/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-SS-Diego-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-SS-Diego-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-SS-Diego-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-SS-Diego-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-SS-Diego-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-SS-Diego-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-SS-Diego-.jpg" alt="Second Screening: Diego Maradona" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/second-screening-diego-maradona-napoli-juventus/" class="hover:underline">Second Screening: Diego Maradona</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Andrew rewatched El Diego for 90 minutes and was extremely disappointed… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-06">Feb 6, 2025</time> </div> </article> <article class="post tag-weird tag-bundesliga tag-borussia-dortmund flex gap-3 md:gap-5 " data-slide-index="8"> <a href="/mundial/i-took-on-dortmunds-footbonaut-and-won/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-Footbonaut-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-Footbonaut-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-Footbonaut-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-Footbonaut-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-Footbonaut-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-Footbonaut-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/01/SITE_HeaderImage-Footbonaut-.jpg" alt="I took on Dortmund's Footbonaut...and won" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/i-took-on-dortmunds-footbonaut-and-won/" class="hover:underline">I took on Dortmund's Footbonaut...and won</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Tommy Stewart defeated the footballing Death Star—and it was one of the greatest moments of his life… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-01-28">Jan 28, 2025</time> </div> </article> <article class="post tag-weird tag-features tag-football-manager tag-everton flex gap-3 md:gap-5 " data-slide-index="9"> <a href="/mundial/football-manager-is-your-life-now-episode-9-everton/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-Joel-FM-9-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-Joel-FM-9-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-Joel-FM-9-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-Joel-FM-9-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-Joel-FM-9-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-Joel-FM-9-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/01/SITE_HeaderImage-Joel-FM-9-.jpg" alt="Football Manager is your life, now. Episode 9." /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/football-manager-is-your-life-now-episode-9-everton/" class="hover:underline">Football Manager is your life, now. Episode 9.</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> You all laughed at Joel. Well, I have to say, you’re not laughing now, are you? </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-01-23">Jan 23, 2025</time> </div> </article> <article class="post tag-weird tag-features tag-ai tag-artificial-intelligence flex gap-3 md:gap-5 " data-slide-index="10"> <a href="/mundial/how-ai-is-changing-football/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-AI-in-Football-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-AI-in-Football-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-AI-in-Football-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-AI-in-Football-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-AI-in-Football-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-AI-in-Football-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/01/SITE_HeaderImage-AI-in-Football-.jpg" alt="Is AI ruining football?" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/how-ai-is-changing-football/" class="hover:underline">Is AI ruining football?</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> This is a very serious investigation into a rather scary subject matter… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-01-17">Jan 17, 2025</time> </div> </article> </div> </div> </div> </div> </div> </div> </section> <hr class="border-typ border-t-2 border-b-0 max-w-container mx-auto"/> <section class="px-5 sm:px-6 bg-bgr"> <div class="max-w-container mx-auto py-8 md:py-16 border-b-2 border-typ"> <h2 class="font-public-sans inline-flex px-2 py-1 bg-typ text-white font-black text-xs sm:text-sm md:text-base uppercase mb-5 md:mb-8">Fans</h2> <div class="flex flex-col md:flex-row md:gap-16"> <div class="grid grid-cols-2 lg:grid-cols-3 gap-x-5 gap-y-8 md:gap-x-8 md:gap-y-16"> <article class="post tag-fans tag-features featured flex flex-col gap-3 md:gap-5"> <a href="/mundial/best-800-000-dong-ever-spent-vietnam-laos/" class=" aspect-[3/4]"> <figure class="aspect-[3/4]"> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 960w" sizes="(max-width: 768px) 210px, 320px" type="image/webp" > <img class="aspect-[3/4] w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-Vietnam-.jpg 960w" sizes="(max-width: 768px) 210px, 320px" src="/mundial/content/images/size/w30/2025/04/SITE_HeaderImage-Vietnam-.jpg" alt="The best 800,000 dong I ever spent" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-lg md:text-2xl"> <a href="/mundial/best-800-000-dong-ever-spent-vietnam-laos/" class="hover:underline">The best 800,000 dong I ever spent</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-04-04">Apr 4, 2025</time> </div> </article> <article class="post tag-fans tag-features tag-man-utd tag-premier-league flex flex-col gap-3 md:gap-5"> <a href="/mundial/day-man-utd-fans-stopped-premier-league-liverpool/" class=" aspect-[3/4]"> <figure class="aspect-[3/4]"> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-United--updated-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-United--updated-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-United--updated-.jpg 960w" sizes="(max-width: 768px) 210px, 320px" type="image/webp" > <img class="aspect-[3/4] w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-United--updated-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-United--updated-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-United--updated-.jpg 960w" sizes="(max-width: 768px) 210px, 320px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-United--updated-.jpg" alt="The day the football stopped" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-lg md:text-2xl"> <a href="/mundial/day-man-utd-fans-stopped-premier-league-liverpool/" class="hover:underline">The day the football stopped</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-18">Mar 18, 2025</time> </div> </article> <article class="post tag-fans tag-features flex flex-col gap-3 md:gap-5"> <a href="/mundial/auntie-kaye-loves-newcastle-carabao-cup-final/" class=" aspect-[3/4]"> <figure class="aspect-[3/4]"> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Carabao-Cup-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Carabao-Cup-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Carabao-Cup-.jpg 960w" sizes="(max-width: 768px) 210px, 320px" type="image/webp" > <img class="aspect-[3/4] w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Carabao-Cup-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Carabao-Cup-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Carabao-Cup-.jpg 960w" sizes="(max-width: 768px) 210px, 320px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Carabao-Cup-.jpg" alt="My Auntie Kaye loves the Mags" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-lg md:text-2xl"> <a href="/mundial/auntie-kaye-loves-newcastle-carabao-cup-final/" class="hover:underline">My Auntie Kaye loves the Mags</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-15">Mar 15, 2025</time> </div> </article> <article class="post tag-fans tag-features tag-womens-football flex flex-col gap-3 md:gap-5"> <a href="/mundial/why-wsl-fans-afterthought-no-relegation/" class=" aspect-[3/4]"> <figure class="aspect-[3/4]"> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-WSL-Relegation--1.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-WSL-Relegation--1.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-WSL-Relegation--1.jpg 960w" sizes="(max-width: 768px) 210px, 320px" type="image/webp" > <img class="aspect-[3/4] w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-WSL-Relegation--1.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-WSL-Relegation--1.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-WSL-Relegation--1.jpg 960w" sizes="(max-width: 768px) 210px, 320px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-WSL-Relegation--1.jpg" alt="Why are WSL fans always an afterthought?" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-lg md:text-2xl"> <a href="/mundial/why-wsl-fans-afterthought-no-relegation/" class="hover:underline">Why are WSL fans always an afterthought?</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-06">Mar 6, 2025</time> </div> </article> <article class="post tag-fans tag-features tag-mls flex flex-col gap-3 md:gap-5"> <a href="/mundial/searching-san-diego-fc-soccer-mls/" class=" aspect-[3/4]"> <figure class="aspect-[3/4]"> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-San-Diego-FC-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-San-Diego-FC-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-San-Diego-FC-.jpg 960w" sizes="(max-width: 768px) 210px, 320px" type="image/webp" > <img class="aspect-[3/4] w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-San-Diego-FC-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-San-Diego-FC-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-San-Diego-FC-.jpg 960w" sizes="(max-width: 768px) 210px, 320px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-San-Diego-FC-.jpg" alt="Searching for San Diego soccer" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-lg md:text-2xl"> <a href="/mundial/searching-san-diego-fc-soccer-mls/" class="hover:underline">Searching for San Diego soccer</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-26">Feb 26, 2025</time> </div> </article> <article class="post tag-fans tag-afcon tag-features flex flex-col gap-3 md:gap-5"> <a href="/mundial/2023-afcon-ivory-coast-day-of-celebration/" class=" aspect-[3/4]"> <figure class="aspect-[3/4]"> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Afcon-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Afcon-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Afcon-.jpg 960w" sizes="(max-width: 768px) 210px, 320px" type="image/webp" > <img class="aspect-[3/4] w-full object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Afcon-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Afcon-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Afcon-.jpg 960w" sizes="(max-width: 768px) 210px, 320px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-Afcon-.jpg" alt="This is a day of celebration" /> </picture> </figure> </a> <div class="flex flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-lg md:text-2xl"> <a href="/mundial/2023-afcon-ivory-coast-day-of-celebration/" class="hover:underline">This is a day of celebration</a> </h2> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-18">Feb 18, 2025</time> </div> </article> </div> <div class="">  <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/C_NVOt3Mto8/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/C_NVOt3Mto8/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">View this post on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/C_NVOt3Mto8/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by MUNDIAL (@mundialmag)</a></p></div></blockquote> <script async src="//www.instagram.com/embed.js"></script>  </div> </div> </div> </section> <section class="px-5 sm:px-6 bg-bgr py-8 md:py-16"> <div class="max-w-container mx-auto rounded bg-sea-green px-5 py-8 md:px-8 md:py-16"> <div class="flex flex-col md:flex-row"> <div class="flex flex-col justify-center md:flex-1"> <a href="/mundial/homepage-podcast/" class="hidden md:block"> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2024/09/MUNDIAL_LOGO_WORDMARK_2020_WHITE_NO-BG-1.png 320w, /mundial/content/images/size/w640/format/webp/2024/09/MUNDIAL_LOGO_WORDMARK_2020_WHITE_NO-BG-1.png 600w, /mundial/content/images/size/w960/format/webp/2024/09/MUNDIAL_LOGO_WORDMARK_2020_WHITE_NO-BG-1.png 960w" sizes="(max-width: 400px) 160px, 160px" type="image/webp" > <img class="w-40 h-[50px]" loading="eager" srcset="/mundial/content/images/size/w320/format/webp/2024/09/MUNDIAL_LOGO_WORDMARK_2020_WHITE_NO-BG-1.png 320w, /mundial/content/images/size/w640/format/webp/2024/09/MUNDIAL_LOGO_WORDMARK_2020_WHITE_NO-BG-1.png 640w, /mundial/content/images/size/w960/format/webp/2024/09/MUNDIAL_LOGO_WORDMARK_2020_WHITE_NO-BG-1.png 960w" sizes="(max-width: 400px) 160px, 160px" src="/mundial/content/images/size/w30/2024/09/MUNDIAL_LOGO_WORDMARK_2020_WHITE_NO-BG-1.png" alt="Reminding You Why You Love Football Podcast" /> </picture> </figure> </a> <h2 class="max-w-[32rem] font-public-sans font-black text-xl text-white md:text-2xl lg:text-3xl mb-2 md:mb-3 md:mt-6">Reminding You Why You Love Football Podcast</h2> <p class="max-w-[32rem] font-public-sans text-white font-medium text-xs opacity-80 md:opacity-100"></p> <div class="border-b opacity-20 border-white my-6 md:my-8 md:hidden"></div> <div class="md:hidden">  <iframe style="border-radius:12px" src="https://open.spotify.com/embed/episode/0008xHYwzucwIRRfHxNMHZ?utm_source=generator&theme=0" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>  </div> <a href="https://open.spotify.com/show/7nbWUXHiqgDsJuFJohZaIX" class="block font-public-sans text-white font-black text-sm mt-4 md:mt-6 hover:underline md:text-base md:font-semibold">See more episodes</a> </div> <div class="hidden border-r opacity-20 border-white mx-8 md:block"></div> <div class="hidden items-center flex-1 md:flex">  <iframe style="border-radius:12px" src="https://open.spotify.com/embed/episode/0008xHYwzucwIRRfHxNMHZ?utm_source=generator&theme=0" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>  </div> </div> </div> </section> <section class="relative px-5 sm:px-6 my-8 md:my-20 overflow-hidden bg-[#EFEFE4]" data-topic-section="grassroots" x-data="{ activeSlide: 1, postCount: 10 }" x-init="$nextTick(() => { const topicEl = document.querySelector('.glide-grassroots'); window['glidegrassroots'] = new Glide(topicEl, { type: 'slider', rewind: false, // startAt: 0, bound: true, perView: 2, gap: 32, breakpoints: { 640: { perView: 1.1, gap: 16 } } }); window['glidegrassroots'].on('run.after', () => { activeSlide = $el.querySelector('article.glide__slide--active').getAttribute('data-slide-index'); }); window['glidegrassroots'].mount(); })" > <div class="max-w-container mx-auto py-8 md:py-16" :data-active="activeSlide"> <div class="max-w-container flex justify-between flex-wrap relative"> <div class="flex justify-between w-full"> <span :class="activeSlide != 1 ? 'lg:invisible' : 'lg:visible'"> <i class="icon icon-ball size-9 md:size-[60px] [&_svg>g>path:first-of-type]:fill-[#F9C0C1] stroke-2"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2512_1313)"> <path d="M15.9922 31.9999C7.14895 31.9941 -0.012274 24.8251 1.57949e-05 15.9902C0.0123056 7.14235 7.17352 -0.00861607 16.0126 -8.39256e-05C24.8494 0.00844822 31.9922 7.18194 32 16.0021C32.0079 24.7186 24.9262 31.9979 15.9922 31.9999ZM5.15116 8.44811C5.11805 8.49145 5.1003 8.51261 5.08494 8.53548C4.23352 9.77264 3.61425 11.1173 3.22542 12.5674C3.20561 12.6408 3.21039 12.7258 3.22303 12.8022C3.45858 14.265 3.94369 15.6486 4.5691 16.9857C5.68031 19.3621 7.23258 21.4081 9.20271 23.1374C9.568 23.4582 9.95137 23.7585 10.3303 24.0715C11.1035 23.2981 11.7709 22.475 12.3977 21.5514C12.3414 21.5129 12.2782 21.4815 12.2298 21.4347C10.3914 19.6546 8.7596 17.7096 7.49169 15.4762C6.46618 13.6694 5.73425 11.7535 5.35941 9.70643C5.28499 9.29962 5.22388 8.89007 5.15116 8.44811ZM25.8251 16.999C24.7217 16.7823 23.6395 16.6666 22.5461 16.6144C21.6858 21.6944 19.1991 25.8322 15.3377 29.2044C16.9419 29.2819 18.4785 29.0874 19.9768 28.6082C20.1058 28.5669 20.2356 28.4898 20.3342 28.397C21.6895 27.1165 22.7768 25.6308 23.6641 23.9964C24.6678 22.148 25.3253 20.1802 25.6701 18.1072C25.7305 17.7444 25.7725 17.3785 25.8254 16.999H25.8251ZM13.089 9.91257C18.0586 8.16484 22.9738 8.37542 27.8785 10.2091C27.8491 10.1388 27.8348 10.0969 27.8146 10.0576C27.3172 9.07437 26.6915 8.17986 25.9896 7.3304C25.6219 6.88536 25.1744 6.62428 24.6411 6.43418C22.9342 5.82601 21.1669 5.60042 19.3695 5.55981C18.1961 5.53319 17.0293 5.63489 15.872 5.82908C14.5809 6.04614 13.3225 6.38674 12.0942 6.84031C11.9874 6.8799 11.9693 6.92529 12.0055 7.0287C12.2342 7.68158 12.4496 8.33924 12.6862 8.98905C12.8002 9.30201 12.9518 9.60097 13.089 9.91291V9.91257ZM29.2549 15.5189C29.1676 14.85 29.0785 14.2097 29.004 13.5677C28.9846 13.3991 28.904 13.3101 28.7623 13.235C27.7156 12.6777 26.6229 12.2316 25.4837 11.9084C24.7859 11.7105 24.0809 11.5026 23.365 11.4101C22.4143 11.2873 21.4506 11.2484 20.4909 11.2166C18.5932 11.1538 16.708 11.2835 14.8499 11.7012C14.6328 11.7501 14.4184 11.8115 14.1917 11.8698C14.2211 11.9234 14.2334 11.949 14.2487 11.9726C14.842 12.891 15.5019 13.7578 16.2404 14.5653C16.34 14.6742 16.4295 14.6923 16.564 14.6643C17.8305 14.4032 19.1131 14.2701 20.4042 14.2326C21.6445 14.196 22.8827 14.2292 24.1185 14.3599C25.3635 14.4916 26.5945 14.6933 27.7969 15.0458C28.2694 15.1844 28.7343 15.3496 29.2543 15.5196L29.2549 15.5189ZM20.1666 16.6455C20.099 16.6246 20.0881 16.6175 20.0779 16.6185C19.1414 16.724 18.205 16.828 17.2696 16.9424C17.2157 16.9489 17.1467 17.0335 17.1276 17.0953C16.6285 18.714 15.9505 20.2532 15.0919 21.7129C13.9169 23.7101 12.4585 25.4694 10.6727 26.9516C10.3822 27.1926 10.0831 27.4233 9.77863 27.6663C10.4556 28.0349 11.1527 28.3198 11.8665 28.5686C12.0519 28.6331 12.1888 28.613 12.3496 28.5004C13.6841 27.5659 14.8806 26.482 15.9471 25.2506C17.5854 23.3592 18.8315 21.2446 19.5811 18.8526C19.8078 18.129 19.9724 17.3857 20.167 16.6455H20.1666ZM9.14604 4.70898C9.12181 4.71751 9.10371 4.71956 9.09108 4.72878C8.54384 5.12501 7.99524 5.51988 7.45244 5.92225C7.4101 5.95365 7.38552 6.04068 7.38962 6.09904C7.45175 6.97171 7.47531 7.85018 7.59616 8.715C7.85254 10.5477 8.45679 12.2739 9.33073 13.9053C10.2934 15.7021 11.5272 17.2994 12.9269 18.7734C13.1478 19.0058 13.3864 19.2211 13.6168 19.444C13.6257 19.4355 13.6366 19.4293 13.6414 19.4198C14.1012 18.5113 14.4887 17.5731 14.7867 16.599C14.8024 16.5478 14.7666 16.4591 14.7256 16.4158C13.4325 15.0496 12.3414 13.5367 11.447 11.8835C10.415 9.97673 9.68714 7.96075 9.31947 5.82021C9.25631 5.4523 9.20374 5.08235 9.1457 4.70932L9.14604 4.70898ZM3.3309 19.7105C3.321 19.7495 3.31725 19.7556 3.31861 19.76C4.09629 22.3255 5.52396 24.4612 7.57363 26.1841C7.60401 26.2097 7.68389 26.2141 7.71701 26.1926C7.98261 26.0192 8.24274 25.837 8.51687 25.6489C6.42111 23.9838 4.69746 22.0166 3.3309 19.7105ZM11.5197 4.52707C13.9927 3.65236 16.5302 3.18514 19.1479 3.17046C16.5397 2.5384 13.9736 2.67457 11.4391 3.58137C11.4504 3.74963 11.4589 3.90798 11.4722 4.06566C11.4845 4.21241 11.5023 4.35882 11.5197 4.52673V4.52707ZM26.0726 24.5541C26.1135 24.5073 26.1569 24.4623 26.1955 24.4135C26.3334 24.2401 26.4744 24.0691 26.6065 23.8913C27.8727 22.1896 28.6842 20.2928 29.0416 18.2024C29.0501 18.1526 29.0307 18.0635 28.9969 18.0461C28.721 17.9038 28.4384 17.7744 28.1318 17.6287C27.8143 20.0658 27.1302 22.3596 26.0722 24.5541H26.0726Z" fill="#141414"/> <path d="M5.15176 8.44818C5.22447 8.89015 5.28558 9.29969 5.36 9.7065C5.73484 11.7535 6.46643 13.6699 7.49229 15.4763C8.76019 17.7097 10.392 19.6546 12.2304 21.4348C12.2785 21.4816 12.342 21.513 12.3983 21.5515C11.7715 22.475 11.1041 23.2982 10.3309 24.0716C9.95196 23.7586 9.56893 23.4583 9.20331 23.1375C7.23318 21.4082 5.6809 19.3622 4.5697 16.9858C3.94428 15.6483 3.45917 14.2651 3.22362 12.8023C3.21133 12.7259 3.20655 12.6409 3.22601 12.5675C3.61484 11.1174 4.23377 9.77271 5.08553 8.53555C5.10123 8.51303 5.11864 8.49187 5.15176 8.44818Z"/> <path d="M25.8256 16.9991C25.773 17.3786 25.7307 17.7445 25.6702 18.1073C25.3258 20.1803 24.6679 22.1481 23.6643 23.9965C22.777 25.6309 21.6897 27.1166 20.3344 28.3971C20.2357 28.4902 20.106 28.567 19.977 28.6083C18.4786 29.0875 16.9421 29.282 15.3379 29.2045C19.1993 25.832 21.6859 21.6945 22.5462 16.6145C23.6393 16.6667 24.7215 16.7821 25.8252 16.9991H25.8256Z"/> <path d="M13.0888 9.91265C12.9516 9.60106 12.8 9.30175 12.686 8.98879C12.4491 8.33898 12.234 7.68132 12.0053 7.02844C11.9691 6.92503 11.9872 6.87964 12.094 6.84005C13.3223 6.38648 14.5807 6.04588 15.8718 5.82882C17.0294 5.63429 18.1959 5.53259 19.3693 5.55955C21.1667 5.6005 22.934 5.82575 24.6409 6.43392C25.1742 6.62402 25.6214 6.88476 25.9894 7.33014C26.6913 8.1796 27.317 9.07411 27.8144 10.0574C27.8342 10.0966 27.8489 10.1386 27.8783 10.2089C22.9739 8.37516 18.0584 8.16458 13.0888 9.91231V9.91265Z"/> <path d="M29.254 15.519C28.7337 15.349 28.2691 15.1838 27.7966 15.0453C26.5942 14.6927 25.3632 14.491 24.1182 14.3593C22.8827 14.2286 21.6442 14.1955 20.4039 14.232C19.1125 14.2699 17.8302 14.403 16.5637 14.6637C16.4288 14.6913 16.3394 14.6736 16.2401 14.5647C15.5013 13.7572 14.8417 12.8904 14.2484 11.972C14.2331 11.9484 14.2211 11.9228 14.1914 11.8693C14.4181 11.8109 14.6325 11.7495 14.8496 11.7007C16.7078 11.2833 18.5925 11.1532 20.4906 11.216C21.4503 11.2478 22.414 11.2867 23.3647 11.4095C24.0806 11.502 24.7852 11.7099 25.4834 11.9078C26.6226 12.231 27.7153 12.6774 28.762 13.2344C28.9037 13.3098 28.9839 13.3989 29.0037 13.5672C29.0782 14.2091 29.1673 14.8494 29.2546 15.5183L29.254 15.519Z"/> <path d="M20.1657 16.6456C19.9711 17.3858 19.8069 18.1291 19.5799 18.8527C18.8302 21.2447 17.5845 23.3593 15.9458 25.2507C14.8793 26.4821 13.6828 27.566 12.3483 28.5005C12.1875 28.6131 12.0506 28.6332 11.8652 28.5687C11.1511 28.3199 10.454 28.0346 9.77734 27.6664C10.0819 27.4234 10.3809 27.1927 10.6714 26.9517C12.4572 25.4695 13.9156 23.7102 15.0906 21.713C15.9492 20.2536 16.6272 18.7141 17.1263 17.0954C17.1454 17.0339 17.2144 16.9493 17.2683 16.9425C18.2037 16.8281 19.1401 16.7241 20.0766 16.6186C20.0868 16.6176 20.0977 16.6247 20.1653 16.6456H20.1657Z"/> <path d="M9.1452 4.70905C9.20323 5.08242 9.2558 5.45203 9.31896 5.81994C9.68629 7.96082 10.4141 9.97646 11.4465 11.8832C12.3412 13.5361 13.432 15.0493 14.7251 16.4155C14.7664 16.4588 14.8019 16.5476 14.7862 16.5988C14.4882 17.5728 14.1007 18.511 13.6409 19.4195C13.6361 19.4291 13.6248 19.4352 13.6163 19.4437C13.3859 19.2209 13.1469 19.0055 12.9264 18.7731C11.5267 17.2991 10.2929 15.7019 9.33023 13.905C8.45628 12.2737 7.85203 10.5478 7.59565 8.71473C7.4748 7.84991 7.45125 6.97144 7.38911 6.09877C7.38502 6.04041 7.4096 5.95338 7.45193 5.92198C7.99473 5.51961 8.54299 5.12474 9.09057 4.7285C9.10355 4.71929 9.1213 4.71724 9.14554 4.70871L9.1452 4.70905Z"/> <path d="M3.33092 19.7106C4.69748 22.017 6.42079 23.9842 8.51689 25.649C8.24276 25.8371 7.98296 26.019 7.71703 26.1927C7.68391 26.2145 7.60403 26.2097 7.57364 26.1841C5.52397 24.4613 4.09596 22.3256 3.31863 19.7601C3.31726 19.7557 3.32102 19.7495 3.33092 19.7106Z"/> <path d="M11.52 4.52716C11.5026 4.35891 11.4852 4.21284 11.4726 4.06608C11.4593 3.90807 11.4507 3.75005 11.4395 3.5818C13.9739 2.675 16.5401 2.53883 19.1483 3.17089C16.5305 3.18522 13.993 3.65279 11.52 4.5275V4.52716Z"/> <path d="M26.0723 24.5545C27.1302 22.36 27.8144 20.0662 28.1318 17.6291C28.4384 17.7748 28.7211 17.9042 28.9969 18.0465C29.0307 18.0639 29.0502 18.153 29.0416 18.2028C28.6842 20.2932 27.8727 22.1901 26.6065 23.8917C26.4744 24.0695 26.3334 24.2405 26.1955 24.4139C26.1566 24.4627 26.1136 24.5077 26.0726 24.5545H26.0723Z"/> </g> <defs> <clipPath id="clip0_2512_1313"> <rect width="32" height="32" fill="white"/> </clipPath> </defs> </svg> </i> </span> <div class="hidden md:flex gap-1 md:gap-2" :class="postCount < 3 ? 'invisible' : 'visible'"> <button class="glide__arrow glide__arrow--left" @click="glidegrassroots.go('<')"> <i class="icon icon-triangle-left w-4 h-3 md:w-6 md:h-5 fill-typ stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M0.500002 12L20 2.55712e-06L20 24L0.500002 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Previous</span> </button> <button class="glide__arrow glide__arrow--right" @click="glidegrassroots.go('>'); activeSlide = 2"> <i class="icon icon-triangle-right w-4 h-3 md:w-6 md:h-5 fill-typ stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M19.5 12L8.58275e-07 24L1.90735e-06 -8.52372e-07L19.5 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Next</span> </button> </div> </div> <div class="grid lg:grid-cols-4 mt-4"> <h2 class="font-sant-elia-sans font-bold text-6xl lg:text-8xl md:mt-8 z-10 mb-4" :class="activeSlide != 1 ? 'lg:invisible' : 'lg:visible'">Grassroots</h2> <div class="glide-grassroots col-span-3 relative" :class="postCount < 3 ? 'no-glide-scroll' : ''">  <div data-glide-el="track" class="" style="max-width:calc(100vw - 48px)"> <div class="glide__slides"> <article class="post tag-grassroots tag-features featured flex gap-3 md:gap-5 " data-slide-index="1"> <a href="/mundial/sant-andreu-europa-fear-and-loathing-catalonia/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/04/SITE_HeaderImage-CE-Europa-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/04/SITE_HeaderImage-CE-Europa-.jpg" alt="Fear and loathing in Catalonia" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/sant-andreu-europa-fear-and-loathing-catalonia/" class="hover:underline">Fear and loathing in Catalonia</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Nothing was going to stop James Young telling the story of a fascinating rivalry… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-04-02">Apr 2, 2025</time> </div> </article> <article class="post tag-grassroots tag-features featured flex gap-3 md:gap-5 " data-slide-index="2"> <a href="/mundial/best-football-assist-all-time/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Best-Assists-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Best-Assists-.jpg" alt="Assisters are doin’ it for themselves" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/best-football-assist-all-time/" class="hover:underline">Assisters are doin’ it for themselves</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> We got a load of grassroots players to tell us about their best ever assist… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-04-01">Apr 1, 2025</time> </div> </article> <article class="post tag-grassroots tag-features tag-footy-addicts flex gap-3 md:gap-5 " data-slide-index="3"> <a href="/mundial/gods-of-the-astro-part-five-grassroots-goals/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-GOTA5-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-GOTA5-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-GOTA5-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-GOTA5-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-GOTA5-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-GOTA5-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-GOTA5-.jpg" alt="Gods of the Astro: Part five" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/gods-of-the-astro-part-five-grassroots-goals/" class="hover:underline">Gods of the Astro: Part five</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Welcome to the underground scene that is the beating heart & soul of the game we all love… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-23">Feb 23, 2025</time> </div> </article> <article class="post tag-grassroots tag-features flex gap-3 md:gap-5 " data-slide-index="4"> <a href="/mundial/league-of-ireland-taking-over-bohemians-shamrock-rovers/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Bohs-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Bohs-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Bohs-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Bohs-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Bohs-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Bohs-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-Bohs-.jpg" alt="The League of Ireland is taking over" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/league-of-ireland-taking-over-bohemians-shamrock-rovers/" class="hover:underline">The League of Ireland is taking over</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> After years in the shadows, Bohemians and Shamrock Rovers finally have the stage they deserve… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-15">Feb 15, 2025</time> </div> </article> <article class="post tag-grassroots tag-carlisle-united tag-features flex gap-3 md:gap-5 " data-slide-index="5"> <a href="/mundial/worst-club-efl-carlisle-united/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Crap-Carlisle--1.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Crap-Carlisle--1.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Crap-Carlisle--1.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Crap-Carlisle--1.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Crap-Carlisle--1.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Crap-Carlisle--1.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-Crap-Carlisle--1.jpg" alt="How to become the worst club in the EFL" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/worst-club-efl-carlisle-united/" class="hover:underline">How to become the worst club in the EFL</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Carlisle United are having quite the time of it lately… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-14">Feb 14, 2025</time> </div> </article> <article class="post tag-grassroots tag-caleb-watts tag-features tag-fa-cup flex gap-3 md:gap-5 " data-slide-index="6"> <a href="/mundial/we-need-to-save-fa-cup-caleb-watts/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Caleb-Watts-FA-Cup-Sticker-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Caleb-Watts-FA-Cup-Sticker-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Caleb-Watts-FA-Cup-Sticker-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Caleb-Watts-FA-Cup-Sticker-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Caleb-Watts-FA-Cup-Sticker-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Caleb-Watts-FA-Cup-Sticker-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-Caleb-Watts-FA-Cup-Sticker-.jpg" alt="We need to save the FA Cup" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/we-need-to-save-fa-cup-caleb-watts/" class="hover:underline">We need to save the FA Cup</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> We’re not sure anyone loves the FA Cup more than Caleb Watts… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-11">Feb 11, 2025</time> </div> </article> <article class="post tag-grassroots tag-features tag-footy-addicts flex gap-3 md:gap-5 " data-slide-index="7"> <a href="/mundial/gods-of-the-astro-part-four-2/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-GOTA4-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-GOTA4-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-GOTA4-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-GOTA4-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-GOTA4-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-GOTA4-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-GOTA4-.jpg" alt="Gods of the Astro: Part four" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/gods-of-the-astro-part-four-2/" class="hover:underline">Gods of the Astro: Part four</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Welcome to the underground scene that is the beating heart & soul of the game we all love… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-09">Feb 9, 2025</time> </div> </article> <article class="post tag-grassroots tag-features tag-footy-addicts flex gap-3 md:gap-5 " data-slide-index="8"> <a href="/mundial/gods-of-the-astro-part-three/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-GOTA3--1.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-GOTA3--1.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-GOTA3--1.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-GOTA3--1.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-GOTA3--1.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-GOTA3--1.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/01/SITE_HeaderImage-GOTA3--1.jpg" alt="Gods of the Astro: Part three" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/gods-of-the-astro-part-three/" class="hover:underline">Gods of the Astro: Part three</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Welcome to the underground scene that is the beating heart & soul of the game we all love… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-02">Feb 2, 2025</time> </div> </article> <article class="post tag-grassroots tag-features flex gap-3 md:gap-5 " data-slide-index="9"> <a href="/mundial/gods-of-the-astro-footy-addicts-part-two/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-GOTA2-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-GOTA2-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-GOTA2-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-GOTA2-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-GOTA2-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-GOTA2-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/01/SITE_HeaderImage-GOTA2-.jpg" alt="Gods of the Astro: Part two" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/gods-of-the-astro-footy-addicts-part-two/" class="hover:underline">Gods of the Astro: Part two</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Welcome to the underground scene that is the beating heart & soul of the game we all love… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-01-26">Jan 26, 2025</time> </div> </article> <article class="post tag-grassroots tag-footy-addicts tag-liverpool tag-features flex gap-3 md:gap-5 " data-slide-index="10"> <a href="/mundial/gods-of-the-astro-footy-addicts/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-Gods-of-the-Astro-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-Gods-of-the-Astro-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-Gods-of-the-Astro-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-Gods-of-the-Astro-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-Gods-of-the-Astro-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-Gods-of-the-Astro-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/01/SITE_HeaderImage-Gods-of-the-Astro-.jpg" alt="Gods of the Astro: Part one" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/gods-of-the-astro-footy-addicts/" class="hover:underline">Gods of the Astro: Part one</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Welcome to the underground scene that is the beating heart & soul of the game we all love… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-01-16">Jan 16, 2025</time> </div> </article> </div> </div> </div> </div> </div> </div> </section> <hr class="border-typ border-t-2 border-b-0 max-w-container mx-auto"/> <section class="px-5 sm:px-6 bg-bgr"> <div class="max-w-container mx-auto md:pt-16 md:border-t-2 border-typ"> <div class="flex flex-col gap-5 md:gap-6 md:flex-row"> <article class="post tag-culture tag-features tag-hash-homepage_end flex-[3] min-h-[25rem] w-full flex items-end relative text-white overflow-hidden px-5 sm:px-6 py-8 md:min-h-[700px]"> <a href="/mundial/mundial-new-puma-king-super-archive/"> <div class="absolute w-full h-full left-0 top-0"> <figure class="h-full w-full"> <picture class="h-full w-full block" > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 960w" sizes="(max-width: 1080px) 90vw, 768px" type="image/webp" > <img class="object-cover w-full h-full will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 960w" sizes="(max-width: 1080px) 90vw, 768px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg" alt="MUNDIAL has made a new Puma King" /> </picture> </figure> </div> <div class="absolute inset-0 bg-gradient-to-b from-transparent via-black/30 to-black/40"></div> <div class="max-w-wide mx-auto flex flex-col items-center text-center gap-5 relative z-10 mb-4 md:mb-8"> <h2 class="font-sant-elia-sans font-bold text-5xl text-balance sm:text-6xl md:text-8xl lg:text-9xl"> <p class="">MUNDIAL has made a new Puma King</p> </h2> <time class="text-sm font-bold max-w-content text-balance sm:text-base md:text-lg" datetime="2025-03-23">Mar 23, 2025</time> </div> </a> </article> </div> </div> </section> <section class="relative px-5 sm:px-6 my-8 md:my-20 overflow-hidden bg-[#EFEFE4]" data-topic-section="culture" x-data="{ activeSlide: 1, postCount: 10 }" x-init="$nextTick(() => { const topicEl = document.querySelector('.glide-culture'); window['glideculture'] = new Glide(topicEl, { type: 'slider', rewind: false, // startAt: 0, bound: true, perView: 2, gap: 32, breakpoints: { 640: { perView: 1.1, gap: 16 } } }); window['glideculture'].on('run.after', () => { activeSlide = $el.querySelector('article.glide__slide--active').getAttribute('data-slide-index'); }); window['glideculture'].mount(); })" > <div class="max-w-container mx-auto py-8 md:py-16" :data-active="activeSlide"> <div class="max-w-container flex justify-between flex-wrap relative"> <div class="flex justify-between w-full"> <span :class="activeSlide != 1 ? 'lg:invisible' : 'lg:visible'"> <i class="icon icon-ball size-9 md:size-[60px] [&_svg>g>path:first-of-type]:fill-[#F9C0C1] stroke-2"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2512_1313)"> <path d="M15.9922 31.9999C7.14895 31.9941 -0.012274 24.8251 1.57949e-05 15.9902C0.0123056 7.14235 7.17352 -0.00861607 16.0126 -8.39256e-05C24.8494 0.00844822 31.9922 7.18194 32 16.0021C32.0079 24.7186 24.9262 31.9979 15.9922 31.9999ZM5.15116 8.44811C5.11805 8.49145 5.1003 8.51261 5.08494 8.53548C4.23352 9.77264 3.61425 11.1173 3.22542 12.5674C3.20561 12.6408 3.21039 12.7258 3.22303 12.8022C3.45858 14.265 3.94369 15.6486 4.5691 16.9857C5.68031 19.3621 7.23258 21.4081 9.20271 23.1374C9.568 23.4582 9.95137 23.7585 10.3303 24.0715C11.1035 23.2981 11.7709 22.475 12.3977 21.5514C12.3414 21.5129 12.2782 21.4815 12.2298 21.4347C10.3914 19.6546 8.7596 17.7096 7.49169 15.4762C6.46618 13.6694 5.73425 11.7535 5.35941 9.70643C5.28499 9.29962 5.22388 8.89007 5.15116 8.44811ZM25.8251 16.999C24.7217 16.7823 23.6395 16.6666 22.5461 16.6144C21.6858 21.6944 19.1991 25.8322 15.3377 29.2044C16.9419 29.2819 18.4785 29.0874 19.9768 28.6082C20.1058 28.5669 20.2356 28.4898 20.3342 28.397C21.6895 27.1165 22.7768 25.6308 23.6641 23.9964C24.6678 22.148 25.3253 20.1802 25.6701 18.1072C25.7305 17.7444 25.7725 17.3785 25.8254 16.999H25.8251ZM13.089 9.91257C18.0586 8.16484 22.9738 8.37542 27.8785 10.2091C27.8491 10.1388 27.8348 10.0969 27.8146 10.0576C27.3172 9.07437 26.6915 8.17986 25.9896 7.3304C25.6219 6.88536 25.1744 6.62428 24.6411 6.43418C22.9342 5.82601 21.1669 5.60042 19.3695 5.55981C18.1961 5.53319 17.0293 5.63489 15.872 5.82908C14.5809 6.04614 13.3225 6.38674 12.0942 6.84031C11.9874 6.8799 11.9693 6.92529 12.0055 7.0287C12.2342 7.68158 12.4496 8.33924 12.6862 8.98905C12.8002 9.30201 12.9518 9.60097 13.089 9.91291V9.91257ZM29.2549 15.5189C29.1676 14.85 29.0785 14.2097 29.004 13.5677C28.9846 13.3991 28.904 13.3101 28.7623 13.235C27.7156 12.6777 26.6229 12.2316 25.4837 11.9084C24.7859 11.7105 24.0809 11.5026 23.365 11.4101C22.4143 11.2873 21.4506 11.2484 20.4909 11.2166C18.5932 11.1538 16.708 11.2835 14.8499 11.7012C14.6328 11.7501 14.4184 11.8115 14.1917 11.8698C14.2211 11.9234 14.2334 11.949 14.2487 11.9726C14.842 12.891 15.5019 13.7578 16.2404 14.5653C16.34 14.6742 16.4295 14.6923 16.564 14.6643C17.8305 14.4032 19.1131 14.2701 20.4042 14.2326C21.6445 14.196 22.8827 14.2292 24.1185 14.3599C25.3635 14.4916 26.5945 14.6933 27.7969 15.0458C28.2694 15.1844 28.7343 15.3496 29.2543 15.5196L29.2549 15.5189ZM20.1666 16.6455C20.099 16.6246 20.0881 16.6175 20.0779 16.6185C19.1414 16.724 18.205 16.828 17.2696 16.9424C17.2157 16.9489 17.1467 17.0335 17.1276 17.0953C16.6285 18.714 15.9505 20.2532 15.0919 21.7129C13.9169 23.7101 12.4585 25.4694 10.6727 26.9516C10.3822 27.1926 10.0831 27.4233 9.77863 27.6663C10.4556 28.0349 11.1527 28.3198 11.8665 28.5686C12.0519 28.6331 12.1888 28.613 12.3496 28.5004C13.6841 27.5659 14.8806 26.482 15.9471 25.2506C17.5854 23.3592 18.8315 21.2446 19.5811 18.8526C19.8078 18.129 19.9724 17.3857 20.167 16.6455H20.1666ZM9.14604 4.70898C9.12181 4.71751 9.10371 4.71956 9.09108 4.72878C8.54384 5.12501 7.99524 5.51988 7.45244 5.92225C7.4101 5.95365 7.38552 6.04068 7.38962 6.09904C7.45175 6.97171 7.47531 7.85018 7.59616 8.715C7.85254 10.5477 8.45679 12.2739 9.33073 13.9053C10.2934 15.7021 11.5272 17.2994 12.9269 18.7734C13.1478 19.0058 13.3864 19.2211 13.6168 19.444C13.6257 19.4355 13.6366 19.4293 13.6414 19.4198C14.1012 18.5113 14.4887 17.5731 14.7867 16.599C14.8024 16.5478 14.7666 16.4591 14.7256 16.4158C13.4325 15.0496 12.3414 13.5367 11.447 11.8835C10.415 9.97673 9.68714 7.96075 9.31947 5.82021C9.25631 5.4523 9.20374 5.08235 9.1457 4.70932L9.14604 4.70898ZM3.3309 19.7105C3.321 19.7495 3.31725 19.7556 3.31861 19.76C4.09629 22.3255 5.52396 24.4612 7.57363 26.1841C7.60401 26.2097 7.68389 26.2141 7.71701 26.1926C7.98261 26.0192 8.24274 25.837 8.51687 25.6489C6.42111 23.9838 4.69746 22.0166 3.3309 19.7105ZM11.5197 4.52707C13.9927 3.65236 16.5302 3.18514 19.1479 3.17046C16.5397 2.5384 13.9736 2.67457 11.4391 3.58137C11.4504 3.74963 11.4589 3.90798 11.4722 4.06566C11.4845 4.21241 11.5023 4.35882 11.5197 4.52673V4.52707ZM26.0726 24.5541C26.1135 24.5073 26.1569 24.4623 26.1955 24.4135C26.3334 24.2401 26.4744 24.0691 26.6065 23.8913C27.8727 22.1896 28.6842 20.2928 29.0416 18.2024C29.0501 18.1526 29.0307 18.0635 28.9969 18.0461C28.721 17.9038 28.4384 17.7744 28.1318 17.6287C27.8143 20.0658 27.1302 22.3596 26.0722 24.5541H26.0726Z" fill="#141414"/> <path d="M5.15176 8.44818C5.22447 8.89015 5.28558 9.29969 5.36 9.7065C5.73484 11.7535 6.46643 13.6699 7.49229 15.4763C8.76019 17.7097 10.392 19.6546 12.2304 21.4348C12.2785 21.4816 12.342 21.513 12.3983 21.5515C11.7715 22.475 11.1041 23.2982 10.3309 24.0716C9.95196 23.7586 9.56893 23.4583 9.20331 23.1375C7.23318 21.4082 5.6809 19.3622 4.5697 16.9858C3.94428 15.6483 3.45917 14.2651 3.22362 12.8023C3.21133 12.7259 3.20655 12.6409 3.22601 12.5675C3.61484 11.1174 4.23377 9.77271 5.08553 8.53555C5.10123 8.51303 5.11864 8.49187 5.15176 8.44818Z"/> <path d="M25.8256 16.9991C25.773 17.3786 25.7307 17.7445 25.6702 18.1073C25.3258 20.1803 24.6679 22.1481 23.6643 23.9965C22.777 25.6309 21.6897 27.1166 20.3344 28.3971C20.2357 28.4902 20.106 28.567 19.977 28.6083C18.4786 29.0875 16.9421 29.282 15.3379 29.2045C19.1993 25.832 21.6859 21.6945 22.5462 16.6145C23.6393 16.6667 24.7215 16.7821 25.8252 16.9991H25.8256Z"/> <path d="M13.0888 9.91265C12.9516 9.60106 12.8 9.30175 12.686 8.98879C12.4491 8.33898 12.234 7.68132 12.0053 7.02844C11.9691 6.92503 11.9872 6.87964 12.094 6.84005C13.3223 6.38648 14.5807 6.04588 15.8718 5.82882C17.0294 5.63429 18.1959 5.53259 19.3693 5.55955C21.1667 5.6005 22.934 5.82575 24.6409 6.43392C25.1742 6.62402 25.6214 6.88476 25.9894 7.33014C26.6913 8.1796 27.317 9.07411 27.8144 10.0574C27.8342 10.0966 27.8489 10.1386 27.8783 10.2089C22.9739 8.37516 18.0584 8.16458 13.0888 9.91231V9.91265Z"/> <path d="M29.254 15.519C28.7337 15.349 28.2691 15.1838 27.7966 15.0453C26.5942 14.6927 25.3632 14.491 24.1182 14.3593C22.8827 14.2286 21.6442 14.1955 20.4039 14.232C19.1125 14.2699 17.8302 14.403 16.5637 14.6637C16.4288 14.6913 16.3394 14.6736 16.2401 14.5647C15.5013 13.7572 14.8417 12.8904 14.2484 11.972C14.2331 11.9484 14.2211 11.9228 14.1914 11.8693C14.4181 11.8109 14.6325 11.7495 14.8496 11.7007C16.7078 11.2833 18.5925 11.1532 20.4906 11.216C21.4503 11.2478 22.414 11.2867 23.3647 11.4095C24.0806 11.502 24.7852 11.7099 25.4834 11.9078C26.6226 12.231 27.7153 12.6774 28.762 13.2344C28.9037 13.3098 28.9839 13.3989 29.0037 13.5672C29.0782 14.2091 29.1673 14.8494 29.2546 15.5183L29.254 15.519Z"/> <path d="M20.1657 16.6456C19.9711 17.3858 19.8069 18.1291 19.5799 18.8527C18.8302 21.2447 17.5845 23.3593 15.9458 25.2507C14.8793 26.4821 13.6828 27.566 12.3483 28.5005C12.1875 28.6131 12.0506 28.6332 11.8652 28.5687C11.1511 28.3199 10.454 28.0346 9.77734 27.6664C10.0819 27.4234 10.3809 27.1927 10.6714 26.9517C12.4572 25.4695 13.9156 23.7102 15.0906 21.713C15.9492 20.2536 16.6272 18.7141 17.1263 17.0954C17.1454 17.0339 17.2144 16.9493 17.2683 16.9425C18.2037 16.8281 19.1401 16.7241 20.0766 16.6186C20.0868 16.6176 20.0977 16.6247 20.1653 16.6456H20.1657Z"/> <path d="M9.1452 4.70905C9.20323 5.08242 9.2558 5.45203 9.31896 5.81994C9.68629 7.96082 10.4141 9.97646 11.4465 11.8832C12.3412 13.5361 13.432 15.0493 14.7251 16.4155C14.7664 16.4588 14.8019 16.5476 14.7862 16.5988C14.4882 17.5728 14.1007 18.511 13.6409 19.4195C13.6361 19.4291 13.6248 19.4352 13.6163 19.4437C13.3859 19.2209 13.1469 19.0055 12.9264 18.7731C11.5267 17.2991 10.2929 15.7019 9.33023 13.905C8.45628 12.2737 7.85203 10.5478 7.59565 8.71473C7.4748 7.84991 7.45125 6.97144 7.38911 6.09877C7.38502 6.04041 7.4096 5.95338 7.45193 5.92198C7.99473 5.51961 8.54299 5.12474 9.09057 4.7285C9.10355 4.71929 9.1213 4.71724 9.14554 4.70871L9.1452 4.70905Z"/> <path d="M3.33092 19.7106C4.69748 22.017 6.42079 23.9842 8.51689 25.649C8.24276 25.8371 7.98296 26.019 7.71703 26.1927C7.68391 26.2145 7.60403 26.2097 7.57364 26.1841C5.52397 24.4613 4.09596 22.3256 3.31863 19.7601C3.31726 19.7557 3.32102 19.7495 3.33092 19.7106Z"/> <path d="M11.52 4.52716C11.5026 4.35891 11.4852 4.21284 11.4726 4.06608C11.4593 3.90807 11.4507 3.75005 11.4395 3.5818C13.9739 2.675 16.5401 2.53883 19.1483 3.17089C16.5305 3.18522 13.993 3.65279 11.52 4.5275V4.52716Z"/> <path d="M26.0723 24.5545C27.1302 22.36 27.8144 20.0662 28.1318 17.6291C28.4384 17.7748 28.7211 17.9042 28.9969 18.0465C29.0307 18.0639 29.0502 18.153 29.0416 18.2028C28.6842 20.2932 27.8727 22.1901 26.6065 23.8917C26.4744 24.0695 26.3334 24.2405 26.1955 24.4139C26.1566 24.4627 26.1136 24.5077 26.0726 24.5545H26.0723Z"/> </g> <defs> <clipPath id="clip0_2512_1313"> <rect width="32" height="32" fill="white"/> </clipPath> </defs> </svg> </i> </span> <div class="hidden md:flex gap-1 md:gap-2" :class="postCount < 3 ? 'invisible' : 'visible'"> <button class="glide__arrow glide__arrow--left" @click="glideculture.go('<')"> <i class="icon icon-triangle-left w-4 h-3 md:w-6 md:h-5 fill-typ stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M0.500002 12L20 2.55712e-06L20 24L0.500002 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Previous</span> </button> <button class="glide__arrow glide__arrow--right" @click="glideculture.go('>'); activeSlide = 2"> <i class="icon icon-triangle-right w-4 h-3 md:w-6 md:h-5 fill-typ stroke-2"> <svg viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg" fill="inherit"> <path d="M19.5 12L8.58275e-07 24L1.90735e-06 -8.52372e-07L19.5 12Z" fill="inherit"/> </svg> </i> <span class="sr-only">Next</span> </button> </div> </div> <div class="grid lg:grid-cols-4 mt-4"> <h2 class="font-sant-elia-sans font-bold text-6xl lg:text-8xl md:mt-8 z-10 mb-4" :class="activeSlide != 1 ? 'lg:invisible' : 'lg:visible'">Culture</h2> <div class="glide-culture col-span-3 relative" :class="postCount < 3 ? 'no-glide-scroll' : ''">  <div data-glide-el="track" class="" style="max-width:calc(100vw - 48px)"> <div class="glide__slides"> <article class="post tag-the-vault tag-serie-a tag-culture flex gap-3 md:gap-5 " data-slide-index="1"> <a href="/mundial/the-vault-modena-stone-island-new-balance-football/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-The-Vault-012-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-The-Vault-012-.jpg" alt="The Vault 012: I Canarini Magazine" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/the-vault-modena-stone-island-new-balance-football/" class="hover:underline">The Vault 012: I Canarini Magazine</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> A love letter to the people of Modena… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-29">Mar 29, 2025</time> </div> </article> <article class="post tag-culture tag-features tag-hash-homepage_end flex gap-3 md:gap-5 " data-slide-index="2"> <a href="/mundial/mundial-new-puma-king-super-archive/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-PUMA-MUNDIAL-Super-Archive-.jpg" alt="MUNDIAL has made a new Puma King" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/mundial-new-puma-king-super-archive/" class="hover:underline">MUNDIAL has made a new Puma King</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Imagine telling us 10 years ago that we’d end up doing this… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-23">Mar 23, 2025</time> </div> </article> <article class="post tag-culture tag-features tag-womens-football flex gap-3 md:gap-5 " data-slide-index="3"> <a href="/mundial/inside-north-koreas-football-revolution/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-North-Korean-Film--1.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-North-Korean-Film--1.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-North-Korean-Film--1.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-North-Korean-Film--1.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-North-Korean-Film--1.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-North-Korean-Film--1.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-North-Korean-Film--1.jpg" alt="Inside North Korea's football revolution" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/inside-north-koreas-football-revolution/" class="hover:underline">Inside North Korea's football revolution</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Three pioneering filmmakers opened a window into a different world… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-22">Mar 22, 2025</time> </div> </article> <article class="post tag-culture tag-features flex gap-3 md:gap-5 " data-slide-index="4"> <a href="/mundial/football-for-germans-poland-rebel-leagues/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Polish-Rebel-Leagues-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Polish-Rebel-Leagues-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Polish-Rebel-Leagues-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Polish-Rebel-Leagues-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Polish-Rebel-Leagues-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Polish-Rebel-Leagues-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Polish-Rebel-Leagues-.jpg" alt="'Football for Germans'" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/football-for-germans-poland-rebel-leagues/" class="hover:underline">'Football for Germans'</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Football can be a form of resistance in the darkest of times… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-21">Mar 21, 2025</time> </div> </article> <article class="post tag-culture tag-getty-images tag-features flex gap-3 md:gap-5 " data-slide-index="5"> <a href="/mundial/best-football-images-houston-dynamo-lionel-messi/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Getty-03.03-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Getty-03.03-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Getty-03.03-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/03/SITE_HeaderImage-Getty-03.03-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/03/SITE_HeaderImage-Getty-03.03-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/03/SITE_HeaderImage-Getty-03.03-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/03/SITE_HeaderImage-Getty-03.03-.jpg" alt="Houston, we have a problem" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/best-football-images-houston-dynamo-lionel-messi/" class="hover:underline">Houston, we have a problem</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> FA Cup aggro, a tribute to a J.LEAGUE legend, and a masked hero in Texas… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-03-03">Mar 3, 2025</time> </div> </article> <article class="post tag-culture tag-icons tag-getty-images tag-premier-league tag-la-liga flex gap-3 md:gap-5 " data-slide-index="6"> <a href="/mundial/borussia-dortmund-set-union-berlin-on-fire-getty-images-football/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Getty-24.02-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Getty-24.02-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Getty-24.02-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Getty-24.02-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Getty-24.02-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Getty-24.02-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-Getty-24.02-.jpg" alt="Borussia Dortmund set (Union) Berlin on fire" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/borussia-dortmund-set-union-berlin-on-fire-getty-images-football/" class="hover:underline">Borussia Dortmund set (Union) Berlin on fire</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Plus: Super Saiyan Tifos! Cesc Fàbregas! ATLiens! </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-24">Feb 24, 2025</time> </div> </article> <article class="post tag-culture tag-features flex gap-3 md:gap-5 " data-slide-index="7"> <a href="/mundial/eurosport-we-will-miss-you-so-much/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Eurosport-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Eurosport-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Eurosport-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Eurosport-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Eurosport-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Eurosport-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-Eurosport-.jpg" alt="Eurosport, we will miss you so much" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/eurosport-we-will-miss-you-so-much/" class="hover:underline">Eurosport, we will miss you so much</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Free access to football opened the world up to a young lad from a tiny Welsh village… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-19">Feb 19, 2025</time> </div> </article> <article class="post tag-culture tag-getty-images tag-fa-cup tag-features flex gap-3 md:gap-5 " data-slide-index="8"> <a href="/mundial/green-army-fa-cup-getty-images-plymouth-liverpool/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Getty-Photostory-10.02-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Getty-Photostory-10.02-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Getty-Photostory-10.02-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/02/SITE_HeaderImage-Getty-Photostory-10.02-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/02/SITE_HeaderImage-Getty-Photostory-10.02-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/02/SITE_HeaderImage-Getty-Photostory-10.02-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/02/SITE_HeaderImage-Getty-Photostory-10.02-.jpg" alt="Greeeeeennnnn Arrmmmyyyy!" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/green-army-fa-cup-getty-images-plymouth-liverpool/" class="hover:underline">Greeeeeennnnn Arrmmmyyyy!</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> Just when we thought we were out, that FA Cup sorcery pulls us back in… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-02-10">Feb 10, 2025</time> </div> </article> <article class="post tag-culture tag-getty-images tag-jamie-vardy tag-premier-league flex gap-3 md:gap-5 " data-slide-index="9"> <a href="/mundial/jamie-vardy-best-getty-images-premier-league/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-Getty-Photostory-27.01-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-Getty-Photostory-27.01-.jpg 600w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-Getty-Photostory-27.01-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/01/SITE_HeaderImage-Getty-Photostory-27.01-.jpg 320w, /mundial/content/images/size/w640/format/webp/2025/01/SITE_HeaderImage-Getty-Photostory-27.01-.jpg 640w, /mundial/content/images/size/w960/format/webp/2025/01/SITE_HeaderImage-Getty-Photostory-27.01-.jpg 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/01/SITE_HeaderImage-Getty-Photostory-27.01-.jpg" alt="Jamie Vardy is a religious experience" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/jamie-vardy-best-getty-images-premier-league/" class="hover:underline">Jamie Vardy is a religious experience</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> The finest images you will see this week… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-01-27">Jan 27, 2025</time> </div> </article> <article class="post tag-culture tag-features tag-hector-bellerin tag-hash-homepage_end featured flex gap-3 md:gap-5 " data-slide-index="10"> <a href="/mundial/football-pre-match-rituals-hector-bellerin/" class=""> <figure class=""> <picture > <source srcset="/mundial/content/images/size/w320/format/webp/2025/01/hector_rituals_final.png 320w, /mundial/content/images/size/w640/format/webp/2025/01/hector_rituals_final.png 600w, /mundial/content/images/size/w960/format/webp/2025/01/hector_rituals_final.png 960w" sizes="(max-width: 400px) 168px, 220px" type="image/webp" > <img class="w-[126px] md:w-[164px] aspect-[3/4] object-cover will-change-[filter] transition-[filter] blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/mundial/content/images/size/w320/format/webp/2025/01/hector_rituals_final.png 320w, /mundial/content/images/size/w640/format/webp/2025/01/hector_rituals_final.png 640w, /mundial/content/images/size/w960/format/webp/2025/01/hector_rituals_final.png 960w" sizes="(max-width: 400px) 168px, 220px" src="/mundial/content/images/size/w30/2025/01/hector_rituals_final.png" alt="The insecurity & irrationality of pre-match rituals" /> </picture> </figure> </a> <div class="flex flex-1 flex-col gap-3"> <h2 class="font-public-sans text-typ font-black text-xl md:text-2xl whitespace-normal"> <a href="/mundial/football-pre-match-rituals-hector-bellerin/" class="hover:underline">The insecurity & irrationality of pre-match rituals</a> </h2> <p class="line-clamp-3 whitespace-normal text-xs sm:text-sm md:text-base"> They might seem bizarre, but take it from Héctor—pre-match rituals are incredibly important… </p> <time class="text-xs text-dull font-bold sm:text-sm md:text-base" datetime="2025-01-24">Jan 24, 2025</time> </div> </article> </div> </div> </div> </div> </div> </div> </section> <hr class="border-typ border-t-2 border-b-0 max-w-container mx-auto"/> </main> <footer class="px-5 sm:px-6 bg-bgr mt-16 bg-cream py-10 md:py-14 " data-footer> <div class="max-w-container mx-auto"> <div class=" grid grid-cols-2 md:grid-cols-6 gap-10"> <div class="flex flex-col items-start gap-3 col-span-2 md:col-span-1" data-footer-brand> <a href="https://www.goal.com/mundial" data-brand> <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1601.23 485.89" class="h-8 md:h-10"> <defs> <style> .cls-1 { fill: #eff0e4; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2 { fill: #000; } </style> </defs> <g id="BACK_PLATE" data-name="BACK PLATE"> <path class="cls-1" d="M1421,279.62V3.54h-92.3v82.31c-5.14-18.12-15.13-35.19-29.14-49.2-21.54-21.54-50.52-33.69-79.32-33.1-28.91-.49-57.8,11.57-79.34,33.1-13.99,13.99-23.97,31.09-29.11,49.25V3.54h-92.3v82.31c-5.14-18.12-15.13-35.19-29.14-49.2-21.62-21.62-50.54-33.67-79.38-33.1h-112.33v82.31c-5.14-18.12-15.13-35.19-29.14-49.2-21.64-21.64-50.55-33.7-79.36-33.1-51.72.03-95.39,35.17-108.4,82.83V3.54h-92.3v255.97c0,11.09-9.02,20.11-20.11,20.11s-20.11-9.02-20.11-20.11V3.54h-92.3v82.31c-5.14-18.12-15.13-35.19-29.14-49.21C306.16,15.03,277.23,2.98,248.42,3.54c-23.73.01-47.08,7.66-66.21,21.6C163.07,11.19,139.7,3.54,115.95,3.54,53.97,3.54,3.54,53.97,3.54,115.95v255.97h92.3V115.95c0-11.09,9.02-20.11,20.11-20.11s20.11,9.02,20.11,20.11v255.97h92.3V115.95c0-11.09,9.02-20.11,20.11-20.11s20.11,9.02,20.11,20.11v255.97h92.3v-82.83c13.02,47.68,56.7,82.83,108.45,82.83s95.43-35.15,108.45-82.83v82.83h92.3V115.95c0-11.09,9.02-20.11,20.11-20.11s20.11,9.02,20.11,20.11v255.97h200.75c51.75,0,95.43-35.15,108.45-82.83v82.83h180.64v-110.43s40.21,0,40.21,0v110.43h246.9v-92.3h-66.26Z"/> </g> <g id="MAIN_SHAPE" data-name="MAIN SHAPE"> <g> <path class="cls-2" d="M1220.25,66.26c-27.44,0-49.69,22.25-49.69,49.69v82.82s0,0,0,0h0s99.39,0,99.39,0h0v-82.82c0-27.44-22.25-49.69-49.69-49.69ZM1258.9,187.73h-77.3v-71.78c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v71.78Z"/> <path class="cls-2" d="M1220.25,88.34c-15.25,0-27.61,12.36-27.61,27.61v60.74s0,0,0,0h0s55.21,0,55.21,0h0v-60.74c0-15.25-12.36-27.61-27.61-27.61Z"/> <path class="cls-2" d="M938.65,115.95c0-15.25-12.36-27.61-27.61-27.61h-27.61v198.77h27.61c15.25,0,27.61-12.36,27.61-27.61V115.95Z"/> <path class="cls-2" d="M960.74,259.51V115.95c0-27.44-22.25-49.69-49.69-49.69h-49.69v242.95h49.69c27.44,0,49.69-22.25,49.69-49.69ZM872.4,298.16V77.3h38.65c21.35,0,38.65,17.3,38.65,38.65v143.56c0,21.35-17.3,38.65-38.65,38.65h-38.65Z"/> <path class="cls-2" d="M839.27,331.29h71.78c39.64,0,71.78-32.14,71.78-71.78V115.95c0-39.64-32.14-71.78-71.78-71.78h-71.78v287.12ZM850.31,55.22h60.74c33.54,0,60.74,27.19,60.74,60.74v143.56c0,33.54-27.19,60.74-60.74,60.74h-60.74s0-265.03,0-265.03Z"/> <path class="cls-2" d="M911.05,22.09h-93.87s0,331.29,0,331.29h93.87c51.84,0,93.87-42.03,93.87-93.87V115.95c0-51.84-42.02-93.87-93.87-93.87ZM993.87,259.51c0,45.74-37.08,82.82-82.82,82.82h-82.82s0-309.2,0-309.2h82.82c45.74,0,82.82,37.08,82.82,82.82v143.56Z"/> <path class="cls-2" d="M911.05,0h-115.95v57.06l-19.22-19.22C754.67,14.59,724.13,0,690.19,0c-29.21,0-55.89,10.8-76.28,28.63L585.28,0h-99.39v33.13L452.76,0h-99.39v57.06l-19.22-19.22C312.95,14.59,282.41,0,248.47,0,223.83,0,200.99,7.68,182.21,20.79,163.43,7.68,140.59,0,115.95,0,51.91,0,0,51.91,0,115.95v259.51l110.43,110.43h99.39v-33.13l33.13,33.13h99.39v-33.13l33.13,33.13h99.39v-57.06l19.26,19.26c30.89,34.67,83.15,47.18,126.44,30.41,13.06-4.91,25-12.11,35.33-21.1l28.48,28.48h99.69v-32.82l32.82,32.82h176.69,0c.1,0,.21,0,.31,0,36.16,0,68.45-16.55,89.72-42.49l42.49,42.49h188.04v-32.82l32.82,32.82h254.3v-99.39l-66.26-66.26V110.43L1424.55,0h-99.39v57.06l-19.22-19.22c-40.23-46.1-116.72-50.52-161.97-9.21L1115.34,0h-99.39v57.06l-19.22-19.22C975.53,14.59,944.99,0,911.05,0h0ZM911.05,11.04c56.26-1.2,106.11,48.65,104.91,104.91v143.56c0,57.94-46.97,104.91-104.91,104.91h-104.91V11.04h104.91ZM154.6,364.42h-11.04V115.95c0-15.25-12.36-27.61-27.61-27.61s-27.61,12.36-27.61,27.61v248.47h-11.04V115.95c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v248.47ZM176.69,364.42h-11.04V115.95c0-27.44-22.25-49.69-49.69-49.69s-49.69,22.25-49.69,49.69v248.47h-11.04V115.95c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v248.47ZM287.12,364.42h-11.04V115.95c0-15.25-12.36-27.61-27.61-27.61s-27.61,12.36-27.61,27.61v248.47h-11.04V115.95c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v248.47ZM309.2,364.42h-11.04V115.95c0-27.44-22.25-49.69-49.69-49.69s-49.69,22.25-49.69,49.69v248.47h-11.04V115.95c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v248.47ZM331.29,364.42h-11.04V115.95c0-39.64-32.14-71.78-71.78-71.78-29.84,0-55.43,18.21-66.26,44.13-10.83-25.92-36.41-44.13-66.26-44.13-39.64,0-71.78,32.14-71.78,71.78v248.47h-11.04V115.95c0-45.74,37.08-82.82,82.82-82.82,27.09,0,51.15,13.01,66.26,33.12,15.11-20.11,39.16-33.12,66.26-33.12,45.74,0,82.82,37.08,82.82,82.82v248.47ZM353.38,364.42h-11.04V115.95c0-51.84-42.02-93.87-93.87-93.87-25.86,0-49.28,10.46-66.26,27.38-16.98-16.92-40.4-27.38-66.26-27.38-51.84,0-93.87,42.02-93.87,93.87v248.47h-11.04V115.95C11.04,58.01,58.01,11.04,115.95,11.04c25.13,0,48.19,8.84,66.26,23.57,18.07-14.73,41.13-23.57,66.26-23.57,56.26-1.2,106.11,48.65,104.91,104.91v248.47ZM430.68,11.04h11.04v248.47c0,15.25,12.36,27.61,27.61,27.61s27.61-12.36,27.61-27.61V11.04h11.04v248.47c0,21.35-17.3,38.65-38.65,38.65s-38.65-17.3-38.65-38.65V11.04ZM408.59,11.04h11.04v248.47c0,27.44,22.25,49.69,49.69,49.69s49.69-22.25,49.69-49.69V11.04h11.04v248.47c0,33.54-27.19,60.74-60.74,60.74s-60.74-27.19-60.74-60.74V11.04ZM386.5,11.04h11.04v248.47c0,39.64,32.14,71.78,71.78,71.78s71.78-32.14,71.78-71.78V11.04h11.04v248.47c0,45.74-37.08,82.82-82.82,82.82s-82.82-37.08-82.82-82.82V11.04ZM574.24,259.51c0,57.94-46.97,104.91-104.91,104.91s-104.91-46.97-104.91-104.91V11.04h11.04v248.47c0,51.84,42.02,93.87,93.87,93.87s93.87-42.02,93.87-93.87V11.04h11.04v248.47ZM728.84,364.42h-11.04V115.95c0-15.25-12.36-27.61-27.61-27.61s-27.61,12.36-27.61,27.61v248.47h-11.04V115.95c0-21.35,17.3-38.65,38.65-38.65s38.65,17.3,38.65,38.65v248.47ZM750.92,364.42h-11.04V115.95c0-27.44-22.25-49.69-49.69-49.69s-49.69,22.25-49.69,49.69v248.47h-11.04V115.95c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v248.47ZM773.01,364.42h-11.04V115.95c0-39.64-32.14-71.78-71.78-71.78s-71.78,32.14-71.78,71.78v248.47h-11.04V115.95c0-45.74,37.08-82.82,82.82-82.82s82.82,37.08,82.82,82.82v248.47ZM795.09,364.42h-11.04V115.95c0-51.84-42.02-93.87-93.87-93.87s-93.87,42.02-93.87,93.87v248.47h-11.04V115.95c0-57.94,46.97-104.91,104.91-104.91,56.26-1.2,106.11,48.65,104.91,104.91v248.47ZM1038.04,364.42h-11.04V11.04h11.04v353.38ZM1060.13,364.42h-11.04V11.04h11.04v353.38ZM1082.21,364.42h-11.04V11.04h11.04v353.38ZM1104.3,364.42h-11.04V11.04h11.04v353.38ZM1258.9,364.42h-11.04v-110.43h0s-55.22,0-55.22,0h0s0,110.43,0,110.43h-11.04v-121.47h77.3v121.47ZM1280.99,364.42h-11.04v-132.52h0s-99.39,0-99.39,0h0s0,132.52,0,132.52h-11.04v-143.56h121.47v143.56ZM1280.99,209.82h-121.47v-93.87c0-33.54,27.19-60.74,60.74-60.74s60.74,27.19,60.74,60.74v93.87ZM1303.07,364.42h-11.04V115.95c0-39.64-32.14-71.78-71.78-71.78s-71.78,32.14-71.78,71.78v248.47h-11.04V115.95c0-45.74,37.08-82.82,82.82-82.82s82.82,37.08,82.82,82.82v248.47ZM1325.16,364.42h-11.04V115.95c0-51.84-42.02-93.87-93.87-93.87s-93.87,42.02-93.87,93.87v248.47h-11.04V115.95c-1.05-56.61,48.57-105.96,104.91-104.91,56.25-1.21,106.12,48.65,104.91,104.91v248.47ZM1479.76,364.42h-143.56V11.04h11.04v342.33s132.52,0,132.52,0v11.04ZM1479.76,342.33h-121.47V11.04h11.04v320.25s110.43,0,110.43,0v11.04ZM1479.76,320.25h-99.39V11.04h11.04v298.16s88.34,0,88.34,0v11.04ZM1479.76,298.16h-77.3V11.04h11.04v276.07h66.26s0,11.04,0,11.04Z"/> </g> </g> </svg> </a> </div> <div class="flex flex-col gap-3 text-sm" data-footer-nav="primary"> <span class="">Mundial</span> <nav class="font-extrabold"> <ul class="flex flex-col gap-2"> <li><a href="https://mundialmag.com/collections/store/" class="hover:underline">Shop</a></li> </ul> </nav> </div> <div class="flex flex-col gap-3 text-sm" data-footer-nav="secondary"> <span class="">Info</span> <nav class="font-extrabold"> <ul class="flex flex-col gap-2"> <li><a href="https://www.goal.com/mundial/account/" class="hover:underline">Account</a></li> <li><a href="https://www.goal.com/mundial/faqs/" class="hover:underline">FAQs</a></li> <li><a href="https://www.goal.com/mundial/contact/" class="hover:underline">Contact</a></li> </ul> </nav> </div> <div class="flex flex-col gap-3 text-sm" data-footer-nav="socials"> <span class="">Social</span> <nav class=""> <ul class="flex flex-wrap gap-2"> <li><a href="https://www.facebook.com/MundialMag/" class=""><i class="icon icon-facebook size-6 fill-typ stroke-2"> <svg width="25" height="25" viewBox="0 0 25 25" fill="inherit" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.4668 2.93164H5.35622C4.05487 2.93164 2.99976 3.98676 2.99976 5.28811V19.3987C2.99976 20.7001 4.05487 21.7552 5.35622 21.7552H12.5409V15.0059H10.1306V12.1138H12.5409V10.6834C12.5409 8.56498 14.0459 6.81126 16.0014 6.81126H18.3259V9.70342H16.0014C15.7225 9.70342 15.4337 10.1483 15.4337 10.6558V12.1138H18.3259V15.0059H15.4337V21.7552H19.4668C20.7682 21.7552 21.8233 20.7001 21.8233 19.3987V5.28811C21.8233 3.98676 20.7682 2.93164 19.4668 2.93164Z" fill="inherit"/> </svg> </i></a></li> <li><a href="https://x.com/MundialMag/" class=""><i class="icon icon-x size-6 stroke-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4l11.733 16h4.267l-11.733 -16z" /><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" /></svg> </i></a></li> <li><a href="https://www.instagram.com/mundialmag/" class=""><i class="icon icon-instagram size-6 stroke-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-instagram"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M16.5 7.5l0 .01" /></svg> </i></a></li> <li class="ml-1"><a href="https://www.youtube.com/c/MUNDIALMAG/" class=""><i class="icon icon-youtube size-6 stroke-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-brand-youtube"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-8a5 5 0 0 1 5 -5zm-9 6v6a1 1 0 0 0 1.514 .857l5 -3a1 1 0 0 0 0 -1.714l-5 -3a1 1 0 0 0 -1.514 .857z" /></svg> </i></a></li> </ul> </nav> </div> <div class="flex flex-col text-sm" data-footer-nav="address"> <span class="">MUNDIAL</span> <span class="">72 Dean Street </span> <span class="">London</span> <span class="">W1D 3SG</span> </div> </div> <div class="border-t border-brd pt-10 mt-10 flex flex-col items-start text-typ-tone text-xs"> <span data-footer-copy>© FOOTBALLCO MEDIA LTD 2025.</span> <a href="https://www.goal.com/mundial/terms-and-conditions/" class="hover:underline">TERMS & CONDITIONS</a> <a href="https://www.goal.com/mundial/privacy-policy/" class="hover:underline">PRIVACY POLICY</a> </div> </div> </footer> <script> !function(w,d,id,ns,s){var c=w[ns]=w[ns]||{};if(c.ready||(c.q=[],c.ready=function(){c.q.push(arguments)}),!d.getElementById(id)){var e=d.createElement(s);e.id=id,e.defer=true,e.src="https://assets.context.ly/kit/6.latest/loader.js";var h=d.getElementsByTagName(s)[0];h.parentNode.insertBefore(e,h)}}(window,document,"ctx-loader","Contextly","script"); </script> <script> Contextly.ready('widgets'); </script> <script> const OutpostPub = { apiDomain: "https://mundial.outpost.pub", apiKey: "338e2835-8435-426f-bcac-2497319effb1", siteName: "MUNDIAL", memberId: "", memberEmail: "", } </script> <script defer src="https://assets.outpostpublishingcoop.com/assets/v2/js/outpost-pub.js"></script> </body> </html>