@import url('../arabic.css');
@font-face{font-family:Barlow;src:url('../Barlow.woff2')}@font-face{font-family:Outfit;src:url('../Outfit.woff2')}
:root{--blue:#065bff;--night:#101014;--paper:#f7f8fc;--pink:#ff88d4;--muted:#afb7cb;--line:#34405d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--night);color:white;font-family:Outfit,Arial,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--pink);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Barlow,Arial,sans-serif;line-height:1.02;font-weight:700}h1{font-size:clamp(80px,8.1vw,142px);letter-spacing:-2.5px}h2{font-size:clamp(52px,5vw,84px)}h3{font-size:clamp(38px,3.5vw,56px)}.skip{position:absolute;top:-100px;z-index:9;background:var(--pink);color:var(--night);padding:15px}.skip:focus{top:10px}.masthead{height:90px;display:flex;align-items:center;gap:30px;padding:0 5vw;background:#101014;border-bottom:1px solid #30303a;direction:ltr}.masthead .return{font-size:14px;text-decoration:none}.league-logo{width:142px;margin-inline-end:auto}.masthead nav{display:flex;gap:18px;font-size:14px}.masthead nav a{text-decoration:none;color:#aeb2c2}.masthead nav a[aria-current]{color:white;text-decoration:underline}.sna-logo{width:70px;margin-left:14px}.hero{min-height:690px;display:grid;grid-template-columns:44% 56%;position:relative;border-bottom:16px solid var(--blue)}.hero-copy{padding:55px 40px 55px 5vw;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;background:var(--night)}.edition{font-size:14px;color:var(--pink);margin-bottom:28px}.hero-lead{font-size:21px;line-height:1.5;max-width:430px;margin-top:25px;color:#daddeb}.hero-copy .primary{margin-top:30px;display:inline-flex;gap:42px;background:var(--blue);padding:15px 23px;text-decoration:none;font-size:17px;font-weight:600}.primary span{font-size:24px;line-height:1}.data-credit{font-size:12px;color:#afb7cb;margin-top:25px}.hero-photo{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:#172039}.hero-photo>a{display:block}.hero-photo img{display:block;width:100%;height:auto;object-fit:contain}.hero-match{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 30px;background:linear-gradient(90deg,#004170 0%,#004170 49.5%,#d5233c 49.5%,#d5233c 100%);font-family:Barlow;font-size:clamp(50px,6vw,100px);line-height:1}.hero-match span{flex:1}.hero-match span:last-child{text-align:right}.hero-match .match-dash{flex:0;font-size:30px}.hero-photo figcaption{font-size:11px;padding:12px 20px;background:var(--night);color:#afb7cb;line-height:1.4}.atlas{padding:90px 5vw 45px;background:#0d1b42}.section-title{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:50px;margin-bottom:35px}.section-title>div>p{color:var(--pink);font-size:14px;margin-bottom:10px}.section-title>p{max-width:430px;font-size:19px;color:#c6cfe2}.map-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.map-wrap{position:relative;min-width:0}.country-map{display:block;width:100%;height:auto;max-height:690px;overflow:hidden;direction:ltr}.country-map .france{fill:#0648c2;stroke:#3c79fb;stroke-width:1.2}.country-map .neighbour{fill:#14213f;stroke:#253857;stroke-width:1}.pin{cursor:pointer;outline:none}.pin .dot{fill:white;stroke:#0d1b42;stroke-width:2}.pin .halo{fill:none;stroke:#fff;stroke-width:1;opacity:.22}.pin text{fill:white;font:600 19px Outfit;paint-order:stroke;stroke:#0d1b42;stroke-width:5;stroke-linejoin:round}.pin.active .dot{fill:var(--pink)}.pin.active .halo{stroke:var(--pink);opacity:1;stroke-width:2}.pin.active text{fill:var(--pink)}.pin:focus-visible .halo{stroke:var(--pink);stroke-width:5;opacity:1}.pin:hover .dot{fill:var(--pink)}.journey{fill:none;stroke:var(--pink);stroke-width:2;stroke-dasharray:7 7;opacity:.75}.lyon-origin circle{fill:var(--pink)}.lyon-origin text{fill:#d2daf0;font:14px Outfit;paint-order:stroke;stroke:#0d1b42;stroke-width:4}.map-wrap:not(.show-route) .journey,.map-wrap:not(.show-route) .lyon-origin{display:none}.map-wrap.replaying .pin{animation:pinReveal .5s both}.map-wrap.replaying .pin:nth-of-type(2n){animation-delay:.15s}.map-wrap.replaying .pin:nth-of-type(3n){animation-delay:.3s}.map-wrap.replaying .journey{stroke-dasharray:500;stroke-dashoffset:500;animation:trace 1.3s ease-out forwards}.map-note{font-size:11px;color:#a8b4d1;max-width:460px;margin-top:0}#replay-map{margin-top:15px;border:1px solid #54678e;background:transparent;color:white;padding:8px 15px;font-size:13px}.panel-holder{min-width:0}.fixture-panel{padding:35px;background:#121219;position:relative;min-height:470px}.fixture-panel[hidden]{display:none}.team-band{height:9px;display:flex;position:absolute;top:0;left:0;right:0}.team-band span{width:50%;background:var(--home)}.team-band span+span{background:var(--away)}.panel-city{font-size:16px;color:#ccd3e7}.crests{display:flex;align-items:center;gap:30px;margin:25px 0}.crests img{width:64px;height:64px;object-fit:contain}.crests span{font-size:28px;color:var(--pink)}.fixture-panel h3{font-size:clamp(40px,4vw,68px);overflow-wrap:anywhere}.ground{color:#aeb8d1;margin-top:8px;font-size:15px}.panel-stat{display:flex;gap:25px;align-items:center;padding:23px 0;margin-top:20px;border-top:1px solid #373744;border-bottom:1px solid #373744}.panel-stat strong{font-family:Barlow;font-size:70px;line-height:1;white-space:nowrap;color:var(--pink)}.panel-stat span{max-width:170px;font-size:17px;line-height:1.4}.panel-desc{margin-top:23px;font-size:17px;color:#d6dbe7}.solid-link{display:inline-block;margin-top:24px;border-bottom:2px solid var(--pink);text-decoration:none;font-size:17px}.fixture-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3b4660;margin-top:35px;border:1px solid #3b4660}.fixture-tab{background:#0d1b42;color:white;border:0;padding:17px 15px;text-align:start;font-size:15px;display:flex;align-items:center;gap:9px;min-height:58px}.fixture-tab.active{background:#065bff}.fixture-tab:hover{background:#173b79}.club-colour{display:block;width:7px;height:22px;background:linear-gradient(var(--home) 50%,var(--away) 50%);flex-shrink:0}.versus{color:#c6d1e6}.cut{font-size:12px;color:#afb7cb;margin-top:22px}.story{background:var(--paper);color:#15151c;padding:95px 5vw 55px}.story-header{max-width:1050px;margin:0 auto 70px}.story-header>p:first-child{color:#004fde;font-size:15px;margin-bottom:25px}.story-header h2{font-size:clamp(58px,6.1vw,100px);max-width:950px;letter-spacing:-1px}.chapo{font-size:23px;line-height:1.55;max-width:900px;margin-top:30px}.byline{font-size:13px;margin-top:25px;color:#53586c}.schedule{font-size:14px;line-height:1.6;padding:18px 20px;border-inline-start:4px solid var(--blue);background:#e9eeff;max-width:900px;margin-top:25px}.chapter{max-width:1120px;margin:0 auto 90px;display:grid;grid-template-columns:1.45fr 1fr;gap:80px;align-items:center}.chapter h3{margin-bottom:24px;font-size:44px}.chapter p{font-size:19px;line-height:1.8;margin-top:20px;max-width:65ch}.duel{display:flex;justify-content:center;align-items:center;gap:22px;border-block:8px solid #065bff;padding:35px 0}.duel>div{display:flex;flex-direction:column;align-items:center;gap:8px}.duel img{width:70px;height:70px;object-fit:contain;background:#111;padding:12px}.duel b{font:90px/1 Barlow}.duel span{font-size:13px}.duel .equal{font-size:30px;color:#065bff}.big-fact{padding:38px 30px;align-self:center}.big-fact strong{display:block;font:130px/.9 Barlow;white-space:nowrap}.big-fact>span{display:block;font-size:21px;line-height:1.4;margin-top:20px}.blue-fact{background:#065bff;color:white}.pink-fact{background:var(--pink);color:#15151c}.late-fact{background:#111115;color:white}.late-fact strong{color:var(--pink)}.run-bars{display:grid;grid-template-columns:repeat(13,1fr);gap:5px;margin-top:30px}.run-bars i{height:14px;background:#fff;opacity:.7}.big-fact.entered .run-bars i{animation:bar .8s both}.run-bars i:nth-child(3n){animation-delay:.15s}.run-bars i:nth-child(5n){animation-delay:.3s}.results{display:flex;gap:10px;margin-top:30px}.results i{height:16px;flex:1;background:#c967ab}.results .win{background:#111}.big-fact small{display:block;font-size:10px;margin-top:15px}.timeline{display:flex;justify-content:space-between;position:relative;margin-top:38px;padding-top:15px;font-size:12px}.timeline:before{content:'';height:5px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#6c7083 66.66%,var(--pink) 66.66%)}.parc-photo{max-width:1120px;margin:0 auto 90px;background:#101014;color:white}.parc-photo img{display:block;width:100%;height:auto}.parc-photo figcaption{padding:14px 24px;color:#b9c0d3;font-size:11px;line-height:1.5}.parc-story{padding:30px 40px 40px;display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid #303440}.parc-story h3{font-size:50px}.parc-story p{font-size:18px;line-height:1.7;color:#d9deeb}.story-cut{max-width:1120px;margin:auto;font-size:12px;color:#53586c}.film{padding:80px 5vw;background:var(--blue);display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.film h2{margin-top:15px;font-size:65px}.film p{max-width:320px;font-size:16px;margin-top:20px}.film video{width:100%;display:block;aspect-ratio:16/9;background:#101014}.end-links{display:flex;justify-content:space-between;gap:25px;padding:35px 5vw;background:#111115}.end-links a{font-size:17px}footer{padding:40px 5vw;display:flex;gap:40px;align-items:center;border-top:1px solid #30303a;background:#101014;font-size:12px;color:#aeb7ce}footer>div{margin-inline-end:auto}footer img{object-fit:contain}.hero-copy h1{animation:heroEnter .55s both}.hero-photo img{animation:heroEnter .55s .12s both}.hero-photo figcaption{position:relative}.is-switching{animation:panelIn .35s ease-out}@keyframes heroEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes panelIn{from{opacity:.25;transform:translateX(15px)}to{opacity:1;transform:none}}@keyframes trace{to{stroke-dashoffset:0}}@keyframes pinReveal{from{opacity:0}to{opacity:1}}@keyframes bar{from{opacity:.1}to{opacity:.7}}
html[dir=rtl] body{font-family:'Noto Sans Arabic',Outfit,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Noto Sans Arabic',sans-serif;line-height:1.45;letter-spacing:0}html[dir=rtl] h1{font-size:clamp(48px,5.5vw,86px)}html[dir=rtl] .hero-copy{padding:50px 5vw 45px 40px}html[dir=rtl] .hero-copy h1{font-weight:800}html[dir=rtl] .hero-match{direction:ltr}html[dir=rtl] .country-map text{font-family:'Noto Sans Arabic',sans-serif;font-size:17px}html[dir=rtl] .story-header h2{font-size:clamp(40px,4.1vw,67px)}html[dir=rtl] .chapter h3{font-size:32px}html[dir=rtl] .big-fact strong{font-family:Barlow}html[dir=rtl] .section-title h2{font-size:50px}html[dir=rtl] .fixture-panel h3{font-size:36px}html[dir=rtl] .parc-story h3{font-size:35px}html[dir=rtl] .film h2{font-size:45px}
@media(min-width:1700px){.hero{min-height:800px}.hero-copy{padding-top:70px}.hero-photo img{min-height:500px;object-fit:cover;object-position:center}.hero-copy h1{font-size:145px}}
@media(max-width:1000px){h1{font-size:90px}.hero{min-height:auto}.hero-copy{padding:40px 25px 40px 5vw}.hero-lead{font-size:18px}.hero-match{font-size:65px}.map-layout{gap:25px}.fixture-panel{padding:25px;min-height:440px}.panel-stat{gap:15px}.panel-stat strong{font-size:52px}.chapter{gap:40px}.big-fact strong{font-size:100px}.film{gap:30px}.film h2{font-size:52px}}
@media(max-width:700px){html{scroll-padding-top:20px}.masthead{height:75px;padding:0 20px;gap:14px}.masthead .return{display:none}.masthead .league-logo{width:105px}.masthead nav{gap:12px;font-size:12px}.sna-logo{width:54px;margin-left:4px}.hero{display:flex;flex-direction:column}.hero-copy{padding:35px 22px 32px;align-items:flex-start}.edition{font-size:12px;margin-bottom:20px}h1{font-size:83px;line-height:.96;letter-spacing:-1.5px}.hero-lead{font-size:18px;max-width:100%;margin-top:22px}.hero-copy .primary{margin-top:23px;font-size:15px;padding:13px 18px}.data-credit{margin-top:20px;font-size:11px}.hero-photo img{width:100%;object-fit:contain}.hero-match{font-size:64px;padding:12px 22px}.hero-photo figcaption{font-size:10px;padding:10px 22px}.atlas{padding:45px 22px 32px}.section-title{display:block;margin-bottom:15px}.section-title h2{font-size:55px}.section-title>p{margin-top:15px;font-size:16px}.section-title>div>p{font-size:12px}.map-layout{display:flex;flex-direction:column;gap:24px}.map-wrap{width:100%}.country-map{height:auto;max-height:none}.map-note{font-size:10px}#replay-map{font-size:12px;padding:7px 12px}.panel-holder{width:100%}.fixture-panel{min-height:0;padding:25px}.panel-city{font-size:14px}.crests{margin:20px 0;gap:25px}.crests img{width:55px;height:55px}.fixture-panel h3{font-size:48px}.panel-stat strong{font-size:62px}.panel-stat span{font-size:16px}.panel-desc{font-size:16px}.fixture-list{grid-template-columns:1fr;margin-top:25px}.fixture-tab{font-size:15px;padding:13px 15px;min-height:50px}.story{padding:50px 22px 30px}.story-header{margin-bottom:45px}.story-header h2{font-size:57px;letter-spacing:-.5px}.chapo{font-size:20px;line-height:1.6;margin-top:25px}.byline{font-size:12px}.schedule{font-size:13px;padding:15px}.chapter{display:flex;flex-direction:column;gap:30px;margin-bottom:50px}.chapter-copy{width:100%}.chapter h3{font-size:39px}.chapter p{font-size:18px;line-height:1.8;margin-top:18px}.duel{width:100%;gap:45px}.duel img{width:60px;height:60px}.duel b{font-size:80px}.big-fact{width:100%;padding:30px}.big-fact strong{font-size:120px}.big-fact>span{font-size:22px;max-width:280px}.parc-photo{margin-bottom:50px}.parc-photo figcaption{padding:12px 15px;font-size:10px}.parc-story{display:block;padding:25px}.parc-story h3{font-size:42px}.parc-story p{font-size:17px;margin-top:20px}.film{display:block;padding:45px 22px}.film h2{font-size:54px}.film p{font-size:15px;max-width:100%}.film video{margin-top:25px}.end-links{padding:25px 22px;flex-direction:column;gap:20px}.end-links a{font-size:16px}footer{padding:30px 22px;gap:25px;flex-wrap:wrap}footer>img:first-child{width:100px}footer>div{order:3;width:100%;font-size:10px}footer>img:last-child{margin-inline-start:auto;width:70px}html[dir=rtl] .hero-copy{padding:35px 22px}html[dir=rtl] h1{font-size:49px;line-height:1.45}html[dir=rtl] .section-title h2{font-size:38px}html[dir=rtl] .story-header h2{font-size:37px}html[dir=rtl] .chapter h3{font-size:30px}html[dir=rtl] .fixture-panel h3{font-size:32px}html[dir=rtl] .parc-story h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.pin,.hero-copy h1,.hero-photo img{opacity:1!important;transform:none!important}.run-bars i{opacity:.7!important}}

.region{color:#aeb8d1;font-size:12px;margin-top:3px}
.photo-viewer{background:#101014;color:white;border:1px solid #4e6089;max-width:94vw;max-height:94vh;padding:18px;overflow:auto}.photo-viewer::backdrop{background:#050812e8}.photo-viewer img{display:block;max-height:76vh;max-width:88vw;width:auto;object-fit:contain;margin:15px auto}.photo-viewer button{display:block;margin-inline-start:auto;background:#065bff;color:white;border:0;padding:10px 16px;font:14px Outfit}.photo-viewer figcaption{max-width:1000px;line-height:1.6;font-size:13px;color:#d0d6e7;padding:8px 0}.photo-viewer a{color:#ff88d4}

.pin{pointer-events:bounding-box}