@charset "UTF-8";@font-face{font-family:"Ivory LL";src:url("../fonts/ivory-ll-light.otf") format("opentype");font-weight:300;font-style:normal}
@font-face{font-family:"Spartacus";src:url("../fonts/spartacus-kvdlp.ttf") format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:"Work Sans";src:url("../fonts/work-sans-medium.woff2") format("woff2"),url("../fonts/work-sans-medium.woff") format("woff");font-weight:500;font-style:normal}
@property --vase-scroll-shift-x{syntax:"<length>";inherits:true;initial-value:0px}@property --vase-scroll-shift-step-2{syntax:"<length>";inherits:true;initial-value:0px}@property --vase-phase-1-band-shift-out{syntax:"<length>";inherits:true;initial-value:0px}@property --vase-phase-1-shift-out-y{syntax:"<length>";inherits:true;initial-value:0px}@property --vase-phase-1-track-shift-x{syntax:"<length>";inherits:true;initial-value:0px}@property --incoming-rise-y{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --incoming-exit-y{syntax:"<length>";inherits:true;initial-value:0px}@property --final-vases-y{syntax:"<length-percentage>";inherits:true;initial-value:90vh}@property --final-vases-exit-y{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --medal-reveal-y{syntax:"<length-percentage>";inherits:true;initial-value:110vh}@property --medal-reveal-exit-y{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --pinned-portrait-exit-y{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --final-title-y{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --final-title-grid-y{syntax:"<length-percentage>";inherits:true;initial-value:18vh}@property --final-vases-x{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --final-vase-reveal-shift-x{syntax:"<length>";inherits:true;initial-value:0px}
:root{--title-color-ocre:#c88a2b;--title-color-noir:#000000;--page-bg-noir:#000000;--page-bg-ocre:#c88a2b;--scene-base-color:#c88a2b;--scene-overlay-color:transparent;--scene-overlay-image:none;--scene-overlay-position:center center;--scene-overlay-repeat:no-repeat;--scene-overlay-size:cover;--poster-text-start:var(--title-color-ocre);--poster-text-end:var(--title-color-noir);--poster-bg-start:var(--page-bg-noir);--poster-bg-end:var(--page-bg-ocre);--poster-margin:2.5vw;--poster-final-scale-x:0.12;--poster-final-scale-y:0.1;--poster-final-x:1vw;--poster-final-y:1vw;--poster-scroll-range:45vh;--page-scroll-height:820vh;--left-col-width:1fr;--right-col-width:1fr;--top-row-height:1fr;--bottom-row-height:1.2fr;--incoming-start-offset-phase-1:95vh;--incoming-start-offset-phase-2:95vh;--incoming-start-offset-phase-3:135vh;--incoming-start-offset:var(--incoming-start-offset-phase-1);--title-texture-size:100vw 100vh;--title-packed-color:var(--title-color-noir);--jo-offset-x:0px;--jo-offset-y:0px;--year-offset-x:0px;--year-offset-y:0px;--city-offset-x:0px;--city-offset-y:0px;--vase-composition-width:min(100%,60rem);--vase-offset-y:0%;--vase-outline-x:0%;--vase-outline-y:var(--vase-offset-y);--vase-outline-width:100%;--vase-outline-height:100%;--vase-motifs-x:0%;--vase-motifs-y:var(--vase-offset-y);--vase-motifs-width:100%;--vase-motifs-height:100%;--vase-band-shift-x:0px;--picto-sprinteur-offset-x:0px;--picto-sprinteur-offset-y:32px;--picto-tireur-offset-x:175px;--picto-tireur-offset-y:40px;--picto-coureur-offset-x:0px;--picto-coureur-offset-y:35px;--vase-scale:0.8;--vase-scroll-shift-x:0px;--vase-scroll-shift-step-2:0px;--vase-phase-1-band-shift-out:0px;--vase-phase-1-shift-out-y:0px;--vase-phase-1-track-shift-x:0px;--vase-story-scroll-distance:0px;--vase-story-scroll-return-distance:var(--vase-story-scroll-distance);--vase-phase-1-slide-distance:-606px;--vase-phase-1-swap-stage-start:var(--vase-swap-stage-start);--vase-phase-1-swap-stage-end:var(--vase-swap-stage-end);--vase-story-stage-start:calc(var(--poster-scroll-range) + 72vh);--vase-story-stage-end:calc(var(--poster-scroll-range) + 124vh);--vase-swap-stage-start:calc(var(--poster-scroll-range) + 156vh);--vase-swap-stage-end:calc(var(--poster-scroll-range) + 186vh);--vase-return-stage-start:calc(var(--poster-scroll-range) + 164vh);--vase-return-stage-end:calc(var(--poster-scroll-range) + 214vh);--phase-1-ivory-font-size:clamp(12px,2.45vw,14px);--phase-2-ivory-font-size:clamp(13px,1.28vw,16px);--phase-3-ivory-font-size:clamp(13px,1.05vw,17px);--phase-ivory-font-size:var(--phase-3-ivory-font-size);--vase-story-copy-font-size:var(--phase-ivory-font-size);--vase-story-copy-sprinteur-font-size:var(--phase-ivory-font-size);--vase-story-copy-coureur-font-size:var(--phase-ivory-font-size);--vase-story-copy-line-height:1.12;--vase-story-copy-width:400px;--vase-story-copy-height:360px;--vase-story-copy-offset-x:210px;--vase-story-copy-offset-y:150px;--vase-story-copy-coureur-width:390px;--vase-story-copy-coureur-height:360px;--vase-story-copy-coureur-offset-x:690px;--vase-story-copy-coureur-offset-y:100px;--vase-phase-1-shift-y:0px;--vase-phase-1-copy-width:clamp(400px,62vw,620px);--vase-phase-1-copy-gap:26px;--vase-phase-1-copy-font-size:var(--phase-ivory-font-size);--vase-phase-1-copy-line-height:1.12;--vase-phase-1-copy-offset-x:0px;--vase-phase-1-copy-offset-y:0px;--vase-phase-1-copy-start-offset-y:190%;--vase-end-phase-1-x:930px;--vase-end-phase-1-y:210px;--vase-end-phase-1-width:358px;--vase-end-phase-1-height:358px;--vase-end-phase-2-x:810px;--vase-end-phase-2-y:180px;--vase-end-phase-2-width:358px;--vase-end-phase-2-height:358px;--vase-end-phase-3-x:1290px;--vase-end-phase-3-y:190px;--vase-end-phase-3-width:345px;--vase-end-phase-3-height:345px;--vase-caption-font-size:36px;--vase-caption-letter-spacing:0.03em;--vase-caption-phase-1-offset-x:610px;--vase-caption-phase-1-offset-y:0px;--vase-label-phase-2-x:780px;--vase-label-phase-2-y:510px;--vase-label-phase-2-width:430px;--vase-label-phase-2-height:80px;--vase-label-phase-3-x:1250px;--vase-label-phase-3-y:510px;--vase-label-phase-3-width:430px;--vase-label-phase-3-height:80px;--vase-exit-stage-start:calc(var(--poster-scroll-range) + 225vh);--vase-exit-stage-end:calc(var(--poster-scroll-range) + 360vh);--vase-exit-shift-y:-145vh;--pinned-portrait-x:0px;--pinned-portrait-y:3px;--pinned-portrait-base-size:130px;--pinned-portrait-scale:0.8;--pinned-portrait-phase-scale:1;--pinned-portrait-responsive-scale:1;--pinned-portrait-medal-scale:calc((var(--medal-reveal-size) * var(--medal-svg-scale)) / var(--pinned-portrait-base-size));--pinned-portrait-medal-y:calc(50vh + var(--medal-reveal-end-y) - ((var(--medal-reveal-size) * var(--medal-svg-scale)) / 2));--pinned-portrait-exit-y:0px;--pinned-portrait-show-stage-start:calc(var(--vase-exit-stage-start) + 42vh);--pinned-portrait-show-stage-end:calc(var(--vase-exit-stage-start) + 43vh);--incoming-rise-y:var(--incoming-start-offset);--incoming-exit-y:0px;--final-vases-rise-start:var(--vase-exit-stage-start);--final-vases-rise-end:calc(var(--vase-exit-stage-start) + 96vh);--final-vases-start-y:90vh;--final-vases-end-y:6vh;--final-vases-x:0px;--final-vases-y:var(--final-vases-start-y);--final-vases-exit-y:0px;--final-vases-exit-start:calc(var(--final-vase-reveal-3-end) + 20vh);--final-vases-exit-end:calc(var(--final-vase-reveal-3-end) + 110vh);--final-vases-exit-shift-y:-120vh;--medal-reveal-show-start:calc(var(--final-vases-exit-end) - 8vh);--medal-reveal-show-end:calc(var(--final-vases-exit-end) + 18vh);--medal-reveal-y:110vh;--medal-reveal-start-y:110vh;--medal-reveal-end-y:-6vh;--medal-reveal-exit-y:0px;--medal-reveal-exit-start:calc(var(--medal-reveal-show-end) + 12vh);--medal-reveal-exit-end:calc(var(--medal-reveal-show-end) + 48vh);--medal-reveal-exit-shift-y:-126vh;--medal-reveal-size:min(58vw,48vh,480px);--medal-spot-size:clamp(4.5rem,10vw,7rem);--medal-mist-size:28px;--medal-svg-scale:1.5;--medal-png-scale:1.24;--medal-cursor-offset-x:10px;--medal-cursor-offset-y:10px;--medal-svg-offset-x:0px;--medal-svg-offset-y:0px;--medal-png-offset-x:0px;--medal-png-offset-y:0px;--medal-svg-spot-adjust:-25px;--medal-png-spot-adjust:0px;--medal-text-gap:clamp(12px,2vh,18px);--medal-text-width:min(72vw,660px);--medal-text-font-size:var(--phase-ivory-font-size);--medal-text-line-height:1.12;--final-title-show-start:var(--medal-reveal-exit-end);--final-title-show-end:calc(var(--medal-reveal-exit-end) + 58vh);--final-title-y:0px;--final-title-start-y:0px;--final-title-end-y:0vh;--final-title-grid-y:110vh;--final-title-grid-start-y:110vh;--final-title-grid-end-y:0vh;--final-title-bg-start:transparent;--final-title-bg-end:var(--page-bg-noir);--final-title-bg-color:var(--final-title-bg-start);--final-title-overlay-opacity:0;--final-title-overlay-color:transparent;--final-title-overlay-image:none;--final-title-text-start:var(--title-color-noir);--final-title-text-end:var(--title-color-ocre);--final-title-text-color:var(--final-title-text-start);--final-left-col-width:1fr;--final-right-col-width:1fr;--final-top-row-height:1fr;--final-bottom-row-height:1.18fr;--final-title-margin:var(--poster-margin);--final-title-texture-size:var(--title-texture-size);--final-vase-cell-size:clamp(170px,18vw,320px);--final-vase-cell-size-phase-1:clamp(142px,28vh,230px);--final-vase-cell-size-phase-2:clamp(210px,23vw,380px);--final-vase-cell-size-phase-3:clamp(230px,18vw,410px);--final-vase-grid-gap:clamp(8px,0.8vw,14px);--final-vases-edge:clamp(18px,2vw,36px);--final-vases-height:min(84vh,700px);--final-vase-visual-scale:1;--final-vase-inner-illustration-scale:1;--final-vase-inner-illustration-y:0px;--final-vase-motif-phase-1-size:700px;--final-vase-motif-phase-1-x:0px;--final-vase-motif-phase-1-y:0px;--final-vase-motif-phase-1-height:700px;--final-vase-motif-phase-1-back-size:var(--final-vase-motif-phase-1-size);--final-vase-motif-phase-1-back-x:var(--final-vase-motif-phase-1-x);--final-vase-motif-phase-1-back-y:var(--final-vase-motif-phase-1-y);--final-vase-motif-phase-1-back-height:var(--final-vase-motif-phase-1-height);--final-vase-motif-phase-1-front-size:var(--final-vase-motif-phase-1-size);--final-vase-motif-phase-1-front-x:var(--final-vase-motif-phase-1-x);--final-vase-motif-phase-1-front-y:var(--final-vase-motif-phase-1-y);--final-vase-motif-phase-1-front-height:var(--final-vase-motif-phase-1-height);--final-vase-motif-phase-2-size:700px;--final-vase-motif-phase-2-x:0px;--final-vase-motif-phase-2-y:0px;--final-vase-motif-phase-2-height:700px;--final-vase-motif-phase-2-back-size:var(--final-vase-motif-phase-2-size);--final-vase-motif-phase-2-back-x:var(--final-vase-motif-phase-2-x);--final-vase-motif-phase-2-back-y:var(--final-vase-motif-phase-2-y);--final-vase-motif-phase-2-back-height:var(--final-vase-motif-phase-2-height);--final-vase-motif-phase-2-front-size:var(--final-vase-motif-phase-2-size);--final-vase-motif-phase-2-front-x:var(--final-vase-motif-phase-2-x);--final-vase-motif-phase-2-front-y:var(--final-vase-motif-phase-2-y);--final-vase-motif-phase-2-front-height:var(--final-vase-motif-phase-2-height);--final-vase-motif-phase-3-size:700px;--final-vase-motif-phase-3-x:0px;--final-vase-motif-phase-3-y:0px;--final-vase-motif-phase-3-height:700px;--final-vase-motif-phase-3-back-size:var(--final-vase-motif-phase-3-size);--final-vase-motif-phase-3-back-x:var(--final-vase-motif-phase-3-x);--final-vase-motif-phase-3-back-y:var(--final-vase-motif-phase-3-y);--final-vase-motif-phase-3-back-height:var(--final-vase-motif-phase-3-height);--final-vase-motif-phase-3-front-size:var(--final-vase-motif-phase-3-size);--final-vase-motif-phase-3-front-x:var(--final-vase-motif-phase-3-x);--final-vase-motif-phase-3-front-y:var(--final-vase-motif-phase-3-y);--final-vase-motif-phase-3-front-height:var(--final-vase-motif-phase-3-height);--final-vase-motif-back-opacity:1;--final-vase-motif-front-opacity:0.28;--final-vase-reveal-image-x:905px;--final-vase-reveal-image-y:154px;--final-vase-reveal-image-width:294px;--final-vase-reveal-image-height:392px;--final-vase-reveal-shift-start:0px;--final-vase-reveal-shift-end:-700px;--final-vase-reveal-1-start:calc(var(--final-vases-rise-end) + 8vh);--final-vase-reveal-1-end:calc(var(--final-vases-rise-end) + 38vh);--final-vase-reveal-2-start:calc(var(--final-vases-rise-end) + 42vh);--final-vase-reveal-2-end:calc(var(--final-vases-rise-end) + 72vh);--final-vase-reveal-3-start:calc(var(--final-vases-rise-end) + 76vh);--final-vase-reveal-3-end:calc(var(--final-vases-rise-end) + 106vh)}
@media (max-width:949px){:root{--incoming-start-offset:var(--incoming-start-offset-phase-1);--pinned-portrait-phase-scale:1.45;--phase-ivory-font-size:var(--phase-1-ivory-font-size);--final-title-bg-start:transparent;--final-title-bg-end:var(--page-bg-noir);--final-title-bg-color:var(--final-title-bg-start);--final-title-overlay-color:transparent;--final-title-overlay-image:none;--final-title-text-start:var(--title-color-noir);--final-title-text-end:var(--title-color-noir);--final-title-text-color:var(--final-title-text-start);--final-title-margin:10px;--final-title-texture-size:auto 100vh;--mobile-poster-margin:10px;--mobile-row-1:1fr;--mobile-row-2:1fr;--mobile-row-3:0.72fr;--title-texture-size:auto 100vh}
.scroll-scene{--scene-base-color:var(--page-bg-ocre);--scene-overlay-color:var(--page-bg-noir);--scene-overlay-image:none}
.poster-grid{padding:var(--mobile-poster-margin);grid-template-columns:1fr;grid-template-rows:var(--mobile-row-1) var(--mobile-row-2) var(--mobile-row-3)}
.panel{overflow:visible}
.panel-jo{grid-column:1;grid-row:1}
.panel-year{grid-column:1;grid-row:2}
.panel-city{grid-column:1;grid-row:3}
.final-title-grid{grid-template-columns:1fr;grid-template-rows:var(--final-top-row-height) var(--final-top-row-height) var(--final-bottom-row-height)}
.final-title-panel-l{grid-column:1;grid-row:1}
.final-title-panel-or{grid-column:1;grid-row:2}
.final-title-panel-autrement{grid-column:1;grid-row:3}
}
@media (min-width:950px) and (max-width:1299px){:root{--poster-text-start:var(--title-color-noir);--poster-text-end:var(--title-color-noir);--incoming-start-offset:var(--incoming-start-offset-phase-2);--phase-ivory-font-size:var(--phase-2-ivory-font-size);--final-title-bg-start:transparent;--final-title-bg-end:var(--page-bg-ocre);--final-title-bg-color:var(--final-title-bg-start);--final-title-overlay-color:transparent;--final-title-overlay-image:url("../images/title-texture.gif");--final-title-text-start:var(--title-color-noir);--final-title-text-end:var(--title-color-noir);--final-title-text-color:var(--final-title-text-start)}
.scroll-scene{--scene-base-color:var(--page-bg-ocre);--scene-overlay-color:transparent;--scene-overlay-image:url("../images/title-texture.gif")}
}
@media (min-width:1300px){:root{--incoming-start-offset:var(--incoming-start-offset-phase-3);--phase-ivory-font-size:var(--phase-3-ivory-font-size);--final-title-bg-start:transparent;--final-title-bg-end:var(--page-bg-noir);--final-title-bg-color:var(--final-title-bg-start);--final-title-overlay-color:transparent;--final-title-overlay-image:none;--final-title-text-start:var(--title-color-noir);--final-title-text-end:var(--title-color-ocre);--final-title-text-color:var(--final-title-text-start)}
.scroll-scene{--scene-base-color:var(--page-bg-ocre);--scene-overlay-color:var(--page-bg-noir);--scene-overlay-image:none}
}
html,body{width:100%;min-height:100%}
body{margin:0;min-height:var(--page-scroll-height);background-color:var(--poster-bg-start);animation:poster-background-shift 1 linear both;animation-timeline:scroll(root block);animation-range:0 var(--poster-scroll-range)}
.scroll-scene{position:sticky;top:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--scene-base-color)}
.scroll-scene::before{content:"";position:absolute;inset:0;z-index:0;background-color:var(--scene-overlay-color);background-image:var(--scene-overlay-image);background-position:var(--scene-overlay-position);background-repeat:var(--scene-overlay-repeat);background-size:var(--scene-overlay-size);opacity:1;animation:scene-background-fade 1 linear both;animation-timeline:scroll(root block);animation-range:0 var(--poster-scroll-range)}
.poster-grid{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:var(--left-col-width) var(--right-col-width);grid-template-rows:var(--top-row-height) var(--bottom-row-height);width:100vw;height:100vh;padding:var(--poster-margin);box-sizing:border-box;transform-origin:top left;transform:translate(0,0) scale(1,1);will-change:transform;animation:poster-pack 1 linear both;animation-timeline:scroll(root block);animation-range:0 var(--poster-scroll-range)}
.panel{position:relative;overflow:hidden}
.panel-jo{grid-column:1;grid-row:1}
.panel-year{grid-column:2;grid-row:1}
.panel-city{grid-column:1 / span 2;grid-row:2}
.fit-text{position:absolute;top:50%;left:50%;display:inline-block;color:var(--poster-text-start);font-family:"Ivory LL",serif;font-weight:300;font-size:200px;line-height:1;white-space:nowrap;text-transform:uppercase;transform:translate(-50%,-50%);transform-origin:center center;will-change:transform;animation:poster-text-shift 1 linear both;animation-timeline:scroll(root block);animation-range:0 var(--poster-scroll-range)}
.fit-text-jo{--title-offset-x:var(--jo-offset-x);--title-offset-y:var(--jo-offset-y)}
.fit-text-year{--title-offset-x:var(--year-offset-x);--title-offset-y:var(--year-offset-y)}
.fit-text-city{--title-offset-x:var(--city-offset-x);--title-offset-y:var(--city-offset-y)}
@media (max-width:949px),(min-width:1300px){@supports ((-webkit-background-clip:text) or (background-clip:text)){body:not(.title-packed) .poster-grid .fit-text{background-image:url("../images/title-texture.gif");background-position:var(--title-bg-x,0px) var(--title-bg-y,0px);background-repeat:repeat;background-size:var(--title-texture-size);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
}
@media (min-width:950px) and (max-width:1299px){.poster-grid .fit-text{background:none;color:var(--title-color-noir);-webkit-text-fill-color:currentColor}
}
body.title-packed .poster-grid .fit-text{background:none !important;color:var(--title-packed-color) !important;-webkit-text-fill-color:currentColor !important}
.incoming-panel{position:fixed;top:50%;left:50%;z-index:5;width:min(64rem,88vw);pointer-events:none;transform:translate(-50%,calc(-50% + var(--incoming-rise-y) + var(--incoming-exit-y)));animation:incoming-rise 1 linear both,incoming-exit-up 1 linear both;animation-timeline:scroll(root block),scroll(root block);animation-range:var(--poster-scroll-range) calc(var(--poster-scroll-range) + 55vh),var(--vase-exit-stage-start) var(--vase-exit-stage-end);will-change:transform,opacity}
.incoming-panel-layout{display:flex;align-items:center;justify-content:center;width:100%}
.incoming-panel-picto{display:flex;align-items:center;justify-content:center;width:100%;will-change:transform}
.incoming-panel-stack{position:relative;width:min(100%,42rem);aspect-ratio:650 / 690;flex:0 0 auto}
.incoming-panel-picto-vases{position:relative}
.incoming-panel-picto-vases::before{content:"";position:absolute;top:50%;left:50%;z-index:0;width:calc(var(--vase-composition-width) * var(--vase-scale));max-width:100%;aspect-ratio:650 / 690;background-color:var(--page-bg-ocre);transform:translate(-50%,-50%)}
.pinned-portrait{position:fixed;top:var(--pinned-portrait-exit-y);left:50%;z-index:4;width:var(--pinned-portrait-base-size);aspect-ratio:1;pointer-events:none;transform:translate(calc(-50% + var(--pinned-portrait-x)),var(--pinned-portrait-y)) scale(var(--pinned-portrait-responsive-scale));transform-origin:top center;visibility:hidden;animation:pinned-portrait-show 1 steps(1,end) both,pinned-portrait-medal-move 1 linear both,pinned-portrait-exit-up 1 linear both;animation-timeline:scroll(root block),scroll(root block),scroll(root block);animation-range:var(--pinned-portrait-show-stage-start) var(--pinned-portrait-show-stage-end),var(--medal-reveal-show-start) var(--medal-reveal-show-end),var(--medal-reveal-exit-start) var(--medal-reveal-exit-end)}
.pinned-portrait-image{position:absolute;inset:0;display:none;width:100%;height:100%;object-fit:contain;filter:brightness(0)}
.final-vases{position:fixed;top:50%;left:50%;z-index:3;display:grid;grid-template-columns:repeat(var(--final-vase-grid-columns),minmax(0,1fr));grid-template-rows:repeat(var(--final-vase-grid-rows),minmax(0,1fr));gap:var(--final-vase-grid-gap);align-items:center;justify-items:center;width:calc(100vw - var(--final-vases-edge) * 2);height:var(--final-vases-height);pointer-events:none;transform:translate(calc(-50% + var(--final-vases-x)),calc(-50% + var(--final-vases-y) + var(--final-vases-exit-y)));animation:final-vases-rise 1 linear both,final-vases-exit-up 1 linear both;animation-timeline:scroll(root block),scroll(root block);animation-range:var(--final-vases-rise-start) var(--final-vases-rise-end),var(--final-vases-exit-start) var(--final-vases-exit-end);will-change:transform}
.final-vase{z-index:4;display:block;width:min(100%,var(--final-vase-cell-size));height:min(100%,var(--final-vase-cell-size));aspect-ratio:1;object-fit:contain;filter:brightness(0);transform:scale(var(--final-vase-visual-scale));transform-origin:center}
.final-vase-motif{display:none !important;width:min(100%,var(--final-vase-cell-size));height:min(100%,var(--final-vase-cell-size));aspect-ratio:1;overflow:visible;filter:brightness(0);transform:scale(var(--final-vase-visual-scale));transform-origin:center}
.final-vase-defs{position:absolute;width:0;height:0;overflow:hidden}
.final-vase-motif-image{x:var(--final-vase-motif-x);y:var(--final-vase-motif-y);width:var(--final-vase-motif-size);height:var(--final-vase-motif-height)}
.final-vase-motif-back{z-index:0;--final-vase-motif-size:var(--final-vase-motif-back-size);--final-vase-motif-x:var(--final-vase-motif-back-x);--final-vase-motif-y:var(--final-vase-motif-back-y);--final-vase-motif-height:var(--final-vase-motif-back-height);opacity:var(--final-vase-motif-back-opacity)}
.final-vase-motif-front{z-index:2;--final-vase-motif-size:var(--final-vase-motif-front-size);--final-vase-motif-x:var(--final-vase-motif-front-x);--final-vase-motif-y:var(--final-vase-motif-front-y);--final-vase-motif-height:var(--final-vase-motif-front-height);opacity:var(--final-vase-motif-front-opacity)}
.final-vase-motif-phase-1{--final-vase-motif-back-size:var(--final-vase-motif-phase-1-back-size);--final-vase-motif-back-x:var(--final-vase-motif-phase-1-back-x);--final-vase-motif-back-y:var(--final-vase-motif-phase-1-back-y);--final-vase-motif-back-height:var(--final-vase-motif-phase-1-back-height);--final-vase-motif-front-size:var(--final-vase-motif-phase-1-front-size);--final-vase-motif-front-x:var(--final-vase-motif-phase-1-front-x);--final-vase-motif-front-y:var(--final-vase-motif-phase-1-front-y);--final-vase-motif-front-height:var(--final-vase-motif-phase-1-front-height)}
.final-vase-motif-phase-2{--final-vase-motif-back-size:var(--final-vase-motif-phase-2-back-size);--final-vase-motif-back-x:var(--final-vase-motif-phase-2-back-x);--final-vase-motif-back-y:var(--final-vase-motif-phase-2-back-y);--final-vase-motif-back-height:var(--final-vase-motif-phase-2-back-height);--final-vase-motif-front-size:var(--final-vase-motif-phase-2-front-size);--final-vase-motif-front-x:var(--final-vase-motif-phase-2-front-x);--final-vase-motif-front-y:var(--final-vase-motif-phase-2-front-y);--final-vase-motif-front-height:var(--final-vase-motif-phase-2-front-height)}
.final-vase-motif-phase-3{--final-vase-motif-back-size:var(--final-vase-motif-phase-3-back-size);--final-vase-motif-back-x:var(--final-vase-motif-phase-3-back-x);--final-vase-motif-back-y:var(--final-vase-motif-phase-3-back-y);--final-vase-motif-back-height:var(--final-vase-motif-phase-3-back-height);--final-vase-motif-front-size:var(--final-vase-motif-phase-3-front-size);--final-vase-motif-front-x:var(--final-vase-motif-phase-3-front-x);--final-vase-motif-front-y:var(--final-vase-motif-phase-3-front-y);--final-vase-motif-front-height:var(--final-vase-motif-phase-3-front-height)}
.final-vase-picto{display:none !important;width:calc(min(100%,var(--final-vase-cell-size)) * 0.42);height:calc(min(100%,var(--final-vase-cell-size)) * 0.56);object-fit:contain;filter:brightness(0)}
.final-vase-reveal{z-index:3;display:none;width:min(100%,var(--final-vase-cell-size));height:min(100%,var(--final-vase-cell-size));aspect-ratio:1;overflow:visible;transform:scale(var(--final-vase-visual-scale));transform-origin:center}
.final-vase-reveal-track{--final-vase-reveal-shift-x:var(--final-vase-reveal-shift-start);will-change:transform}
.final-vase-reveal-foreign{x:var(--final-vase-reveal-image-x);y:var(--final-vase-reveal-image-y);width:var(--final-vase-reveal-image-width);height:var(--final-vase-reveal-image-height);transform:translate(var(--final-vase-reveal-shift-x),var(--final-vase-inner-illustration-y)) scale(var(--final-vase-inner-illustration-scale));transform-box:fill-box;transform-origin:center;will-change:transform}
.final-vase-reveal-image{display:block;width:100%;height:100%;object-fit:contain}
.final-vase-reveal-motif-image{filter:brightness(0);transform:translateX(var(--final-vase-reveal-shift-x));transform-box:fill-box;transform-origin:center;will-change:transform}
.final-vase-reveal-1 .final-vase-reveal-track{animation:final-vase-reveal-slide 1 linear both;animation-timeline:scroll(root block);animation-range:var(--final-vase-reveal-1-start) var(--final-vase-reveal-1-end)}
.final-vase-reveal-2 .final-vase-reveal-track{animation:final-vase-reveal-slide 1 linear both;animation-timeline:scroll(root block);animation-range:var(--final-vase-reveal-2-start) var(--final-vase-reveal-2-end)}
.final-vase-reveal-3 .final-vase-reveal-track{animation:final-vase-reveal-slide 1 linear both;animation-timeline:scroll(root block);animation-range:var(--final-vase-reveal-3-start) var(--final-vase-reveal-3-end)}
.final-vase:not(.final-vase-47):not(.final-vase-48):not(.final-vase-49),.final-runner{display:none}
.final-story-text{display:contents}
.final-story-copy{z-index:6;display:none;align-self:center;justify-self:center;width:min(100%,25rem);margin:0;color:var(--title-color-noir);font-family:"Ivory LL",serif;font-size:var(--phase-ivory-font-size);line-height:1.14;text-wrap:pretty;will-change:transform}
.medal-reveal{--cursor-x:calc(var(--medal-reveal-size) / 2);--cursor-y:calc(var(--medal-reveal-size) / 2);--cursor-offset-x:var(--medal-cursor-offset-x);--cursor-offset-y:var(--medal-cursor-offset-y);position:fixed;top:50%;left:50%;z-index:8;width:var(--medal-reveal-size);aspect-ratio:1;overflow:visible;user-select:none;transform:translate(-50%,calc(-50% + var(--medal-reveal-y) + var(--medal-reveal-exit-y)));animation:medal-reveal-rise 1 linear both,medal-reveal-exit-up 1 linear both;animation-timeline:scroll(root block),scroll(root block);animation-range:var(--medal-reveal-show-start) var(--medal-reveal-show-end),var(--medal-reveal-exit-start) var(--medal-reveal-exit-end);will-change:transform}
.medal-reveal__photo,.medal-reveal__vector{position:absolute;inset:0;display:none;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:center}
.medal-reveal__photo{z-index:2;opacity:0;transform:translate(var(--medal-png-offset-x),var(--medal-png-offset-y)) scale(var(--medal-png-scale));-webkit-mask-image:radial-gradient(circle 0 at var(--cursor-x) var(--cursor-y),transparent 0,transparent 100%);mask-image:radial-gradient(circle 0 at var(--cursor-x) var(--cursor-y),transparent 0,transparent 100%)}
.medal-reveal__vector{z-index:1;display:none !important;filter:brightness(0);transform:translate(var(--medal-svg-offset-x),var(--medal-svg-offset-y)) scale(var(--medal-svg-scale));-webkit-mask-image:radial-gradient(circle 200% at center,#000 0,#000 100%);mask-image:radial-gradient(circle 200% at center,#000 0,#000 100%)}
.medal-reveal.is-hovering .medal-reveal__photo{opacity:1;-webkit-mask-image:radial-gradient(circle calc(var(--medal-spot-size) + var(--medal-png-spot-adjust)) at var(--cursor-x) var(--cursor-y),rgba(0,0,0,0.98) 0,rgba(0,0,0,0.92) calc((var(--medal-spot-size) + var(--medal-png-spot-adjust)) - var(--medal-mist-size)),rgba(0,0,0,0.55) calc((var(--medal-spot-size) + var(--medal-png-spot-adjust)) - (var(--medal-mist-size) * 0.45)),rgba(0,0,0,0.16) calc(var(--medal-spot-size) + var(--medal-png-spot-adjust)),transparent 100%);mask-image:radial-gradient(circle calc(var(--medal-spot-size) + var(--medal-png-spot-adjust)) at var(--cursor-x) var(--cursor-y),rgba(0,0,0,0.98) 0,rgba(0,0,0,0.92) calc((var(--medal-spot-size) + var(--medal-png-spot-adjust)) - var(--medal-mist-size)),rgba(0,0,0,0.55) calc((var(--medal-spot-size) + var(--medal-png-spot-adjust)) - (var(--medal-mist-size) * 0.45)),rgba(0,0,0,0.16) calc(var(--medal-spot-size) + var(--medal-png-spot-adjust)),transparent 100%)}
.medal-reveal.is-hovering .medal-reveal__vector{-webkit-mask-image:radial-gradient(circle calc(var(--medal-spot-size) + var(--medal-svg-spot-adjust)) at var(--cursor-x) var(--cursor-y),transparent 0,rgba(0,0,0,0.08) calc((var(--medal-spot-size) + var(--medal-svg-spot-adjust)) - var(--medal-mist-size)),rgba(0,0,0,0.48) calc((var(--medal-spot-size) + var(--medal-svg-spot-adjust)) - (var(--medal-mist-size) * 0.45)),rgba(0,0,0,0.9) calc(var(--medal-spot-size) + var(--medal-svg-spot-adjust)),#000 100%);mask-image:radial-gradient(circle calc(var(--medal-spot-size) + var(--medal-svg-spot-adjust)) at var(--cursor-x) var(--cursor-y),transparent 0,rgba(0,0,0,0.08) calc((var(--medal-spot-size) + var(--medal-svg-spot-adjust)) - var(--medal-mist-size)),rgba(0,0,0,0.48) calc((var(--medal-spot-size) + var(--medal-svg-spot-adjust)) - (var(--medal-mist-size) * 0.45)),rgba(0,0,0,0.9) calc(var(--medal-spot-size) + var(--medal-svg-spot-adjust)),#000 100%)}
.medal-reveal__text{position:absolute;top:calc(125% + var(--medal-text-gap));left:50%;width:var(--medal-text-width);color:var(--title-color-noir);font-family:"Ivory LL",serif;font-size:var(--medal-text-font-size);font-weight:300;line-height:var(--medal-text-line-height);text-align:center;text-wrap:pretty;transform:translateX(-50%);pointer-events:none}
.medal-reveal__text p{margin:0}
.medal-reveal__text p + p{margin-top:0.65em}
.final-title-scene{position:fixed;inset:0;z-index:9;overflow:hidden;background-color:var(--final-title-bg-color);transform:translateY(var(--final-title-y));pointer-events:none;animation:final-title-rise 1 linear both,final-title-background-shift 1 linear both;animation-timeline:scroll(root block),scroll(root block);animation-range:var(--final-title-show-start) var(--final-title-show-end),var(--final-title-show-start) var(--final-title-show-end);will-change:transform}
.final-title-scene::before{content:"";position:absolute;inset:0;z-index:0;background-color:var(--final-title-overlay-color);background-image:var(--final-title-overlay-image);background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:var(--final-title-overlay-opacity);animation:final-title-overlay-fade 1 linear both;animation-timeline:scroll(root block);animation-range:var(--final-title-show-start) var(--final-title-show-end)}
.final-title-grid{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:var(--final-left-col-width) var(--final-right-col-width);grid-template-rows:var(--final-top-row-height) var(--final-bottom-row-height);width:100vw;height:100vh;padding:var(--final-title-margin);box-sizing:border-box;transform:translateY(var(--final-title-grid-y));animation:final-title-grid-rise 1 linear both;animation-timeline:scroll(root block);animation-range:var(--final-title-show-start) var(--final-title-show-end);will-change:transform}
.final-title-panel{position:relative;overflow:hidden}
.final-title-panel-l{grid-column:1;grid-row:1}
.final-title-panel-or{grid-column:2;grid-row:1}
.final-title-panel-autrement{grid-column:1 / span 2;grid-row:2}
.final-fit-text{color:var(--final-title-text-color);font-size:420px;animation:final-title-text-shift 1 linear both;animation-timeline:scroll(root block);animation-range:var(--final-title-show-start) var(--final-title-show-end)}
.final-fit-text-autrement{--title-offset-y:0.02em}
@media (max-width:949px),(min-width:1300px){@supports ((-webkit-background-clip:text) or (background-clip:text)){.final-fit-text{background-image:url("../images/title-texture.gif");background-position:var(--title-bg-x,0px) var(--title-bg-y,0px);background-repeat:repeat;background-size:var(--final-title-texture-size);background-clip:text;-webkit-background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent !important}
}
}
@media (max-width:949px){.final-title-grid{grid-template-columns:1fr;grid-template-rows:var(--final-top-row-height) var(--final-top-row-height) var(--final-bottom-row-height)}
.final-title-panel-l{grid-column:1;grid-row:1}
.final-title-panel-or{grid-column:1;grid-row:2}
.final-title-panel-autrement{grid-column:1;grid-row:3}
}
@media (max-width:949px){.medal-reveal__asset-phase-1{display:block}
.pinned-portrait-image-phase-1{display:block}
:root{--final-vase-grid-gap:clamp(5px,1.6vw,10px);--final-vase-grid-columns:2;--final-vase-grid-rows:3;--final-vases-edge:clamp(10px,2.2vw,18px);--final-vases-height:min(88vh,760px);--final-vases-start-y:110vh;--final-vases-x:0px;--final-vase-cell-size:var(--final-vase-cell-size-phase-1);--medal-text-width:min(86vw,430px);--medal-text-font-size:var(--phase-ivory-font-size)}
.final-vase-47{grid-column:1;grid-row:1}
.final-vase-picto-phase-1{display:none}
.final-vase-reveal-phase-1{display:block}
.final-vase-motif-phase-1{display:block}
.final-story-copy-phase-1{display:block;justify-self:start;width:min(100%,16rem);font-size:var(--phase-ivory-font-size);animation:final-story-slide-from-right 1 linear both;animation-timeline:scroll(root block)}
.final-vase-picto-1{grid-column:1;grid-row:1}
.final-vase-reveal-1{grid-column:1;grid-row:1}
.final-vase-motif-1{grid-column:1;grid-row:1}
.final-story-copy-1{grid-column:2;grid-row:1}
.final-vase-48{grid-column:1;grid-row:2}
.final-vase-picto-2{grid-column:1;grid-row:2}
.final-vase-reveal-2{grid-column:1;grid-row:2}
.final-vase-motif-2{grid-column:1;grid-row:2}
.final-story-copy-2{grid-column:2;grid-row:2}
.final-vase-49{grid-column:1;grid-row:3}
.final-vase-picto-3{grid-column:1;grid-row:3}
.final-vase-reveal-3{grid-column:1;grid-row:3}
.final-vase-motif-3{grid-column:1;grid-row:3}
.final-story-copy-3{grid-column:2;grid-row:3}
}
@media (min-width:950px) and (max-width:1299px){.medal-reveal__asset-phase-2{display:block}
.pinned-portrait-image-phase-2{display:block}
:root{--final-vase-grid-gap:clamp(7px,0.75vw,12px);--final-vase-grid-columns:3;--final-vase-grid-rows:2;--final-vases-edge:clamp(16px,1.8vw,28px);--final-vases-height:min(74vh,560px);--final-vases-end-y:12vh;--final-vase-cell-size:var(--final-vase-cell-size-phase-2);--final-vase-visual-scale:1.5;--final-vase-inner-illustration-scale:1.25;--final-vase-inner-illustration-y:34px}
.final-vase-47{grid-column:1;grid-row:1}
.final-vase-picto-phase-2{display:none}
.final-vase-reveal-phase-2{display:block}
.final-vase-motif-phase-2{display:block}
.final-story-copy-phase-2{display:block;align-self:start;width:min(86%,18rem);font-size:var(--phase-ivory-font-size);line-height:1.12;text-align:center;margin-top:5rem;animation:final-story-slide-from-right-centered 1 linear both;animation-timeline:scroll(root block)}
.final-vase-picto-1{grid-column:1;grid-row:1}
.final-vase-reveal-1{grid-column:1;grid-row:1}
.final-vase-motif-1{grid-column:1;grid-row:1}
.final-story-copy-1{grid-column:1;grid-row:2}
.final-vase-48{grid-column:2;grid-row:1}
.final-vase-picto-2{grid-column:2;grid-row:1}
.final-vase-reveal-2{grid-column:2;grid-row:1}
.final-vase-motif-2{grid-column:2;grid-row:1}
.final-story-copy-2{grid-column:2;grid-row:2}
.final-vase-49{grid-column:3;grid-row:1}
.final-vase-picto-3{grid-column:3;grid-row:1}
.final-vase-reveal-3{grid-column:3;grid-row:1}
.final-vase-motif-3{grid-column:3;grid-row:1}
.final-story-copy-3{grid-column:3;grid-row:2}
}
@media (min-width:1300px){.medal-reveal__asset-phase-3{display:block}
.incoming-panel{width:min(92vw,92rem)}
.pinned-portrait-image-phase-3{display:block}
:root{--final-vase-grid-gap:clamp(7px,0.55vw,12px);--final-vase-grid-columns:3;--final-vase-grid-rows:2;--final-vases-edge:clamp(18px,1.6vw,32px);--final-vases-height:min(74vh,600px);--final-vases-start-y:125vh;--final-vases-end-y:12vh;--final-vase-cell-size:var(--final-vase-cell-size-phase-3);--final-vase-visual-scale:1.5;--final-vase-inner-illustration-scale:1.25}
.final-vase-47{grid-column:1;grid-row:1}
.final-vase-picto-phase-3{display:none}
.final-vase-reveal-phase-3{display:block}
.final-vase-motif-phase-3{display:block}
.final-story-copy-phase-3{display:block;align-self:start;width:min(100%,24rem);text-align:center;margin-top:5rem;animation:final-story-slide-from-right-centered 1 linear both;animation-timeline:scroll(root block)}
.final-vase-picto-1{grid-column:1;grid-row:1}
.final-vase-reveal-1{grid-column:1;grid-row:1}
.final-vase-motif-1{grid-column:1;grid-row:1}
.final-story-copy-1{grid-column:1;grid-row:2}
.final-vase-48{grid-column:2;grid-row:1}
.final-vase-picto-2{grid-column:2;grid-row:1}
.final-vase-reveal-2{grid-column:2;grid-row:1}
.final-vase-motif-2{grid-column:2;grid-row:1}
.final-story-copy-2{grid-column:2;grid-row:2}
.final-vase-49{grid-column:3;grid-row:1}
.final-vase-picto-3{grid-column:3;grid-row:1}
.final-vase-reveal-3{grid-column:3;grid-row:1}
.final-vase-motif-3{grid-column:3;grid-row:1}
.final-story-copy-3{grid-column:3;grid-row:2}
}
.final-story-copy.final-story-copy-1{animation-range:var(--final-vase-reveal-1-start) var(--final-vase-reveal-1-end)}
.final-story-copy.final-story-copy-2{animation-range:var(--final-vase-reveal-2-start) var(--final-vase-reveal-2-end)}
.final-story-copy.final-story-copy-3{animation-range:var(--final-vase-reveal-3-start) var(--final-vase-reveal-3-end)}
.incoming-panel-composition-vase{--composition-width:var(--vase-composition-width);--composition-aspect-ratio:650 / 690;--outline-x:var(--vase-outline-x);--outline-y:var(--vase-outline-y);--outline-width:var(--vase-outline-width);--outline-height:var(--vase-outline-height);--motifs-x:var(--vase-motifs-x);--motifs-y:var(--vase-motifs-y);--motifs-width:var(--vase-motifs-width);--motifs-height:var(--vase-motifs-height);z-index:1;display:none}
.incoming-panel-composition-vase.incoming-panel-stack{width:calc(var(--composition-width) * var(--vase-scale));aspect-ratio:var(--composition-aspect-ratio);max-width:100%}
.incoming-panel-layer{position:absolute;display:block;filter:brightness(0)}
.incoming-panel-composition-vase .incoming-panel-layer-outline{left:var(--outline-x);top:var(--outline-y);width:var(--outline-width);height:var(--outline-height);z-index:3}
.incoming-panel-composition-vase .incoming-panel-layer-motifs{left:var(--motifs-x);top:var(--motifs-y);width:var(--motifs-width);height:var(--motifs-height);overflow:hidden}
.incoming-panel-composition-vase .incoming-panel-layer-motifs,.incoming-panel-composition-vase .incoming-panel-layer-outline{max-width:100%;max-height:100%}
.incoming-panel-composition-vase .motifs-band-shift{transform:translateX(calc(var(--vase-band-shift-x) + var(--vase-scroll-shift-x) + var(--vase-scroll-shift-step-2) + var(--vase-phase-1-band-shift-out)));transition:transform 220ms cubic-bezier(0.22,1,0.36,1);will-change:transform}
.incoming-panel-composition-vase .runner-band-shift,.incoming-panel-composition-vase .story-band-shift{transform:translateX(calc(var(--vase-band-shift-x) + var(--vase-scroll-shift-x) + var(--vase-scroll-shift-step-2) + var(--vase-phase-1-band-shift-out)));transition:transform 220ms cubic-bezier(0.22,1,0.36,1);will-change:transform}
.incoming-panel-composition-vase .runner-band-shift image,.incoming-panel-composition-vase .story-band-shift image{filter:brightness(0)}
.incoming-panel-composition-vase .runner-band-image{transform-box:fill-box;transform-origin:center center}
.incoming-panel-composition-vase .runner-band-image-sprinteur{transform:translate(var(--picto-sprinteur-offset-x),var(--picto-sprinteur-offset-y))}
.incoming-panel-composition-vase .runner-band-image-tireur{transform:translate(var(--picto-tireur-offset-x),var(--picto-tireur-offset-y))}
.incoming-panel-composition-vase .runner-band-image-coureur{transform:translate(var(--picto-coureur-offset-x),var(--picto-coureur-offset-y))}
.incoming-panel-composition-vase .runner-band-image-end{transform:none;opacity:0}
.incoming-panel-composition-vase .runner-band-image-asset-phase-2{x:var(--vase-end-phase-2-x);y:var(--vase-end-phase-2-y);width:var(--vase-end-phase-2-width);height:var(--vase-end-phase-2-height)}
.incoming-panel-composition-vase .runner-band-image-asset-phase-1{x:var(--vase-end-phase-1-x);y:var(--vase-end-phase-1-y);width:var(--vase-end-phase-1-width);height:var(--vase-end-phase-1-height)}
.incoming-panel-composition-vase .runner-band-image-asset-phase-3{x:var(--vase-end-phase-3-x);y:var(--vase-end-phase-3-y);width:var(--vase-end-phase-3-width);height:var(--vase-end-phase-3-height)}
.incoming-panel-composition-vase .vase-story-copy-foreign{x:calc(1185px + var(--vase-story-copy-offset-x));y:calc(160px + var(--vase-story-copy-offset-y));width:var(--vase-story-copy-width);height:var(--vase-story-copy-height);overflow:hidden;pointer-events:none}
.incoming-panel-composition-vase .vase-story-copy-foreign-coureur{x:calc(1185px + var(--vase-story-copy-coureur-offset-x));y:calc(160px + var(--vase-story-copy-coureur-offset-y));width:var(--vase-story-copy-coureur-width);height:var(--vase-story-copy-coureur-height)}
.incoming-panel-composition-vase .vase-story-copy-block{width:100%;height:100%;color:#000000;font-family:"Ivory LL",serif;font-size:var(--vase-story-copy-font-size);font-weight:300;line-height:var(--vase-story-copy-line-height);text-align:center;text-wrap:pretty}
.incoming-panel-composition-tireur .vase-story-copy-block{font-size:var(--vase-story-copy-sprinteur-font-size)}
.incoming-panel-composition-coureur .vase-story-copy-block{font-size:var(--vase-story-copy-coureur-font-size)}
.incoming-panel-composition-vase .vase-story-copy-block p{margin:0}
.incoming-panel-phase-1-copy{position:absolute;top:calc(100% + var(--vase-phase-1-copy-gap));left:50%;width:var(--vase-phase-1-copy-width);color:#000000;font-family:"Ivory LL",serif;font-size:var(--vase-phase-1-copy-font-size);font-weight:300;line-height:var(--vase-phase-1-copy-line-height);text-align:center;transform:translate(calc(-50% + var(--vase-phase-1-copy-offset-x) + var(--vase-phase-1-track-shift-x)),calc(var(--vase-phase-1-copy-start-offset-y) + 18px + var(--vase-phase-1-copy-offset-y)));will-change:transform}
.incoming-panel-phase-1-copy p{margin:0}
.vase-portrait-caption{position:absolute;top:calc(100% + var(--vase-phase-1-copy-gap));left:50%;z-index:4;width:min(100%,28rem);color:#000000;font-family:"Spartacus",serif;font-size:var(--vase-caption-font-size);line-height:0.95;letter-spacing:var(--vase-caption-letter-spacing);text-align:center;text-wrap:balance;opacity:0;pointer-events:none}
.vase-portrait-caption-phase-1{transform:translate(calc(-50% + var(--vase-caption-phase-1-offset-x) + var(--vase-phase-1-track-shift-x)),var(--vase-caption-phase-1-offset-y));will-change:transform}
.vase-portrait-label-foreign{overflow:visible;pointer-events:none;opacity:0}
.vase-portrait-label-foreign-phase-2{x:var(--vase-label-phase-2-x);y:var(--vase-label-phase-2-y);width:var(--vase-label-phase-2-width);height:var(--vase-label-phase-2-height)}
.vase-portrait-label-foreign-phase-3{x:var(--vase-label-phase-3-x);y:var(--vase-label-phase-3-y);width:var(--vase-label-phase-3-width);height:var(--vase-label-phase-3-height)}
.vase-portrait-label{width:100%;height:100%;color:#000000;font-family:"Spartacus",serif;font-size:var(--vase-caption-font-size);line-height:0.95;letter-spacing:var(--vase-caption-letter-spacing);text-align:center;text-wrap:balance}
.vase-portrait-label p{margin:0}
.incoming-panel-composition-sprinteur{transform:translateY(var(--vase-phase-1-shift-out-y))}
@media (max-width:949px){:root{--vase-phase-1-copy-width:clamp(360px,74vw,620px)}
.incoming-panel-composition-sprinteur{display:block}
}
.incoming-panel-composition-tireur{}
@media (min-width:950px) and (max-width:1299px){:root{--vase-story-scroll-distance:-606px;--vase-end-phase-2-x:2022px;--vase-label-phase-2-x:1992px}
.incoming-panel-composition-tireur{display:block}
}
.incoming-panel-composition-coureur{}
@media (min-width:1300px){:root{--vase-story-scroll-distance:-606px;--vase-end-phase-3-x:2502px;--vase-label-phase-3-x:2462px}
.incoming-panel-composition-coureur{display:block}
}
@media (max-width:600px){:root{--picto-coureur-offset-x:-18px;--vase-story-copy-font-size:var(--phase-ivory-font-size);--vase-story-copy-sprinteur-font-size:var(--phase-ivory-font-size);--vase-story-copy-coureur-font-size:var(--phase-ivory-font-size);--vase-story-copy-width:320px;--vase-story-copy-height:300px;--vase-story-copy-coureur-width:320px;--vase-story-copy-coureur-height:300px;--vase-phase-1-shift-y:0px}
}
.incoming-panel-composition-sprinteur{animation:vase-phase-1-rise-settle 1 linear both,vase-phase-1-band-slide-out 1 linear both;animation-timeline:scroll(root block),scroll(root block);animation-range:calc(var(--poster-scroll-range) + 66vh) calc(var(--poster-scroll-range) + 88vh),var(--vase-phase-1-swap-stage-start) var(--vase-phase-1-swap-stage-end)}
.incoming-panel-composition-sprinteur .runner-band-image-sprinteur,.incoming-panel-composition-sprinteur .runner-band-image-coureur{opacity:0}
.incoming-panel-composition-sprinteur .incoming-panel-phase-1-copy{animation:vase-phase-1-copy-reveal 1 linear both,vase-phase-1-copy-track 1 linear both;animation-timeline:scroll(root block),scroll(root block);animation-range:calc(var(--poster-scroll-range) + 86vh) calc(var(--poster-scroll-range) + 122vh),var(--vase-phase-1-swap-stage-start) var(--vase-phase-1-swap-stage-end)}
.incoming-panel-composition-sprinteur .runner-band-image-tireur{animation:vase-picto-swap-out 1 linear both;animation-timeline:scroll(root block);animation-range:var(--vase-phase-1-swap-stage-start) var(--vase-phase-1-swap-stage-end)}
.incoming-panel-composition-sprinteur .runner-band-image-end-phase-1{opacity:1}
.incoming-panel-composition-sprinteur .vase-portrait-caption-phase-1{opacity:1;animation:vase-phase-1-copy-track 1 linear both;animation-timeline:scroll(root block);animation-range:var(--vase-phase-1-swap-stage-start) var(--vase-phase-1-swap-stage-end)}
.incoming-panel-composition-tireur,.incoming-panel-composition-coureur{animation:vase-story-scroll 1 linear both,vase-story-scroll-extended 1 linear both;animation-timeline:scroll(root block),scroll(root block);animation-range:var(--vase-story-stage-start) var(--vase-story-stage-end),var(--vase-return-stage-start) var(--vase-return-stage-end)}
.incoming-panel-composition-tireur .runner-band-image-sprinteur,.incoming-panel-composition-coureur .runner-band-image-coureur{animation:vase-picto-swap-out 1 linear both;animation-timeline:scroll(root block);animation-range:var(--vase-swap-stage-start) var(--vase-swap-stage-end)}
.incoming-panel-composition-tireur .runner-band-image-end-phase-2,.incoming-panel-composition-coureur .runner-band-image-end-phase-3{animation:vase-picto-swap-in 1 linear both;animation-timeline:scroll(root block);animation-range:var(--vase-swap-stage-start) var(--vase-swap-stage-end)}
.incoming-panel-composition-tireur .vase-portrait-label-foreign-phase-2,.incoming-panel-composition-coureur .vase-portrait-label-foreign-phase-3{animation:vase-caption-in 1 linear both;animation-timeline:scroll(root block);animation-range:var(--vase-swap-stage-start) var(--vase-swap-stage-end)}
@keyframes incoming-rise{0%{--incoming-rise-y:var(--incoming-start-offset)}
100%{--incoming-rise-y:0px}
}
@keyframes incoming-exit-up{0%{--incoming-exit-y:0px}
100%{--incoming-exit-y:var(--vase-exit-shift-y)}
}
@keyframes pinned-portrait-show{0%{visibility:hidden}
100%{visibility:visible}
}
@keyframes pinned-portrait-medal-move{0%{transform:translate(calc(-50% + var(--pinned-portrait-x)),var(--pinned-portrait-y)) scale(var(--pinned-portrait-responsive-scale))}
100%{transform:translate(-50%,var(--pinned-portrait-medal-y)) scale(var(--pinned-portrait-medal-scale))}
}
@keyframes pinned-portrait-exit-up{0%{--pinned-portrait-exit-y:0px}
100%{--pinned-portrait-exit-y:var(--medal-reveal-exit-shift-y)}
}
@keyframes final-vases-rise{0%{--final-vases-y:var(--final-vases-start-y)}
100%{--final-vases-y:var(--final-vases-end-y)}
}
@keyframes final-vases-exit-up{0%{--final-vases-exit-y:0px}
100%{--final-vases-exit-y:var(--final-vases-exit-shift-y)}
}
@keyframes medal-reveal-rise{0%{--medal-reveal-y:var(--medal-reveal-start-y)}
100%{--medal-reveal-y:var(--medal-reveal-end-y)}
}
@keyframes medal-reveal-exit-up{0%{--medal-reveal-exit-y:0px}
100%{--medal-reveal-exit-y:var(--medal-reveal-exit-shift-y)}
}
@keyframes final-title-rise{0%{--final-title-y:var(--final-title-start-y)}
100%{--final-title-y:var(--final-title-end-y)}
}
@keyframes final-title-overlay-fade{0%{opacity:0}
100%{opacity:1}
}
@keyframes final-title-grid-rise{0%{--final-title-grid-y:var(--final-title-grid-start-y)}
100%{--final-title-grid-y:var(--final-title-grid-end-y)}
}
@keyframes final-title-content-fade{0%{opacity:0}
22%{opacity:0}
100%{opacity:1}
}
@keyframes final-title-background-shift{0%{background-color:var(--final-title-bg-start)}
100%{background-color:var(--final-title-bg-end)}
}
@keyframes final-title-text-shift{0%{color:var(--final-title-text-start)}
100%{color:var(--final-title-text-end)}
}
@keyframes final-vase-reveal-slide{0%{--final-vase-reveal-shift-x:var(--final-vase-reveal-shift-start)}
100%{--final-vase-reveal-shift-x:var(--final-vase-reveal-shift-end)}
}
@keyframes final-story-slide-from-right{0%{transform:translateX(115vw)}
100%{transform:translateX(-10px)}
}
@keyframes final-story-slide-from-bottom{0%{transform:translateY(58vh)}
100%{transform:translateY(0)}
}
@keyframes final-story-slide-from-right-centered{0%{transform:translateX(115vw)}
100%{transform:translateX(0)}
}
@keyframes vase-story-scroll{0%{--vase-scroll-shift-x:0px}
100%{--vase-scroll-shift-x:var(--vase-story-scroll-distance)}
}
@keyframes vase-story-scroll-extended{0%{--vase-scroll-shift-step-2:0px}
100%{--vase-scroll-shift-step-2:var(--vase-story-scroll-return-distance)}
}
@keyframes vase-picto-swap-out{0%{opacity:1}
20%{opacity:1}
100%{opacity:0}
}
@keyframes vase-picto-swap-in{0%{opacity:0}
20%{opacity:0}
100%{opacity:1}
}
@keyframes vase-caption-in{0%{opacity:0}
20%{opacity:0}
100%{opacity:1}
}
@keyframes vase-phase-1-rise-settle{0%{--vase-phase-1-shift-out-y:0px}
100%{--vase-phase-1-shift-out-y:var(--vase-phase-1-shift-y)}
}
@keyframes vase-phase-1-copy-reveal{0%{transform:translate(calc(-50% + var(--vase-phase-1-copy-offset-x) + var(--vase-phase-1-track-shift-x)),calc(var(--vase-phase-1-copy-start-offset-y) + 18px + var(--vase-phase-1-copy-offset-y)))}
100%{transform:translate(calc(-50% + var(--vase-phase-1-copy-offset-x) + var(--vase-phase-1-track-shift-x)),var(--vase-phase-1-copy-offset-y))}
}
@keyframes vase-phase-1-copy-track{0%{--vase-phase-1-track-shift-x:0px}
100%{--vase-phase-1-track-shift-x:var(--vase-phase-1-slide-distance)}
}
@keyframes vase-phase-1-band-slide-out{0%{--vase-phase-1-band-shift-out:0px}
100%{--vase-phase-1-band-shift-out:var(--vase-phase-1-slide-distance)}
}
@keyframes poster-background-shift{0%{background-color:var(--poster-bg-start)}
100%{background-color:var(--poster-bg-end)}
}
@keyframes poster-text-shift{0%{color:var(--poster-text-start)}
100%{color:var(--poster-text-end)}
}
@keyframes poster-pack{0%{transform:translate(0,0) scale(1,1)}
100%{transform:translate(var(--poster-final-x),var(--poster-final-y)) scale(var(--poster-final-scale-x),var(--poster-final-scale-y))}
}
@keyframes scene-background-fade{0%{opacity:1}
55%{opacity:0.82}
82%{opacity:0.28}
100%{opacity:0}
}
@supports not (animation-timeline:scroll(root block)){body{background-color:var(--poster-bg-end)}
.poster-grid{transform:translate(var(--poster-final-x),var(--poster-final-y)) scale(var(--poster-final-scale-x),var(--poster-final-scale-y))}
.fit-text{color:var(--poster-text-end)}
.incoming-panel{transform:translate(-50%,calc(-50% + var(--vase-exit-shift-y)));opacity:0}
.final-vases{opacity:1;transform:translate(-50%,-50%)}
}