@font-face{font-family:'PP Right Grotesk Tight';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/PPRightGrotesk-TightMedium.woff2') format('woff2')}
@font-face{font-family:'Lausanne';font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/Lausanne-400.woff2') format('woff2')}
@font-face{font-family:'Lausanne';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/Lausanne-500.woff2') format('woff2')}
@font-face{font-family:'Lausanne';font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/Lausanne-600.woff2') format('woff2')}
@font-face{font-family:'Lausanne';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/Lausanne-700.woff2') format('woff2')}

:root{
  --marine:#12303F; --marine-2:#1C4457; --encre:#0D2733;
  --sarcelle:#47A0B0; --sarcelle-fonce:#2E8797; --vert:#5BB594; --vert-pale:#C2DBA8;
  --bleu:#4280C2; --bleu-fonce:#3A74B4; --ciel:#8ECDD8; --brume:#C9DDE3; --papier:#F3F6F2;
  --titre:'PP Right Grotesk Tight','Arial Narrow',sans-serif;
  --texte:'Lausanne','Helvetica Neue',Helvetica,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--texte);background:var(--marine);color:#fff;-webkit-font-smoothing:antialiased}
[hidden]{display:none !important}

.titre{font-family:var(--titre);font-weight:500;text-transform:uppercase;line-height:1}

.bande{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-shrink:0}
.bande i:nth-child(1){background:var(--sarcelle)}
.bande i:nth-child(2){background:var(--vert)}
.bande i:nth-child(3){background:var(--vert-pale)}
.bande i:nth-child(4){background:var(--bleu)}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01s !important;transition-duration:.01s !important}
}