@font-face {
  font-family: "Schibsted Grotesk";
  src: url("/fonts/schibsted-grotesk.woff2") format("woff2");
  font-weight: 400 900;
  font-display: swap;
}

:root {
  --police: "Schibsted Grotesk";
  --fond: #1C1A17;
  --fond-2: #2A2723;
  --scene: #2E2A26;
  --tx: #F3F0EA;
  --gris: #ABA59B;
  --accent: #E3A857;
  --sur-accent: #1C1A17;
  --trait: rgba(243, 240, 234, 0.16);
  --trait-pil: rgba(243, 240, 234, 0.32);
  --trait-pied: rgba(243, 240, 234, 0.22);
  --blanc: #FFFFFF;
  --tx-carte: #15171C;
  --champ: #F1F0EC;
  --gris-carte: #5D6066;
  --trait-carte: rgba(21, 23, 28, 0.16);
  --ex-gris: #DEDCD6;
  --ex-accent: #FF6A13;
  --courbe: cubic-bezier(.2, .7, .2, 1);
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }

[hidden] { display: none !important; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--fond);
  color: var(--tx);
  font-family: var(--police), "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 450;
  font-size: 16px;
  line-height: 26px;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, b, strong, th, button, input, textarea, select, summary { font-weight: 450; }
i, em, cite, address, var, dfn { font-style: normal; }
button, input, textarea { font: inherit; color: inherit; }
img, svg { display: block; }

a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
a.l { text-decoration: none; }
a.l:hover, a.l:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }

:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.rondc:focus-visible, .rond:focus-visible, .rdv:focus-visible { outline-color: var(--tx); }

summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }

::placeholder { color: var(--gris-carte); opacity: 1; }

.cache {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.page {
  container-type: inline-size;
  container-name: top;
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  background: var(--fond);
}

.pil {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--trait-pil);
  background: transparent;
  color: var(--tx);
  text-decoration: none;
  cursor: pointer;
  transition: border-color .2s;
}

.pil:hover { border-color: currentColor !important; }

.rond {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(132px, 12vw, 190px);
  width: clamp(132px, 12cqw, 190px);
  height: clamp(132px, 12vw, 190px);
  height: clamp(132px, 12cqw, 190px);
  border-radius: 50%;
  background: var(--accent);
  color: var(--sur-accent);
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  transition: transform .35s var(--courbe);
}

.rond:hover { transform: scale(1.05); }

.pm {
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  transition: transform .25s;
}

.pm svg { width: 20px; height: 20px; fill: none; stroke: var(--tx); stroke-width: 1.5; stroke-linecap: round; }
details[open] > summary .pm { transform: rotate(45deg); }

.arc {
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: clamp(40px, 6.25vw, 96px);
  height: clamp(40px, 6.25cqw, 96px);
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
  background: var(--fond);
}

h2 {
  margin: 0;
  font-size: clamp(34px, 3.75vw, 60px);
  font-size: clamp(34px, 3.75cqw, 60px);
  line-height: 1.15;
}

.barre {
  position: relative;
  z-index: 6;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 32px;
  padding: 20px 3.125% 0;
  background: var(--fond);
  color: var(--tx);
}

.hero .barre { position: absolute; left: 3.125%; right: 3.125%; top: 20px; padding: 0; background: none; }
.barre .nom { position: relative; z-index: 1; display: inline-flex; align-items: center; min-height: 48px; font-size: 16px; }
.barre nav { display: contents; }
.liens { display: flex; flex-wrap: wrap; gap: 0 36px; }
.liens a { display: inline-flex; align-items: center; min-width: 44px; min-height: 48px; font-size: 16px; }
.menu { display: none; }

.menu > summary {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 8px;
  font-size: 16px;
}

.point { width: 6px; height: 6px; border-radius: 50%; background: var(--tx); }

.panneau-m {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow-y: auto;
  padding-top: 112px;
  background: var(--fond);
}

.liste-m { display: flex; flex-direction: column; border-bottom: 1px solid var(--trait); }

.panneau-m a {
  display: flex;
  align-items: center;
  min-height: 76px;
  padding: 0 20px;
  border-top: 1px solid var(--trait);
  color: var(--tx);
  font-size: 34px;
  line-height: 40px;
}

.rdv {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 22px;
  border-radius: 24px;
  background: var(--accent);
  color: var(--sur-accent);
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  text-decoration: none;
  transition: transform .35s var(--courbe);
}

.rdv:hover { transform: scale(1.05); }

.pin { position: relative; }

.hero {
  position: relative;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  overflow: clip;
  background: var(--scene);
}

.scene, .scene-note { position: absolute; width: max(100vw, 177.7778vh); width: max(100cqw, 177.7778svh); height: max(56.25vw, 100vh); height: max(56.25cqw, 100svh); left: clamp(calc(100vw - max(100vw, 177.7778vh)), calc(96.875vw - max(0.82959 * max(100vw, 177.7778vh), 0.635 * max(100vw, 177.7778vh) + 199.79px)), 0px); left: clamp(calc(100cqw - max(100cqw, 177.7778svh)), calc(96.875cqw - max(0.82959 * max(100cqw, 177.7778svh), 0.635 * max(100cqw, 177.7778svh) + 199.79px)), 0px); top: clamp(calc(100vh - max(56.25vw, 100vh)), calc(100vh - 56px - 0.932 * max(56.25vw, 100vh)), 0px); top: clamp(calc(100svh - max(56.25cqw, 100svh)), calc(100svh - 56px - 0.932 * max(56.25cqw, 100svh)), 0px); }
html.soir .scene, html.soir .scene-note { left: clamp(calc(100vw - max(100vw, 177.7778vh)), calc(96.875vw - max(0.92969 * max(100vw, 177.7778vh), 0.7476 * max(100vw, 177.7778vh) + 199.79px)), 0px); left: clamp(calc(100cqw - max(100cqw, 177.7778svh)), calc(96.875cqw - max(0.92969 * max(100cqw, 177.7778svh), 0.7476 * max(100cqw, 177.7778svh) + 199.79px)), 0px); top: clamp(calc(100vh - max(56.25vw, 100vh)), calc(100vh - 56px - 0.8417 * max(56.25vw, 100vh)), 0px); top: clamp(calc(100svh - max(56.25cqw, 100svh)), calc(100svh - 56px - 0.8417 * max(56.25cqw, 100svh)), 0px); }
.scene { z-index: 0; }
.scene-note { z-index: 3; pointer-events: none; }
.scene-note .mention { pointer-events: auto; }
.ex, .lu, .log { display: none; }
.ex1, .lu1 { display: block; }
.log1 { display: flex; }
.jalons { position: relative; }
.jalons-rang { position: relative; display: flex; align-items: center; gap: 12px; }
.pause { display: none; }
.pause svg { width: 14px; height: 14px; fill: #F3F0EA; }
.indice { display: none; }
.sc, .tm { display: none !important; }
.reflet { display: none; }
.room { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: url(/media/jour-piece-16x9-2048.webp) 50% 50% / cover no-repeat; background-image: image-set(url(/media/jour-piece-16x9-1280.webp) 0.3125x, url(/media/jour-piece-16x9-2048.webp) 0.5x, url(/media/jour-piece-16x9-2880.webp) 0.7031x, url(/media/jour-piece-16x9-4096.webp) 1x); }
.flou { background-image: url(/media/jour-piece-16x9-flou.webp); opacity: 0; }
.penombre { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background: linear-gradient(180deg, rgba(28, 26, 23, 0.5) 0px, rgba(28, 26, 23, 0.5) 70px, rgba(28, 26, 23, 0) 150px), linear-gradient(90deg, rgba(28, 26, 23, 0.62) 0%, rgba(28, 26, 23, 0.62) 30%, rgba(28, 26, 23, 0) 46%); }
html.soir .room { background-image: url(/media/soir-piece-16x9-2048.webp); background-image: image-set(url(/media/soir-piece-16x9-1280.webp) 0.3125x, url(/media/soir-piece-16x9-2048.webp) 0.5x, url(/media/soir-piece-16x9-2880.webp) 0.7031x, url(/media/soir-piece-16x9-4096.webp) 1x); }
html.soir .flou { background-image: url(/media/soir-piece-16x9-flou.webp); }
html.soir .penombre { background: none; }
.lueur { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: screen; clip-path: polygon(evenodd, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, 49.805% 81.774%, 49.805% 51.026%, 50.002% 50.174%, 50.485% 49.826%, 76.078% 49.826%, 76.561% 50.174%, 76.758% 51.026%, 76.758% 81.774%, 49.805% 81.774%); --halo: 26.41% 39.24%; --halo-c: 63.525% 65.8%; --tache: 22.02% 9.8%; --tache-c: 65.55% 92.97%; --table: polygon(0% 83%, 100% 79%, 100% 100%, 0% 100%); }
html.soir .lueur { clip-path: polygon(evenodd, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, 59.766% 63.877%, 59.766% 30.453%, 59.963% 29.601%, 60.446% 29.253%, 89.115% 29.253%, 89.598% 29.601%, 89.795% 30.453%, 89.795% 63.877%, 59.766% 63.877%); --halo: 28.57% 42%; --halo-c: 74.785% 46.565%; --tache: 23.82% 10.48%; --tache-c: 75.49% 83.25%; --table: polygon(9% 63%, 100% 63.5%, 100% 84%, 9% 82.5%); }
.lu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lu-mur { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lu1 .lu-mur { background: radial-gradient(ellipse var(--halo) at var(--halo-c), rgba(138, 104, 84, 0.62) 0%, rgba(138, 104, 84, 0.34) 38%, rgba(138, 104, 84, 0.12) 68%, rgba(138, 104, 84, 0) 100%); }
.lu2 .lu-mur { background: radial-gradient(ellipse var(--halo) at var(--halo-c), rgba(84, 121, 69, 0.62) 0%, rgba(84, 121, 69, 0.34) 38%, rgba(84, 121, 69, 0.12) 68%, rgba(84, 121, 69, 0) 100%); }
.lu3 .lu-mur { background: radial-gradient(ellipse var(--halo) at var(--halo-c), rgba(87, 112, 154, 0.62) 0%, rgba(87, 112, 154, 0.34) 38%, rgba(87, 112, 154, 0.12) 68%, rgba(87, 112, 154, 0) 100%); }
.lu4 .lu-mur, .lu5 .lu-mur, .lu6 .lu-mur, .lu7 .lu-mur, .lu8 .lu-mur, .lu9 .lu-mur, .lu10 .lu-mur { background: radial-gradient(ellipse var(--halo) at var(--halo-c), rgba(142, 104, 52, 0.62) 0%, rgba(142, 104, 52, 0.34) 38%, rgba(142, 104, 52, 0.12) 68%, rgba(142, 104, 52, 0) 100%); }
.lu-table { position: absolute; left: 0; top: 0; width: 100%; height: 100%; clip-path: var(--table); }
.lu1 .lu-table { background: radial-gradient(ellipse var(--tache) at var(--tache-c), rgba(138, 104, 84, 0.7) 0%, rgba(138, 104, 84, 0.22) 60%, rgba(138, 104, 84, 0) 100%); }
.lu2 .lu-table { background: radial-gradient(ellipse var(--tache) at var(--tache-c), rgba(84, 121, 69, 0.7) 0%, rgba(84, 121, 69, 0.22) 60%, rgba(84, 121, 69, 0) 100%); }
.lu3 .lu-table { background: radial-gradient(ellipse var(--tache) at var(--tache-c), rgba(87, 112, 154, 0.7) 0%, rgba(87, 112, 154, 0.22) 60%, rgba(87, 112, 154, 0) 100%); }
.lu4 .lu-table, .lu5 .lu-table, .lu6 .lu-table, .lu7 .lu-table, .lu8 .lu-table, .lu9 .lu-table, .lu10 .lu-table { background: radial-gradient(ellipse var(--tache) at var(--tache-c), rgba(142, 104, 52, 0.7) 0%, rgba(142, 104, 52, 0.22) 60%, rgba(142, 104, 52, 0) 100%); }
.lap { position: absolute; z-index: 2; left: 48.193%; top: 49.653%; width: 34.766%; height: 43.316%; background: url(/media/jour-portable-16x9-1001.webp) 0 0 / 100% 100% no-repeat; background-image: image-set(url(/media/jour-portable-16x9-445.webp) 0.3125x, url(/media/jour-portable-16x9-712.webp) 0.5x, url(/media/jour-portable-16x9-1001.webp) 0.7029x, url(/media/jour-portable-16x9-1424.webp) 1x); }
html.soir .lap { left: 58.057%; top: 29.08%; width: 34.912%; height: 54.167%; background-image: url(/media/soir-portable-16x9-1005.webp); background-image: image-set(url(/media/soir-portable-16x9-447.webp) 0.3125x, url(/media/soir-portable-16x9-715.webp) 0.5x, url(/media/soir-portable-16x9-1005.webp) 0.7027x, url(/media/soir-portable-16x9-1430.webp) 1x); }
.ecran { position: absolute; z-index: 2; left: 50.011%; top: 50.247%; width: 27.022%; height: 31.007%; clip-path: polygon(0.85% 1%, 95.63% 0, 100% 98.41%, 0 100%); transform-origin: 50.011% 50.16%; box-sizing: border-box; overflow: hidden; container-type: inline-size; border-radius: 3px; background: #14110E; color: #FFFFFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html.soir .ecran { left: 60.173%; top: 29.98%; width: 29.199%; height: 33.075%; clip-path: polygon(0.27% 0, 100% 0.15%, 99.37% 100%, 0 99.46%); transform-origin: 50.043% 50.144%; }
.ex-site { position: absolute; left: 0; top: 0; width: 100%; height: 100%; perspective: 160cqi; }
.photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.photo img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 50%; }
.voile-g { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(12, 10, 8, 0.76) 0%, rgba(12, 10, 8, 0.62) 45%, rgba(12, 10, 8, 0) 80%); }
.voile-h { position: absolute; left: 0; top: 0; width: 100%; height: 30%; background: linear-gradient(180deg, rgba(12, 10, 8, 0.78), rgba(12, 10, 8, 0)); }
.site-haut { position: absolute; left: 4cqi; right: 4cqi; top: 3cqi; display: flex; align-items: center; justify-content: space-between; gap: 2.4cqi; transform-style: preserve-3d; font-family: 'Schibsted Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2cqi; line-height: 1.2; letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap; }
.site-nom { flex: none; display: block; height: 3.36cqi; width: auto; fill: currentColor; }
.s0-nom { aspect-ratio: 12882 / 2458; }
.s1-nom { aspect-ratio: 12717 / 2458; }
.s2-nom { aspect-ratio: 14957 / 2458; }
.ms-nav { display: flex; gap: 2.6cqi; transform-style: preserve-3d; }
.site-btn { padding: 0.9cqi 1.8cqi; border: 1px solid rgba(255, 255, 255, 0.75); }
.site-corps { position: absolute; left: 5cqi; top: 50%; transform: translateY(-46%); transform-style: preserve-3d; max-width: 62cqi; align-items: flex-start; text-align: left; display: flex; flex-direction: column; gap: 2.4cqi; white-space: nowrap; }
.site-sur { font-family: 'Schibsted Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.7cqi; line-height: 1.2; letter-spacing: 0.32em; text-transform: uppercase; }
.site-tit { flex: none; display: block; height: 11cqi; width: auto; fill: currentColor; }
.s0-tit { aspect-ratio: 7593 / 2048; }
.s1-tit { aspect-ratio: 7447 / 2048; }
.s2-tit { aspect-ratio: 8860 / 2048; }
.site-lig { font-family: 'Schibsted Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.5cqi; line-height: 1.2; letter-spacing: 0.2em; text-transform: uppercase; padding: 1.1cqi 2.8cqi; border: 1px solid rgba(255, 255, 255, 0.7); }
.plaque-site { position: absolute; left: 5cqi; bottom: 2.6cqi; font-family: 'Schibsted Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.9cqi; line-height: 1.2; letter-spacing: 0.04em; white-space: nowrap; padding: 0.8cqi 1.8cqi; border-radius: 2cqi; background: rgba(12, 10, 8, 0.72); }
.ex-serv { position: absolute; left: 0; top: 0; width: 100%; height: 100%; perspective: 160cqi; background: #1C1A17; color: #F3F0EA; }
.serv-tit { position: absolute; left: 5cqi; top: 4.2cqi; display: flex; align-items: baseline; gap: 2.4cqi; white-space: nowrap; line-height: normal; font-family: 'Schibsted Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.serv-no { font-size: 2.6cqi; letter-spacing: 0.12em; color: #ABA59B; }
.serv-nom { font-size: 4.6cqi; line-height: 1.1; color: #F3F0EA; }
.objet { position: absolute; left: 5cqi; right: 5cqi; top: 13.5cqi; bottom: 4.5cqi; transform-style: preserve-3d; }
.carte-e { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 1.6cqi; background: #FFFFFF; color: #15171C; font-family: 'Schibsted Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.6cqi; line-height: 1.3; overflow: hidden; }
.c0-card { padding: 2.8cqi 3cqi; display: flex; flex-direction: column; }
.c0-s { margin-top: 1cqi; font-size: 2.3cqi; color: #5D6066; }
.c0-line { position: absolute; left: 8.4cqi; right: 8.4cqi; top: 2.4cqi; height: 0.4cqi; border-radius: 0.2cqi; background: rgba(21, 23, 28, 0.14); transform-origin: 0 50%; }
.c1-card { display: flex; flex-direction: column; }
.c1-h { flex: none; display: flex; align-items: center; gap: 1.8cqi; padding: 1.6cqi 2.8cqi; border-bottom: 1px solid rgba(21, 23, 28, 0.14); }
.c2-card, .c5-card, .c6-card { padding: 2.6cqi 3.4cqi; display: flex; flex-direction: column; }
.c2-g { flex: 1 1 auto; display: grid; grid-template-columns: 22cqi repeat(5, minmax(0, 1fr)) 12cqi; grid-auto-rows: 1fr; margin-top: 1.4cqi; }
.c2-f { display: flex; align-items: center; gap: 1.2cqi; margin-top: 1.2cqi; font-size: 2.1cqi; color: #5D6066; }
.c3-card { padding: 1.4cqi 1.8cqi; display: flex; flex-direction: column; gap: 0.7cqi; background: #F1F0EC; }
.c3-s { flex: none; display: flex; align-items: center; gap: 1.6cqi; height: 4.6cqi; box-sizing: border-box; padding: 0 2.2cqi; border-radius: 2.3cqi; background: #FFFFFF; font-size: 2.3cqi; box-shadow: 0 0.3cqi 0.8cqi rgba(21, 23, 28, 0.08); }
.c3-t { display: flex; align-items: baseline; justify-content: space-between; padding: 0.2cqi 0.4cqi 0; }
.c3-m { position: relative; flex: none; width: 31%; border-radius: 1.2cqi; overflow: hidden; background: #E9E6DF; background-image: linear-gradient(0deg, rgba(255,255,255,0.9) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(255,255,255,0.9) 1.5px, transparent 1.5px); background-size: 7cqi 7cqi, 7cqi 7cqi; }
.c3-p1 { position: absolute; left: 46%; top: 44%; width: 3.8cqi; height: 3.8cqi; margin: calc(3.8cqi * -0.5) 0 0 calc(3.8cqi * -0.5); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #E3A857; box-shadow: 0 0.4cqi 0.8cqi rgba(0, 0, 0, 0.25); }
.c3-p2 { left: 22%; top: 74%; }
.c3-p3 { left: 76%; top: 28%; }
.c4-card { display: flex; padding: 0; }
.c4-p { position: relative; flex: none; width: 42%; background: linear-gradient(160deg, #D9A05B, #8A5A2B 55%, #3E2612); }
.c4-h { flex: none; display: flex; align-items: center; gap: 1.6cqi; padding: 1.6cqi 2.4cqi; border-bottom: 1px solid rgba(21, 23, 28, 0.14); }
.c4-c1 { display: flex; flex-direction: column; gap: 0.3cqi; }
.c4-c2 { display: flex; flex-direction: column; gap: 0.3cqi; margin-left: 3.2cqi; padding-left: 1.6cqi; border-left: 2px solid rgba(21, 23, 28, 0.14); }
.c4-i { flex: none; display: flex; flex-direction: column; gap: 0.8cqi; padding: 1.4cqi 2.4cqi 1.6cqi; border-top: 1px solid rgba(21, 23, 28, 0.14); }
.c5-m { display: flex; align-items: center; gap: 1.6cqi; margin-top: 1.6cqi; }
.c5-b { margin-top: 1.8cqi; transform-origin: 0 50%; }
.c5-f { font-size: 2cqi; color: #5D6066; padding-top: 1cqi; border-top: 1px solid rgba(21, 23, 28, 0.14); }
.c6-g { display: flex; align-items: center; gap: 2.6cqi; margin: 1.6cqi 0 1.2cqi; }
.c6-bar { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1A7F37; transform-origin: 0 50%; }
.entete-f { display: flex; align-items: center; justify-content: space-between; gap: 2cqi; }
.etat-fin { display: flex; align-items: center; gap: 1.4cqi; }
.coche { flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #1A7F37; }
.coche-titre { width: 4.4cqi; height: 4.4cqi; }
.coche-titre svg { flex: none; width: calc(4.4cqi * 0.62); height: calc(4.4cqi * 0.62); }
.libelle-fin { font-size: 3.4cqi; color: #1A7F37; }
.ref-dossier { font-size: 2.3cqi; color: #5D6066; white-space: nowrap; }
.frise { flex: 1 1 auto; display: flex; align-items: center; margin-top: 1.2cqi; border-top: 1px solid rgba(21, 23, 28, 0.14); }
.frise-rang { position: relative; width: 100%; display: flex; align-items: flex-start; gap: 0; }
.noeud { position: relative; z-index: 1; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 0.9cqi; text-align: center; }
.coche-noeud { width: 5.2cqi; height: 5.2cqi; }
.coche-noeud svg { flex: none; width: calc(5.2cqi * 0.62); height: calc(5.2cqi * 0.62); }
.noeud-nom { font-size: 2.45cqi; white-space: nowrap; }
.noeud-date { font-size: 2.1cqi; line-height: 1.25; color: #5D6066; white-space: nowrap; }
.coche-attente { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 5.2cqi; height: 5.2cqi; border-radius: 50%; background: #F1F0EC; box-sizing: border-box; border: 1px solid rgba(21, 23, 28, 0.14); }
.coche-attente svg { width: calc(5.2cqi * 0.62); height: calc(5.2cqi * 0.62); }
.avatar { flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; }
.avatar-agent { width: 5cqi; height: 5cqi; background: #F1F0EC; color: #15171C; font-size: 2.4cqi; }
.identite { display: flex; flex-direction: column; line-height: 1.2; }
.nom-agent { font-size: 2.7cqi; }
.precision { font-size: 2cqi; color: #5D6066; }
.nom-firme { margin-left: auto; font-size: 2.1cqi; color: #5D6066; }
.fil-chat { flex: 1 1 auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: 1.1cqi; padding: 1.8cqi 2.8cqi; background: #F1F0EC; }
.bulle-client { align-self: flex-start; max-width: 80%; padding: 1.3cqi 2.2cqi 1.1cqi; border-radius: 2.2cqi 2.2cqi 2.2cqi 0.6cqi; background: #FFFFFF; color: #15171C; font-size: 2.5cqi; line-height: 1.3; }
.heure-bulle { display: inline-block; margin-left: 1.6cqi; font-size: 1.9cqi; color: #5D6066; white-space: nowrap; vertical-align: bottom; }
.bulle-reponse { align-self: flex-end; max-width: 80%; padding: 1.1cqi 2.2cqi 1.1cqi; border-radius: 2.2cqi 2.2cqi 0.6cqi 2.2cqi; background: #15171C; color: #F6F5F3; font-size: 2.5cqi; line-height: 1.3; }
.etiquette-auto { display: block; margin-bottom: 0.3cqi; font-size: 1.9cqi; color: #B4B5B3; }
.heure-reponse { display: inline-flex; align-items: center; margin-left: 1.6cqi; font-size: 1.9cqi; color: #B4B5B3; white-space: nowrap; vertical-align: bottom; }
.heure-reponse svg { flex: none; width: 3cqi; height: 1.9cqi; margin-left: 0.6cqi; }
.titre-fiche { font-size: 3.2cqi; }
.sous-titre-f { font-size: 2.1cqi; color: #5D6066; }
.employe { display: flex; align-items: center; gap: 1.2cqi; font-size: 2.3cqi; }
.avatar-employe { width: 4.4cqi; height: 4.4cqi; background: #E3A857; color: #15171C; font-size: 2.2cqi; }
.jour { display: flex; align-items: center; justify-content: center; font-size: 2.1cqi; color: #5D6066; }
.cellule-nom { display: flex; align-items: center; font-size: 2.4cqi; white-space: nowrap; border-top: 1px solid rgba(21, 23, 28, 0.14); }
.cellule { display: flex; align-items: center; justify-content: center; font-size: 2.4cqi; font-variant-numeric: tabular-nums; border-top: 1px solid rgba(21, 23, 28, 0.14); }
.somme-nom { display: flex; align-items: center; font-size: 2.4cqi; border-top: 1px solid #15171C; }
.somme { display: flex; align-items: center; justify-content: center; font-size: 2.4cqi; font-variant-numeric: tabular-nums; border-top: 1px solid #15171C; }
.somme-totale { color: #1A7F37; }
.coche-signature { width: 3.2cqi; height: 3.2cqi; }
.coche-signature svg { flex: none; width: calc(3.2cqi * 0.62); height: calc(3.2cqi * 0.62); }
.c3-s svg { flex: none; width: 2.6cqi; height: 2.6cqi; }
.adresses { flex: 1 1 auto; display: flex; gap: 1.6cqi; min-height: 0; }
.liste-adr { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.6cqi; }
.titre-bloc { font-size: 2.4cqi; }
.detail-adr { font-size: 1.9cqi; color: #5D6066; }
.fiche-adr { display: flex; align-items: flex-start; gap: 1.6cqi; padding: 0.7cqi 1.4cqi; border-radius: 1.2cqi; background: #FFFFFF; }
.fiche-vous { box-shadow: 0 0 0 1px #E3A857; }
.vignette { flex: none; width: 6.4cqi; height: 6.4cqi; border-radius: 1cqi; }
.vignette-vous { background: linear-gradient(150deg, #D9A05B, #8A5A2B 70%, #4A2E16); }
.fiche-txt { display: flex; flex-direction: column; gap: 0.15cqi; line-height: 1.22; min-width: 0; }
.fiche-nom { font-size: 2.3cqi; line-height: 1.25; white-space: nowrap; }
.badge-vous { margin-left: 1.2cqi; padding: 0.2cqi 1cqi; border-radius: 1.4cqi; background: #E3A857; color: #15171C; font-size: 1.9cqi; letter-spacing: 0.02em; vertical-align: middle; white-space: nowrap; }
.etoiles { display: inline-flex; gap: 0.15cqi; vertical-align: -0.2cqi; }
.etoiles svg { width: 2cqi; height: 2cqi; }
.ouvert { color: #1A7F37; }
.vignette-autre { background: linear-gradient(150deg, #CFCBC3, #9E9A92); }
.ferme { color: #5D6066; }
.route-h { position: absolute; left: -10%; right: -10%; top: 46%; height: 2.2cqi; background: rgba(255,255,255,0.95); transform: rotate(-12deg); }
.route-v { position: absolute; top: -10%; bottom: -10%; left: 58%; width: 1.8cqi; background: rgba(255,255,255,0.95); transform: rotate(8deg); }
.quartier { position: absolute; border-radius: 1cqi; background: #D9E3D2; }
.quartier-nord { left: 10%; top: 12%; width: 24%; height: 16%; }
.quartier-sud { left: 66%; top: 70%; width: 26%; height: 18%; }
.epingle { position: absolute; width: 2.7cqi; height: 2.7cqi; margin: calc(2.7cqi * -0.5) 0 0 calc(2.7cqi * -0.5); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #5D6066; box-shadow: 0 0.4cqi 0.8cqi rgba(0, 0, 0, 0.25); }
.c4-p img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.publication { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; background: #FFFFFF; }
.avatar-table { width: 4.4cqi; height: 4.4cqi; background: linear-gradient(150deg, #D9A05B, #8A5A2B); color: #FFFFFF; font-size: 2cqi; }
.fil-comm { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 1.3cqi; padding: 1.6cqi 2.4cqi; font-size: 2.15cqi; line-height: 1.3; }
.badge-auteur { padding: 0.15cqi 0.9cqi; border-radius: 1cqi; background: #F1F0EC; color: #5D6066; font-size: 1.9cqi; vertical-align: middle; }
.meta-reponse { display: flex; align-items: center; gap: 0.8cqi; font-size: 1.9cqi; color: #5D6066; }
.meta-reponse svg { flex: none; width: 2.4cqi; height: 2.4cqi; }
.icones { display: flex; gap: 2.6cqi; }
.icones svg { width: 3.4cqi; height: 3.4cqi; }
.compte-aime { font-size: 2.1cqi; }
.entete-rapport { display: flex; align-items: baseline; justify-content: space-between; gap: 2cqi; }
.titre-rapport { font-size: 2.5cqi; white-space: nowrap; }
.date-rapport { font-size: 2cqi; color: #5D6066; white-space: nowrap; }
.coche-etat { width: 5cqi; height: 5cqi; }
.coche-etat svg { flex: none; width: calc(5cqi * 0.62); height: calc(5cqi * 0.62); }
.etat-global { font-size: 3.6cqi; line-height: 1.1; }
.jours-tete { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 0.8cqi; }
.pourcent { font-size: 2.4cqi; color: #1A7F37; }
.jours { display: flex; gap: 0.32cqi; }
.jour-ok { flex: 1 1 0; height: 3cqi; border-radius: 0.4cqi; background: #1A7F37; }
.etats { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; margin-top: 1.2cqi; }
.etat-ligne { display: flex; align-items: center; justify-content: space-between; gap: 2cqi; padding: 1.15cqi 0; border-top: 1px solid rgba(21, 23, 28, 0.14); }
.etat-nom { font-size: 2.4cqi; }
.etat-ok { display: flex; align-items: center; gap: 1cqi; font-size: 2.2cqi; color: #1A7F37; }
.point-ok { width: 1.8cqi; height: 1.8cqi; border-radius: 50%; background: #1A7F37; }
.sceau-a { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 10.4cqi; height: 10.4cqi; border-radius: 2cqi; background: #1A7F37; color: #FFFFFF; font-size: 5.2cqi; letter-spacing: -0.02em; }
.score { display: flex; flex-direction: column; gap: 0.6cqi; line-height: 1.15; }
.score-val { font-size: 3.4cqi; }
.score-tests { font-size: 2.3cqi; color: #5D6066; }
.piste { position: relative; width: 30cqi; height: 0.9cqi; margin-top: 0.4cqi; border-radius: 0.5cqi; background: #F1F0EC; overflow: hidden; }
.controles { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; }
.controle { display: flex; align-items: center; gap: 1.6cqi; padding: 1.05cqi 0; border-top: 1px solid rgba(21, 23, 28, 0.14); }
.coche-ligne { width: 3.6cqi; height: 3.6cqi; }
.coche-ligne svg { flex: none; width: calc(3.6cqi * 0.62); height: calc(3.6cqi * 0.62); }
.controle-nom { flex: 1 1 auto; font-size: 2.4cqi; }
.controle-detail { font-size: 2.05cqi; color: #5D6066; white-space: nowrap; }
.c0-card .libelle-fin, .c0-card .noeud-nom, .c1-card .avatar-agent, .c1-card .nom-agent, .c2-card .titre-fiche, .c2-card .avatar-employe, .c2-card .jour-total, .c2-card .cellule-total, .c2-card .somme-nom, .c2-card .somme, .c2-card .somme-totale, .c3-card .titre-bloc, .c4-card .titre-bloc, .c3-card .fiche-nom, .c3-card .badge-vous, .c4-card .avatar-table, .c4-card .signataire, .c4-card .badge-auteur, .c4-card .compte-aime, .c5-card .titre-rapport, .c6-card .titre-rapport, .c5-card .etat-global, .c5-card .pourcent, .c5-card .etat-ok, .c6-card .sceau-a, .c6-card .score-val { font-weight: 600; }
.reflet { position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: screen; background: radial-gradient(ellipse 55% 45% at var(--gx, 50%) var(--gy, 45%), rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 70%); }
.lieu { margin: 0; position: absolute; z-index: 6; left: 0; top: 7.8125vw; top: 7.8125cqw; display: flex; align-items: center; gap: 14px; height: 72px; box-sizing: border-box; padding: 0 12px 0 3.125%; border-radius: 0 36px 36px 0; background: #F3F0EA; color: #1C1A17; font-size: 16px; line-height: 22px; }
.repere { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: rgba(28, 26, 23, 0.08); }
.col { position: absolute; z-index: 6; left: 3.125%; top: 15.3125vw; top: 15.3125cqw; width: 36.72vw; width: 36.72cqw; }
.col h1 { margin: 0; font-size: clamp(34px, 3.75vw, 60px); font-size: clamp(34px, 3.75cqw, 60px); line-height: 1.15; font-weight: 450; color: #F3F0EA; }
.logs { position: relative; height: 66px; margin-top: 16px; font-size: 13px; line-height: 20px; color: #ABA59B; }
.log { position: absolute; left: 0; top: 0; right: 0; list-style: none; margin: 0; padding: 0; flex-direction: column; gap: 2px; }
.log li { display: flex; align-items: flex-start; gap: 8px; }
.log li svg { flex: none; margin-top: 3px; }
.mention { position: absolute; z-index: 3; left: 63.5%; top: 93.2%; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; font-size: 13px; line-height: 20px; white-space: nowrap; color: #F3F0EA; }
html.soir .mention { left: 74.76%; top: 84.17%; }
.jalons { display: flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 12px; background: rgba(28, 26, 23, 0.55); }
.pause { flex: none; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(28, 26, 23, 0.55); align-items: center; justify-content: center; cursor: pointer; }
.note-txt { padding: 0 10px; margin: 0 -10px; border-radius: 12px; line-height: 24px; background: rgba(28, 26, 23, 0.55); }
.indice { position: absolute; z-index: 7; left: 3.125%; bottom: 24px; align-items: stretch; gap: 8px; color: #F3F0EA; }
.indice-trait { flex: none; width: 1px; background: rgba(243, 240, 234, 0.7); }
.indice-texte { display: flex; flex-direction: column; justify-content: center; gap: 2px; font-size: 12px; line-height: 15px; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; }

.intro {
  padding: clamp(64px, 8vw, 120px) 16% clamp(64px, 7.5vw, 110px);
  padding: clamp(64px, 8cqw, 120px) 16% clamp(64px, 7.5cqw, 110px);
  background: var(--fond);
}

.intro-l { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 40px 64px; }

.intro p {
  flex: 1 1 420px;
  max-width: 620px;
  margin: 0;
  font-size: clamp(22px, 2.35vw, 38px);
  font-size: clamp(22px, 2.35cqw, 38px);
  line-height: 1.45;
}

.intro .rond { flex: none; margin-top: 28px; }

.jeu {
  position: relative;
  padding: clamp(110px, 12vw, 184px) 0 clamp(72px, 7.5vw, 112px);
  padding: clamp(110px, 12cqw, 184px) 0 clamp(72px, 7.5cqw, 112px);
  background: var(--fond-2);
  color: var(--tx);
}

.tete-j { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 56px; padding: 0 16%; }
.tete-j h2 { flex: 1 1 380px; max-width: 600px; }
.conseil { flex: 0 1 250px; margin: 0 0 8px; color: var(--gris); }
.rangs { position: relative; margin: clamp(40px, 4.4vw, 64px) 8% 0; margin: clamp(40px, 4.4cqw, 64px) 8% 0; }

.rang {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  min-height: 104px;
  margin: 0;
  padding: 10px 3.4% 10px 9.5%;
  border: 0;
  border-top: 1px solid var(--trait);
  background: transparent;
  color: var(--tx);
  text-align: left;
  cursor: pointer;
}

.rang:disabled { cursor: default; }

.idee {
  flex: 1 1 auto;
  font-size: clamp(26px, 3.1vw, 50px);
  font-size: clamp(26px, 3.1cqw, 50px);
  line-height: 1.2;
  transition: transform .35s var(--courbe), opacity .35s;
}

.rang:not(:disabled):hover .idee { transform: translateX(14px); opacity: .55; }
.rang[aria-pressed="true"] .idee { transform: translateX(14px); opacity: .5; }
.modele { flex: 0 0 26%; color: var(--gris); visibility: hidden; }

.libre {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  min-height: clamp(68px, 6.9vw, 104px);
  min-height: clamp(68px, 6.9cqw, 104px);
  margin: 0;
  padding: 14px 3.4% 14px 9.5%;
  border-top: 1px solid var(--trait);
  border-bottom: 1px solid var(--trait);
}

.libre input {
  flex: 1 1 280px;
  min-width: 0;
  height: 64px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--tx);
  font-size: clamp(26px, 3.1vw, 50px);
  font-size: clamp(26px, 3.1cqw, 50px);
}

.libre input::placeholder { color: var(--gris); }
.libre .pil { flex: none; height: 56px; padding: 0 30px; border-color: rgba(243, 240, 234, 0.6); border-radius: 28px; font-size: 16px; }

.panneau {
  position: absolute;
  z-index: 4;
  right: 0;
  top: 0;
  width: 400px;
  height: 642px;
}

.blanc {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  overflow: clip;
  border: 9px solid #141210;
  border-radius: 34px;
  background: var(--blanc);
  color: var(--tx-carte);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.tel3d { --bx: 3deg; --by: -10deg; }

.haut-p {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 14px 18px 12px;
  font-size: 13px;
  line-height: 18px;
  color: var(--gris-carte);
}

.haut-p .nom-g { color: var(--tx-carte); text-align: right; }
.plateau { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; }

.dessous { margin: 0; padding: 14px 18px 0; font-size: 14px; line-height: 20px; }

.journal {
  list-style: none;
  min-height: 93px;
  margin: 0;
  padding: 12px 18px 18px;
  font-size: 13px;
  line-height: 21px;
  color: var(--gris-carte);
}

.rondc {
  position: absolute;
  z-index: 5;
  right: -64px;
  top: -48px;
  width: 80px;
  height: 80px;
  padding: 0;
  border: 0;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
}

.programme {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
  overflow: hidden;
  overflow: clip;
  border-top: 1px solid var(--trait-carte);
  border-bottom: 1px solid var(--trait-carte);
}

.programme svg { flex: none; }
.programme .titre-s, .programme .titre-p, .programme .avatar-n, .programme .prenom-n, .programme .total-f, .programme .section-f, .programme .liste-t, .programme .mois-r, .programme .valide-r, .programme .chiffre-b { font-weight: 600; }
.entete-p { flex: none; display: flex; flex-direction: column; padding: 10px 14px; background: var(--blanc); border-bottom: 1px solid var(--trait-carte); }
.titre-p { font-size: 15px; line-height: 20px; }
.sous-p { font-size: 12px; line-height: 16px; color: var(--gris-carte); }
.adresse-s { flex: none; display: flex; align-items: center; padding: 8px 12px; background: var(--champ); }
.champ-s { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; gap: 6px; height: 30px; border-radius: 15px; background: var(--blanc); font-size: 12px; line-height: 16px; }
.ecran-s { min-height: 0; overflow: hidden; overflow: clip; position: relative; flex: 1 1 auto; color: var(--blanc); }
.ecran-s img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.voile-gs { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(12, 10, 8, 0.76) 0%, rgba(12, 10, 8, 0.62) 50%, rgba(12, 10, 8, 0.2) 100%); }
.voile-hs { position: absolute; left: 0; top: 0; width: 100%; height: 40%; background: linear-gradient(180deg, rgba(12, 10, 8, 0.78), rgba(12, 10, 8, 0)); }
.haut-s { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; }
.logo-s { width: auto; height: 13px; fill: currentColor; }
.accroche-s { position: absolute; left: 16px; right: 16px; bottom: 16px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.sur-titre-s { font-size: 12px; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; }
.titre-s { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow: clip; max-width: 270px; margin: 0; font-size: 26px; line-height: 30px; overflow-wrap: anywhere; }
.bouton-s { display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border-radius: 18px; background: var(--ex-accent); color: var(--tx-carte); font-size: 13px; line-height: 16px; }
.rubriques-s { flex: none; display: flex; flex-direction: column; }
.rubrique-s { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 16px; border-top: 1px solid var(--trait-carte); }
.texte-s { display: flex; flex-direction: column; }
.libelle-s { font-size: 14px; line-height: 18px; }
.messagerie .entete-p { flex-direction: row; align-items: center; gap: 10px; }
.avatar-n { flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--champ); font-size: 14px; line-height: 16px; }
.ident-n { display: flex; flex-direction: column; }
.prenom-n { font-size: 14px; line-height: 18px; }
.statut-n { font-size: 12px; line-height: 16px; color: #1A7F37; }
.fil-n { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding: 10px 12px; overflow: hidden; overflow: clip; background: var(--champ); }
.date-n { align-self: center; padding: 2px 10px; border-radius: 10px; background: var(--blanc); font-size: 12px; line-height: 16px; color: var(--gris-carte); }
.lui, .moi { max-width: 84%; }
.lui { align-self: flex-start; }
.moi { align-self: flex-end; }
.bulle-n { padding: 8px 12px; border-radius: 16px 16px 16px 4px; background: var(--blanc); font-size: 14px; line-height: 19px; }
.moi .bulle-n { border-radius: 16px 16px 4px 16px; background: var(--tx-carte); color: var(--blanc); }
.heure-n { margin-top: 3px; font-size: 12px; line-height: 16px; color: var(--gris-carte); }
.moi .heure-n { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.ajout-n { align-self: center; display: flex; align-items: center; gap: 6px; max-width: 92%; padding: 4px 10px; border-radius: 12px; background: var(--blanc); font-size: 12px; line-height: 16px; color: #1A7F37; }
.saisie-n { flex: none; display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: var(--blanc); border-top: 1px solid var(--trait-carte); }
.champ-n { flex: 1 1 auto; display: flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 16px; background: var(--champ); font-size: 13px; line-height: 16px; color: var(--gris-carte); }
.envoi-n { flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--tx-carte); }
.facturation .entete-p { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; }
.titres-f { display: flex; flex-direction: column; }
.statut-f { flex: none; display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border: 1px solid #1A7F37; border-radius: 11px; font-size: 12px; line-height: 18px; color: #1A7F37; }
.fond-f { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding: 12px; overflow: hidden; overflow: clip; background: var(--champ); }
.feuillet-f { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding: 12px 14px; background: var(--blanc); box-shadow: 0 0 0 1px var(--trait-carte); }
.dates-f { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; line-height: 16px; color: var(--gris-carte); }
.lignes-p { margin-top: 8px; border-top: 1px solid var(--trait-carte); }
.ligne-p { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--trait-carte); font-size: 13px; line-height: 18px; }
.total-f { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 7px 0 2px; font-size: 15px; line-height: 20px; }
.tva-f { font-size: 12px; line-height: 16px; color: var(--gris-carte); text-align: right; }
.paiement-f { margin-top: auto; padding-top: 12px; }
.coupe-f { position: relative; height: 0; border-top: 1px dashed var(--gris-carte); }
.ciseaux-f { position: absolute; left: 0; top: -7px; background: var(--blanc); }
.qr-f { display: flex; align-items: flex-start; gap: 12px; padding-top: 12px; }
.qr { width: 88px; height: 88px; }
.infos-f { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.section-f { font-size: 12px; line-height: 16px; }
.champ-f { display: flex; flex-direction: column; }
.valeur-f { font-size: 13px; line-height: 18px; }
.note-p { margin: 10px 0 0; font-size: 12px; line-height: 16px; color: var(--gris-carte); }
.requete-t { flex: none; padding: 10px 12px; background: var(--blanc); }
.champ-t { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 18px; background: var(--champ); font-size: 13px; line-height: 18px; }
.champ-t span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.liste-t { flex: none; padding: 2px 14px 6px; background: var(--blanc); font-size: 12px; line-height: 16px; color: var(--gris-carte); }
.plan-t { flex: 1 1 auto; min-height: 90px; overflow: hidden; overflow: clip; }
.vous-t { flex: none; display: flex; flex-direction: column; gap: 4px; padding: 10px 14px; background: var(--blanc); border-top: 1px solid var(--trait-carte); }
.vous-t .titre-p { display: flex; align-items: center; gap: 8px; }
.pastille { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--ex-accent); }
.note-t { display: flex; align-items: center; gap: 4px; font-size: 13px; line-height: 18px; }
.etoiles-t { display: inline-flex; gap: 1px; }
.ouvert-t { color: #1A7F37; }
.actions-t { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.action-t { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border: 1px solid var(--trait-carte); border-radius: 14px; font-size: 12px; line-height: 16px; }
.autre-t { flex: none; display: flex; flex-direction: column; padding: 8px 14px; background: var(--blanc); border-top: 1px solid var(--trait-carte); font-size: 13px; line-height: 18px; }
.annuaire-t { padding-bottom: 10px; color: var(--gris-carte); }
.corps-r { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 8px; padding: 10px 14px; background: var(--blanc); }
.mois-r { display: flex; align-items: center; justify-content: space-between; font-size: 13px; line-height: 18px; }
.fleches-r { display: flex; gap: 14px; }
.jours-r { display: grid; grid-template-columns: 40px repeat(5, minmax(0, 1fr)); gap: 4px; text-align: center; }
.jour-r { display: flex; flex-direction: column; padding: 4px 0; border-radius: 10px; }
.abrev-r { font-size: 12px; line-height: 16px; color: var(--gris-carte); }
.date-r { font-size: 14px; line-height: 18px; }
.jour-r.choisi { background: var(--tx-carte); color: var(--blanc); }
.jour-r.choisi .abrev-r { color: inherit; }
.creneaux-r { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 40px repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(5, minmax(0, 1fr)); gap: 4px; font-size: 12px; line-height: 16px; color: var(--gris-carte); }
.heure-r { display: flex; align-items: center; }
.creneau { border: 1px solid var(--trait-carte); border-radius: 6px; }
.creneau.pris { border: 0; background: var(--ex-gris); }
.creneau.choisi { display: flex; align-items: center; justify-content: center; border: 0; background: var(--tx-carte); }
.confirme-r { flex: none; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--blanc); border-top: 1px solid var(--trait-carte); }
.rond-r { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1.5px solid #1A7F37; border-radius: 50%; }
.texte-r { display: flex; flex-direction: column; }
.valide-r { font-size: 13px; line-height: 18px; color: #1A7F37; }
.corps-b { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; background: var(--blanc); }
.indicateurs-b { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.indicateur-b { display: flex; flex-direction: column; padding: 8px 10px; border-radius: 10px; background: var(--champ); }
.chiffre-b { font-size: 20px; line-height: 24px; }
.graphe-b { flex: 1 1 auto; min-height: 0; display: flex; gap: 8px; }
.axe-val { flex: none; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 22px; font-size: 12px; line-height: 12px; color: var(--gris-carte); text-align: right; }
.trace-b { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.courbe { position: relative; flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid var(--trait-carte); }
.graduation { position: absolute; left: 0; right: 0; top: 0; border-top: 1px dashed var(--trait-carte); }
.graduation + .graduation { top: 33.333%; }
.graduation + .graduation + .graduation { top: 66.667%; }
.courbe > div { position: relative; display: flex; align-items: flex-end; justify-content: center; gap: 4px; }
.courbe i { width: 12px; height: var(--h); background: #85878B; }
.m1 i { --h: 60%; }
.m1 .paye { --h: 43.33%; }
.m2 i { --h: 70%; }
.m2 .paye { --h: 53.33%; }
.m3 i { --h: 80%; }
.m3 .paye { --h: 63.33%; }
.m4 i { --h: 73.33%; }
.m4 .paye { --h: 60%; }
.m5 i { --h: 90%; }
.m5 .paye { --h: 70%; }
.courbe .paye { background: var(--tx-carte); }
.axe-mois { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); font-size: 12px; line-height: 16px; color: var(--gris-carte); text-align: center; }
.legende { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 12px; line-height: 16px; }
.legende span { display: flex; align-items: center; gap: 6px; }
.legende i { width: 10px; height: 10px; background: #85878B; }
.legende .paye { background: var(--tx-carte); }
.maj-b { flex: none; padding: 8px 14px; background: var(--blanc); border-top: 1px solid var(--trait-carte); font-size: 12px; line-height: 16px; color: var(--gris-carte); }
.corps-m { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 12px; padding: 12px; overflow: hidden; overflow: clip; background: var(--champ); }
.message-m { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 12px; background: var(--blanc); }
.cite-m { margin: 0; font-size: 16px; line-height: 22px; overflow-wrap: anywhere; }
.deroule-m { display: flex; flex-direction: column; overflow: hidden; overflow: clip; border-radius: 12px; background: var(--blanc); }
.pas-m { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--trait-carte); font-size: 13px; line-height: 18px; }
.pas-m:last-child { border-bottom: 0; }
.tache-m { display: flex; align-items: center; gap: 8px; }
.fait-m { color: #1A7F37; }
.reste-m { color: var(--gris-carte); }

.bas-j {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 32px;
  margin: 0;
  padding: 16px 16% 0;
}

.bas-j .rien { color: var(--gris); }
.suite-j { display: flex; align-items: center; gap: 24px; }
.suite-j a { display: inline-flex; align-items: center; min-height: 44px; color: var(--tx); }
html:not(.js) .libre, html:not(.js) .rondc, html:not(.js) .compte { display: none; }

.services {
  padding: clamp(72px, 7.5vw, 112px) 0;
  padding: clamp(72px, 7.5cqw, 112px) 0;
  background: var(--fond);
}

.services h2 { margin: 0 16%; }
.nb { margin-left: 8px; font-size: 16px; line-height: 1; vertical-align: top; color: var(--gris); }
.nb::before { content: attr(data-n); }

.lignes {
  margin: clamp(36px, 3.8vw, 56px) 8% 0;
  margin: clamp(36px, 3.8cqw, 56px) 8% 0;
  border-bottom: 1px solid var(--trait);
}

.lignes > details, .lignes > section { border-top: 1px solid var(--trait); }

.offre > summary {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 2.6%;
  padding: 22px 0 22px 9.5%;
}

.num { position: absolute; left: 0; top: 30px; font-size: 13px; line-height: 18px; color: var(--gris); }

.offre h3 {
  flex: 0 0 max(28%, 210px);
  margin: 0;
  font-size: clamp(22px, 2.2vw, 34px);
  font-size: clamp(22px, 2.2cqw, 34px);
  line-height: 1.3;
  white-space: nowrap;
}

.desc { flex: 1 1 280px; display: block; margin-top: 4px; }
.prix { flex: 0 0 max(22%, 160px); display: block; margin-top: 4px; text-align: right; }
.ouvert-o { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 28px 56px; padding: 4px 44px 36px 9.5%; }

.taches {
  flex: 1 1 340px;
  max-width: 520px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.taches span { color: var(--gris); }
.demo { flex: 0 1 430px; padding: 20px 22px 22px; border: 1px solid var(--trait-carte); background: var(--blanc); color: var(--tx-carte); }
.demo .quoi { margin: 0; font-size: 13px; line-height: 18px; color: var(--gris-carte); }
.demo label { display: block; margin-top: 6px; }

.demo textarea {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(21, 23, 28, 0.45);
  border-radius: 0;
  background: var(--blanc);
  color: var(--tx-carte);
  font-size: 16px;
  line-height: 24px;
  resize: none;
}

.demo textarea:disabled { opacity: 1; }
.demo .rien { margin: 6px 0 0; font-size: 13px; line-height: 18px; color: var(--gris-carte); }
.feuille { margin-top: 16px; padding: 16px 18px 18px; background: var(--champ); }
.feuille p { margin: 0; }
.tampon { font-size: 13px; line-height: 18px; color: var(--gris-carte); }
.haut { display: flex; justify-content: space-between; gap: 16px; margin-top: 10px; font-size: 13px; line-height: 19px; }
.maison { font-size: 16px; line-height: 22px; }
.haut .lieu-f, .droite { color: var(--gris-carte); }
.droite { flex: none; text-align: right; }
.case { margin-top: 12px; }
.haut + .case { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--trait-carte); }
.cle { font-size: 13px; line-height: 18px; color: var(--gris-carte); }
.dit, .prop { font-size: 16px; line-height: 24px; overflow-wrap: anywhere; }
.signe { margin-top: 14px !important; font-size: 13px; line-height: 19px; color: var(--gris-carte); }
.aveu { max-width: 560px; margin: 22px 16% 0; color: var(--gris); }

.methode {
  padding: clamp(72px, 7.5vw, 112px) 8% clamp(76px, 8vw, 120px);
  padding: clamp(72px, 7.5cqw, 112px) 8% clamp(76px, 8cqw, 120px);
  background: var(--fond-2);
}

.methode h2 { margin: 0 0 0 9.5%; }

.etapes {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 6%;
  list-style: none;
  margin: clamp(44px, 5vw, 76px) 0 0 9.5%;
  margin: clamp(44px, 5cqw, 76px) 0 0 9.5%;
  padding: 0;
  counter-reset: etape;
}

.etapes li { flex: 1 1 240px; counter-increment: etape; }

.etapes li::before {
  content: counter(etape, decimal-leading-zero);
  content: counter(etape, decimal-leading-zero) / "";
  display: block;
  font-size: 13px;
  line-height: 18px;
  color: var(--gris);
}

.etapes p {
  margin: 22px 0 0;
  padding-top: 28px;
  border-top: 1px solid rgba(243, 240, 234, 0.2);
  font-size: clamp(22px, 2.2vw, 34px);
  font-size: clamp(22px, 2.2cqw, 34px);
  line-height: 1.36;
}

.questions {
  padding: clamp(72px, 7.5vw, 112px) 0 clamp(80px, 8.5vw, 128px);
  padding: clamp(72px, 7.5cqw, 112px) 0 clamp(80px, 8.5cqw, 128px);
  background: var(--fond);
}

.kick { margin: 0 16% 14px; color: var(--gris); }
.questions h2 { max-width: 760px; margin: 0 16%; }
.questions .lignes { margin: clamp(40px, 5vw, 72px) 8% 0; margin: clamp(40px, 5cqw, 72px) 8% 0; }
.q > summary { display: flex; align-items: center; gap: 24px; min-height: 80px; padding: 12px 0 12px 9.5%; }

.q h3 {
  flex: 1 1 auto;
  margin: 0;
  font-size: clamp(22px, 2.2vw, 34px);
  font-size: clamp(22px, 2.2cqw, 34px);
  line-height: 1.3;
}

.reponse { max-width: 640px; margin: 0; padding: 0 44px 36px 9.5%; box-sizing: content-box; }
.reponse a { position: relative; padding: 12px 0; margin: -12px 0; white-space: nowrap; }

.contact {
  position: relative;
  padding: clamp(110px, 11.5vw, 176px) 16% 32px;
  padding: clamp(110px, 11.5cqw, 176px) 16% 32px;
  background: var(--fond-2);
  color: var(--tx);
}

.contact h2 { font-size: clamp(38px, 5.6vw, 92px); font-size: clamp(38px, 5.6cqw, 92px); line-height: 1.12; }
.contact h2 .l1 { display: flex; align-items: center; gap: .3em; }
.contact h2 img { flex: none; width: .95em; height: .95em; border-radius: 50%; object-fit: cover; }
.contact h2 .l2 { display: block; }

.trait {
  position: relative;
  height: 1px;
  margin-top: clamp(72px, 6.9vw, 104px);
  margin-top: clamp(72px, 6.9cqw, 104px);
  background: var(--trait-pied);
}

.ancre-r { position: absolute; right: 9%; top: 50%; transform: translateY(-50%); }

.voies-p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: clamp(64px, 7.5vw, 110px);
  margin-top: clamp(64px, 7.5cqw, 110px);
}

.courriel-p { display: contents; }
.voies-p .pil { height: 64px; padding: 0 30px; border-radius: 32px; font-size: 16px; }
.voies-p button.pil { height: 44px; padding: 0 18px; border-radius: 22px; font-size: 13px; }
.sous-c { max-width: 460px; margin: 26px 0 0; color: var(--gris); }
.renard-bloc { display: flex; justify-content: flex-end; margin-top: clamp(40px, 4.4vw, 64px); margin-top: clamp(40px, 4.4cqw, 64px); }

.renard {
  margin: 0;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-weight: 500;
  font-size: clamp(8px, 1.7vw, 11px);
  font-size: clamp(8px, 1.7cqw, 11px);
  line-height: 1.18;
  letter-spacing: 0.02em;
  color: rgba(243, 240, 234, 0.42);
  white-space: pre;
  user-select: none;
  -webkit-user-select: none;
}

.renard span { color: var(--accent); }

.bas-p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 32px;
  margin: clamp(56px, 6.5vw, 96px) -12.875vw 0;
  margin: clamp(56px, 6.5cqw, 96px) -12.875cqw 0;
}

.bas-p .copie-d { color: var(--gris); }
.liens-p { display: flex; flex-wrap: wrap; gap: 0 32px; }
.liens-p a, .pied a { display: inline-flex; align-items: center; min-height: 44px; color: var(--tx); }

.corps-j {
  padding: clamp(48px, 5.6vw, 88px) 0 clamp(72px, 7.5vw, 112px);
  padding: clamp(48px, 5.6cqw, 88px) 0 clamp(72px, 7.5cqw, 112px);
}

.tete-l { margin: 0 16%; }
.retour { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }

.tete-l h1 {
  margin: 16px 0 0;
  font-size: clamp(34px, 3.75vw, 60px);
  font-size: clamp(34px, 3.75cqw, 60px);
  line-height: 1.15;
}

.juridique > section { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 2.6%; padding: 26px 44px 34px 9.5%; }

.juridique h2 {
  flex: 0 0 max(28%, 210px);
  font-size: clamp(22px, 2.2vw, 34px);
  font-size: clamp(22px, 2.2cqw, 34px);
  line-height: 1.3;
}

.texte { flex: 1 1 320px; max-width: 640px; margin-top: 4px; }
.texte p { margin: 0 0 14px; }
.texte p:last-child { margin-bottom: 0; }
.texte .courriel { display: inline-flex; align-items: center; min-height: 44px; margin: -9px 0; }

.pied {
  position: relative;
  padding: clamp(84px, 9.4vw, 144px) 3.125% 28px;
  padding: clamp(84px, 9.4cqw, 144px) 3.125% 28px;
  background: var(--fond-2);
  color: var(--tx);
}

.rang-p { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 32px; }
body.err { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; }
body.err .page { flex: 1 1 auto; display: flex; flex-direction: column; }

.egare {
  flex: 1 1 auto;
  padding: clamp(72px, 9.4vw, 144px) 16% clamp(96px, 11vw, 168px);
  padding: clamp(72px, 9.4cqw, 144px) 16% clamp(96px, 11cqw, 168px);
}

.egare h1 { margin: 0; font-size: clamp(38px, 5.6vw, 92px); font-size: clamp(38px, 5.6cqw, 92px); line-height: 1.12; }

.egare p {
  max-width: 900px;
  margin: clamp(16px, 1.9vw, 28px) 0 0;
  margin: clamp(16px, 1.9cqw, 28px) 0 0;
  font-size: clamp(22px, 2.35vw, 38px);
  font-size: clamp(22px, 2.35cqw, 38px);
  line-height: 1.45;
}

.egare .pil {
  height: 64px;
  margin-top: clamp(32px, 3.8vw, 56px);
  margin-top: clamp(32px, 3.8cqw, 56px);
  padding: 0 30px;
  border-radius: 32px;
}

@media (prefers-reduced-motion: no-preference) {
  html.js .tombe { opacity: 0; }
  html.js .tombe.pose { animation: chute 600ms cubic-bezier(.34, 1.56, .64, 1) both; }
  html.js .courbe i { height: 4px; transition: height 700ms cubic-bezier(.22, 1, .36, 1); }
  html.js .grandi .courbe i { height: var(--h); }
}

@keyframes chute { from { opacity: 0; transform: translateY(-28px) scale(.97); } 60% { opacity: 1; } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .idee, .rond, .rdv, .pil, .pm, [data-tilt] { transition: none; }
}

.log path{stroke-dasharray:16}
@container (max-width: 400px){.ms-nav{display:none !important}}
.ex path[class]{stroke-dasharray:16}
.pt{flex:none;width:8px;height:8px;border-radius:4px;background:rgba(243,240,234,.5)}.pt1{width:24px;background:#F3F0EA}
@keyframes s0-gate{0%,9.9900%{opacity:1}10.0000%,100%{opacity:0}}
@keyframes s0-ph{0%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}1.6000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes s0-pl{0%{opacity:0;animation-timing-function:ease-out}1.6000%{opacity:1}8.8000%{opacity:1}9.6000%,100%{opacity:0}}
@keyframes s0-nom{0%,0.9000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}1.9000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes s0-nav1{0%,1.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}2.0000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes s0-nav2{0%,1.4000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}2.2000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes s0-nav3{0%,1.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}2.4000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes s0-btn{0%,1.8000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}2.7000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes s0-sur{0%,2.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}3.2000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes s0-tit{0%,2.6000%{opacity:0;transform:translateZ(-60cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}4.0000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes s0-lig{0%,3.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}4.6000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes s0-lu{0%{opacity:0;animation-timing-function:ease-out}1.8000%{opacity:1}8.8000%{opacity:1}9.6000%,100%{opacity:0}}
@keyframes s0-log{0%{opacity:0}0.3000%{opacity:1}9.0000%{opacity:1}9.8000%,100%{opacity:0}}
@keyframes s0-l1t{0%,0.6000%{opacity:.35}0.9000%,100%{opacity:1}}
@keyframes s0-l1c{0%,0.6000%{stroke-dashoffset:16}1.0000%,100%{stroke-dashoffset:0}}
@keyframes s0-l2t{0%,2.7000%{opacity:.35}3.0000%,100%{opacity:1}}
@keyframes s0-l2c{0%,2.7000%{stroke-dashoffset:16}3.1000%,100%{stroke-dashoffset:0}}
@keyframes s0-l3t{0%,4.6000%{opacity:.35}4.9000%,100%{opacity:1}}
@keyframes s0-l3c{0%,4.6000%{stroke-dashoffset:16}5.0000%,100%{stroke-dashoffset:0}}
@keyframes pt1{0%,9.6000%{width:24px;background:#F3F0EA}10.0000%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes s1-gate{0%,10.0000%{opacity:0}10.0100%,19.9900%{opacity:1}20.0000%,100%{opacity:0}}
@keyframes s1-ph{0%,10.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}11.6000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes s1-pl{0%,10.0000%{opacity:0;animation-timing-function:ease-out}11.6000%{opacity:1}18.8000%{opacity:1}19.6000%,100%{opacity:0}}
@keyframes s1-nom{0%,10.9000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}11.9000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes s1-nav1{0%,11.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}12.0000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes s1-nav2{0%,11.4000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}12.2000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes s1-nav3{0%,11.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}12.4000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes s1-btn{0%,11.8000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}12.7000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes s1-sur{0%,12.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}13.2000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes s1-tit{0%,12.6000%{opacity:0;transform:translateZ(-60cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}14.0000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes s1-lig{0%,13.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}14.6000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes s1-lu{0%,10.0000%{opacity:0;animation-timing-function:ease-out}11.8000%{opacity:1}18.8000%{opacity:1}19.6000%,100%{opacity:0}}
@keyframes s1-log{0%,10.0000%{opacity:0}10.3000%{opacity:1}19.0000%{opacity:1}19.8000%,100%{opacity:0}}
@keyframes s1-l1t{0%,10.6000%{opacity:.35}10.9000%,100%{opacity:1}}
@keyframes s1-l1c{0%,10.6000%{stroke-dashoffset:16}11.0000%,100%{stroke-dashoffset:0}}
@keyframes s1-l2t{0%,12.7000%{opacity:.35}13.0000%,100%{opacity:1}}
@keyframes s1-l2c{0%,12.7000%{stroke-dashoffset:16}13.1000%,100%{stroke-dashoffset:0}}
@keyframes s1-l3t{0%,14.6000%{opacity:.35}14.9000%,100%{opacity:1}}
@keyframes s1-l3c{0%,14.6000%{stroke-dashoffset:16}15.0000%,100%{stroke-dashoffset:0}}
@keyframes pt2{0%,9.6000%{width:8px;background:rgba(243,240,234,.5)}10.0000%,19.6000%{width:24px;background:#F3F0EA}20.0000%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes s2-gate{0%,20.0000%{opacity:0}20.0100%,29.9900%{opacity:1}30.0000%,100%{opacity:0}}
@keyframes s2-ph{0%,20.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}21.6000%{opacity:1;transform:none}28.8000%{opacity:1;transform:none}29.6000%,100%{opacity:0;transform:none}}
@keyframes s2-pl{0%,20.0000%{opacity:0;animation-timing-function:ease-out}21.6000%{opacity:1}28.8000%{opacity:1}29.6000%,100%{opacity:0}}
@keyframes s2-nom{0%,20.9000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}21.9000%{opacity:1;transform:none}28.8000%{opacity:1;transform:none}29.6000%,100%{opacity:0;transform:none}}
@keyframes s2-nav1{0%,21.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}22.0000%{opacity:1;transform:none}28.8000%{opacity:1;transform:none}29.6000%,100%{opacity:0;transform:none}}
@keyframes s2-nav2{0%,21.4000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}22.2000%{opacity:1;transform:none}28.8000%{opacity:1;transform:none}29.6000%,100%{opacity:0;transform:none}}
@keyframes s2-nav3{0%,21.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}22.4000%{opacity:1;transform:none}28.8000%{opacity:1;transform:none}29.6000%,100%{opacity:0;transform:none}}
@keyframes s2-btn{0%,21.8000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}22.7000%{opacity:1;transform:none}28.8000%{opacity:1;transform:none}29.6000%,100%{opacity:0;transform:none}}
@keyframes s2-sur{0%,22.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}23.2000%{opacity:1;transform:none}28.8000%{opacity:1;transform:none}29.6000%,100%{opacity:0;transform:none}}
@keyframes s2-tit{0%,22.6000%{opacity:0;transform:translateZ(-60cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}24.0000%{opacity:1;transform:none}28.8000%{opacity:1;transform:none}29.6000%,100%{opacity:0;transform:none}}
@keyframes s2-lig{0%,23.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}24.6000%{opacity:1;transform:none}28.8000%{opacity:1;transform:none}29.6000%,100%{opacity:0;transform:none}}
@keyframes s2-lu{0%,20.0000%{opacity:0;animation-timing-function:ease-out}21.8000%{opacity:1}28.8000%{opacity:1}29.6000%,100%{opacity:0}}
@keyframes s2-log{0%,20.0000%{opacity:0}20.3000%{opacity:1}29.0000%{opacity:1}29.8000%,100%{opacity:0}}
@keyframes s2-l1t{0%,20.6000%{opacity:.35}20.9000%,100%{opacity:1}}
@keyframes s2-l1c{0%,20.6000%{stroke-dashoffset:16}21.0000%,100%{stroke-dashoffset:0}}
@keyframes s2-l2t{0%,22.7000%{opacity:.35}23.0000%,100%{opacity:1}}
@keyframes s2-l2c{0%,22.7000%{stroke-dashoffset:16}23.1000%,100%{stroke-dashoffset:0}}
@keyframes s2-l3t{0%,24.6000%{opacity:.35}24.9000%,100%{opacity:1}}
@keyframes s2-l3c{0%,24.6000%{stroke-dashoffset:16}25.0000%,100%{stroke-dashoffset:0}}
@keyframes pt3{0%,19.6000%{width:8px;background:rgba(243,240,234,.5)}20.0000%,29.6000%{width:24px;background:#F3F0EA}30.0000%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes c0-gate{0%,30.0000%{opacity:0}30.0100%,39.9900%{opacity:1}40.0000%,100%{opacity:0}}
@keyframes c0-tit{0%,30.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}31.6000%{opacity:1;transform:none}38.8000%{opacity:1;transform:none}39.6000%,100%{opacity:0;transform:none}}
@keyframes c0-obj{0%,30.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}31.6000%{opacity:1;transform:none}38.8000%{opacity:1;transform:none}39.6000%,100%{opacity:0;transform:none}}
@keyframes c0-h{0%,31.2000%{opacity:0;animation-timing-function:ease-out}31.9000%{opacity:1}38.8000%{opacity:1}39.6000%,100%{opacity:0}}
@keyframes c0-s{0%,31.6000%{opacity:0;animation-timing-function:ease-out}32.2000%{opacity:1}38.8000%{opacity:1}39.6000%,100%{opacity:0}}
@keyframes c0-line{0%,32.0000%{transform:scaleX(0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}34.4000%{opacity:1;transform:none}38.8000%{opacity:1;transform:none}39.6000%,100%{opacity:0;transform:none}}
@keyframes c0-n1{0%,32.0000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}32.6000%{opacity:1;transform:none}38.8000%{opacity:1;transform:none}39.6000%,100%{opacity:0;transform:none}}
@keyframes c0-k1{0%,32.4000%{stroke-dashoffset:16}32.9000%,100%{stroke-dashoffset:0}}
@keyframes c0-n2{0%,32.6000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}33.2000%{opacity:1;transform:none}38.8000%{opacity:1;transform:none}39.6000%,100%{opacity:0;transform:none}}
@keyframes c0-k2{0%,33.0000%{stroke-dashoffset:16}33.5000%,100%{stroke-dashoffset:0}}
@keyframes c0-n3{0%,33.2000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}33.8000%{opacity:1;transform:none}38.8000%{opacity:1;transform:none}39.6000%,100%{opacity:0;transform:none}}
@keyframes c0-k3{0%,33.6000%{stroke-dashoffset:16}34.1000%,100%{stroke-dashoffset:0}}
@keyframes c0-n4{0%,33.8000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}34.4000%{opacity:1;transform:none}38.8000%{opacity:1;transform:none}39.6000%,100%{opacity:0;transform:none}}
@keyframes c0-k4{0%,34.2000%{stroke-dashoffset:16}34.7000%,100%{stroke-dashoffset:0}}
@keyframes c0-n5{0%,34.4000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}35.0000%{opacity:1;transform:none}38.8000%{opacity:1;transform:none}39.6000%,100%{opacity:0;transform:none}}
@keyframes c0-lu{0%,30.0000%{opacity:0;animation-timing-function:ease-out}31.8000%{opacity:1}38.8000%{opacity:1}39.6000%,100%{opacity:0}}
@keyframes c0-log{0%,30.0000%{opacity:0}30.3000%{opacity:1}39.0000%{opacity:1}39.8000%,100%{opacity:0}}
@keyframes c0-l1t{0%,31.2000%{opacity:.35}31.5000%,100%{opacity:1}}
@keyframes c0-l1c{0%,31.2000%{stroke-dashoffset:16}31.6000%,100%{stroke-dashoffset:0}}
@keyframes c0-l2t{0%,33.0000%{opacity:.35}33.3000%,100%{opacity:1}}
@keyframes c0-l2c{0%,33.0000%{stroke-dashoffset:16}33.4000%,100%{stroke-dashoffset:0}}
@keyframes c0-l3t{0%,34.6000%{opacity:.35}34.9000%,100%{opacity:1}}
@keyframes c0-l3c{0%,34.6000%{stroke-dashoffset:16}35.0000%,100%{stroke-dashoffset:0}}
@keyframes pt4{0%,29.6000%{width:8px;background:rgba(243,240,234,.5)}30.0000%,39.6000%{width:24px;background:#F3F0EA}40.0000%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes c1-gate{0%,40.0000%{opacity:0}40.0100%,49.9900%{opacity:1}50.0000%,100%{opacity:0}}
@keyframes c1-tit{0%,40.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}41.6000%{opacity:1;transform:none}48.8000%{opacity:1;transform:none}49.6000%,100%{opacity:0;transform:none}}
@keyframes c1-obj{0%,40.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}41.6000%{opacity:1;transform:none}48.8000%{opacity:1;transform:none}49.6000%,100%{opacity:0;transform:none}}
@keyframes c1-h{0%,41.2000%{opacity:0;animation-timing-function:ease-out}41.8000%{opacity:1}48.8000%{opacity:1}49.6000%,100%{opacity:0}}
@keyframes c1-b1{0%,41.8000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}42.5000%{opacity:1;transform:none}48.8000%{opacity:1;transform:none}49.6000%,100%{opacity:0;transform:none}}
@keyframes c1-b2{0%,42.6000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}43.3000%{opacity:1;transform:none}48.8000%{opacity:1;transform:none}49.6000%,100%{opacity:0;transform:none}}
@keyframes c1-b3{0%,43.4000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}44.1000%{opacity:1;transform:none}48.8000%{opacity:1;transform:none}49.6000%,100%{opacity:0;transform:none}}
@keyframes c1-b4{0%,44.2000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}44.9000%{opacity:1;transform:none}48.8000%{opacity:1;transform:none}49.6000%,100%{opacity:0;transform:none}}
@keyframes c1-lu{0%,40.0000%{opacity:0;animation-timing-function:ease-out}41.8000%{opacity:1}48.8000%{opacity:1}49.6000%,100%{opacity:0}}
@keyframes c1-log{0%,40.0000%{opacity:0}40.3000%{opacity:1}49.0000%{opacity:1}49.8000%,100%{opacity:0}}
@keyframes c1-l1t{0%,41.2000%{opacity:.35}41.5000%,100%{opacity:1}}
@keyframes c1-l1c{0%,41.2000%{stroke-dashoffset:16}41.6000%,100%{stroke-dashoffset:0}}
@keyframes c1-l2t{0%,43.0000%{opacity:.35}43.3000%,100%{opacity:1}}
@keyframes c1-l2c{0%,43.0000%{stroke-dashoffset:16}43.4000%,100%{stroke-dashoffset:0}}
@keyframes c1-l3t{0%,44.6000%{opacity:.35}44.9000%,100%{opacity:1}}
@keyframes c1-l3c{0%,44.6000%{stroke-dashoffset:16}45.0000%,100%{stroke-dashoffset:0}}
@keyframes pt5{0%,39.6000%{width:8px;background:rgba(243,240,234,.5)}40.0000%,49.6000%{width:24px;background:#F3F0EA}50.0000%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes c2-gate{0%,50.0000%{opacity:0}50.0100%,59.9900%{opacity:1}60.0000%,100%{opacity:0}}
@keyframes c2-tit{0%,50.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}51.6000%{opacity:1;transform:none}58.8000%{opacity:1;transform:none}59.6000%,100%{opacity:0;transform:none}}
@keyframes c2-obj{0%,50.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}51.6000%{opacity:1;transform:none}58.8000%{opacity:1;transform:none}59.6000%,100%{opacity:0;transform:none}}
@keyframes c2-h{0%,51.2000%{opacity:0;animation-timing-function:ease-out}51.8000%{opacity:1}58.8000%{opacity:1}59.6000%,100%{opacity:0}}
@keyframes c2-g{0%,51.6000%{opacity:0;animation-timing-function:ease-out}52.2000%{opacity:1}58.8000%{opacity:1}59.6000%,100%{opacity:0}}
@keyframes c2-r1{0%,52.0000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}52.5000%{opacity:1;transform:none}58.8000%{opacity:1;transform:none}59.6000%,100%{opacity:0;transform:none}}
@keyframes c2-r2{0%,52.5000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}53.0000%{opacity:1;transform:none}58.8000%{opacity:1;transform:none}59.6000%,100%{opacity:0;transform:none}}
@keyframes c2-r3{0%,53.0000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}53.5000%{opacity:1;transform:none}58.8000%{opacity:1;transform:none}59.6000%,100%{opacity:0;transform:none}}
@keyframes c2-t{0%,53.6000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}54.1000%{opacity:1;transform:none}58.8000%{opacity:1;transform:none}59.6000%,100%{opacity:0;transform:none}}
@keyframes c2-f{0%,54.2000%{opacity:0;animation-timing-function:ease-out}54.8000%{opacity:1}58.8000%{opacity:1}59.6000%,100%{opacity:0}}
@keyframes c2-fk{0%,54.6000%{stroke-dashoffset:16}55.1000%,100%{stroke-dashoffset:0}}
@keyframes c2-lu{0%,50.0000%{opacity:0;animation-timing-function:ease-out}51.8000%{opacity:1}58.8000%{opacity:1}59.6000%,100%{opacity:0}}
@keyframes c2-log{0%,50.0000%{opacity:0}50.3000%{opacity:1}59.0000%{opacity:1}59.8000%,100%{opacity:0}}
@keyframes c2-l1t{0%,51.2000%{opacity:.35}51.5000%,100%{opacity:1}}
@keyframes c2-l1c{0%,51.2000%{stroke-dashoffset:16}51.6000%,100%{stroke-dashoffset:0}}
@keyframes c2-l2t{0%,53.0000%{opacity:.35}53.3000%,100%{opacity:1}}
@keyframes c2-l2c{0%,53.0000%{stroke-dashoffset:16}53.4000%,100%{stroke-dashoffset:0}}
@keyframes c2-l3t{0%,54.6000%{opacity:.35}54.9000%,100%{opacity:1}}
@keyframes c2-l3c{0%,54.6000%{stroke-dashoffset:16}55.0000%,100%{stroke-dashoffset:0}}
@keyframes pt6{0%,49.6000%{width:8px;background:rgba(243,240,234,.5)}50.0000%,59.6000%{width:24px;background:#F3F0EA}60.0000%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes c3-gate{0%,60.0000%{opacity:0}60.0100%,69.9900%{opacity:1}70.0000%,100%{opacity:0}}
@keyframes c3-tit{0%,60.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}61.6000%{opacity:1;transform:none}68.8000%{opacity:1;transform:none}69.6000%,100%{opacity:0;transform:none}}
@keyframes c3-obj{0%,60.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}61.6000%{opacity:1;transform:none}68.8000%{opacity:1;transform:none}69.6000%,100%{opacity:0;transform:none}}
@keyframes c3-s{0%,61.2000%{opacity:0;animation-timing-function:ease-out}61.9000%{opacity:1}68.8000%{opacity:1}69.6000%,100%{opacity:0}}
@keyframes c3-t{0%,61.7000%{opacity:0;animation-timing-function:ease-out}62.2000%{opacity:1}68.8000%{opacity:1}69.6000%,100%{opacity:0}}
@keyframes c3-m{0%,61.8000%{opacity:0;animation-timing-function:ease-out}62.6000%{opacity:1}68.8000%{opacity:1}69.6000%,100%{opacity:0}}
@keyframes c3-g1{0%,62.0000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}62.7000%{opacity:1;transform:none}68.8000%{opacity:1;transform:none}69.6000%,100%{opacity:0;transform:none}}
@keyframes c3-g2{0%,62.4000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}63.1000%{opacity:1;transform:none}68.8000%{opacity:1;transform:none}69.6000%,100%{opacity:0;transform:none}}
@keyframes c3-g3{0%,62.8000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}63.5000%{opacity:1;transform:none}68.8000%{opacity:1;transform:none}69.6000%,100%{opacity:0;transform:none}}
@keyframes c3-p1{0%,63.6000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}64.2000%{opacity:1;transform:none}68.8000%{opacity:1;transform:none}69.6000%,100%{opacity:0;transform:none}}
@keyframes c3-p2{0%,63.9000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}64.5000%{opacity:1;transform:none}68.8000%{opacity:1;transform:none}69.6000%,100%{opacity:0;transform:none}}
@keyframes c3-p3{0%,64.2000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}64.8000%{opacity:1;transform:none}68.8000%{opacity:1;transform:none}69.6000%,100%{opacity:0;transform:none}}
@keyframes c3-lu{0%,60.0000%{opacity:0;animation-timing-function:ease-out}61.8000%{opacity:1}68.8000%{opacity:1}69.6000%,100%{opacity:0}}
@keyframes c3-log{0%,60.0000%{opacity:0}60.3000%{opacity:1}69.0000%{opacity:1}69.8000%,100%{opacity:0}}
@keyframes c3-l1t{0%,61.2000%{opacity:.35}61.5000%,100%{opacity:1}}
@keyframes c3-l1c{0%,61.2000%{stroke-dashoffset:16}61.6000%,100%{stroke-dashoffset:0}}
@keyframes c3-l2t{0%,63.0000%{opacity:.35}63.3000%,100%{opacity:1}}
@keyframes c3-l2c{0%,63.0000%{stroke-dashoffset:16}63.4000%,100%{stroke-dashoffset:0}}
@keyframes c3-l3t{0%,64.6000%{opacity:.35}64.9000%,100%{opacity:1}}
@keyframes c3-l3c{0%,64.6000%{stroke-dashoffset:16}65.0000%,100%{stroke-dashoffset:0}}
@keyframes pt7{0%,59.6000%{width:8px;background:rgba(243,240,234,.5)}60.0000%,69.6000%{width:24px;background:#F3F0EA}70.0000%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes c4-gate{0%,70.0000%{opacity:0}70.0100%,79.9900%{opacity:1}80.0000%,100%{opacity:0}}
@keyframes c4-tit{0%,70.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}71.6000%{opacity:1;transform:none}78.8000%{opacity:1;transform:none}79.6000%,100%{opacity:0;transform:none}}
@keyframes c4-obj{0%,70.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}71.6000%{opacity:1;transform:none}78.8000%{opacity:1;transform:none}79.6000%,100%{opacity:0;transform:none}}
@keyframes c4-p{0%,71.2000%{opacity:0;animation-timing-function:ease-out}72.0000%{opacity:1}78.8000%{opacity:1}79.6000%,100%{opacity:0}}
@keyframes c4-h{0%,71.6000%{opacity:0;animation-timing-function:ease-out}72.2000%{opacity:1}78.8000%{opacity:1}79.6000%,100%{opacity:0}}
@keyframes c4-c0{0%,72.0000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}72.6000%{opacity:1;transform:none}78.8000%{opacity:1;transform:none}79.6000%,100%{opacity:0;transform:none}}
@keyframes c4-i{0%,72.2000%{opacity:0;animation-timing-function:ease-out}72.8000%{opacity:1}78.8000%{opacity:1}79.6000%,100%{opacity:0}}
@keyframes c4-c1{0%,72.8000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}73.5000%{opacity:1;transform:none}78.8000%{opacity:1;transform:none}79.6000%,100%{opacity:0;transform:none}}
@keyframes c4-c2{0%,73.8000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}74.5000%{opacity:1;transform:none}78.8000%{opacity:1;transform:none}79.6000%,100%{opacity:0;transform:none}}
@keyframes c4-rk{0%,74.5000%{stroke-dashoffset:16}75.0000%,100%{stroke-dashoffset:0}}
@keyframes c4-lu{0%,70.0000%{opacity:0;animation-timing-function:ease-out}71.8000%{opacity:1}78.8000%{opacity:1}79.6000%,100%{opacity:0}}
@keyframes c4-log{0%,70.0000%{opacity:0}70.3000%{opacity:1}79.0000%{opacity:1}79.8000%,100%{opacity:0}}
@keyframes c4-l1t{0%,71.2000%{opacity:.35}71.5000%,100%{opacity:1}}
@keyframes c4-l1c{0%,71.2000%{stroke-dashoffset:16}71.6000%,100%{stroke-dashoffset:0}}
@keyframes c4-l2t{0%,73.0000%{opacity:.35}73.3000%,100%{opacity:1}}
@keyframes c4-l2c{0%,73.0000%{stroke-dashoffset:16}73.4000%,100%{stroke-dashoffset:0}}
@keyframes c4-l3t{0%,74.6000%{opacity:.35}74.9000%,100%{opacity:1}}
@keyframes c4-l3c{0%,74.6000%{stroke-dashoffset:16}75.0000%,100%{stroke-dashoffset:0}}
@keyframes pt8{0%,69.6000%{width:8px;background:rgba(243,240,234,.5)}70.0000%,79.6000%{width:24px;background:#F3F0EA}80.0000%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes c5-gate{0%,80.0000%{opacity:0}80.0100%,89.9900%{opacity:1}90.0000%,100%{opacity:0}}
@keyframes c5-tit{0%,80.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}81.6000%{opacity:1;transform:none}88.8000%{opacity:1;transform:none}89.6000%,100%{opacity:0;transform:none}}
@keyframes c5-obj{0%,80.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}81.6000%{opacity:1;transform:none}88.8000%{opacity:1;transform:none}89.6000%,100%{opacity:0;transform:none}}
@keyframes c5-h{0%,81.2000%{opacity:0;animation-timing-function:ease-out}81.8000%{opacity:1}88.8000%{opacity:1}89.6000%,100%{opacity:0}}
@keyframes c5-m{0%,81.6000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}82.3000%{opacity:1;transform:none}88.8000%{opacity:1;transform:none}89.6000%,100%{opacity:0;transform:none}}
@keyframes c5-mk{0%,82.0000%{stroke-dashoffset:16}82.5000%,100%{stroke-dashoffset:0}}
@keyframes c5-b{0%,82.4000%{transform:scaleX(0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}83.2000%{opacity:1;transform:none}88.8000%{opacity:1;transform:none}89.6000%,100%{opacity:0;transform:none}}
@keyframes c5-l1{0%,83.0000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}83.6000%{opacity:1;transform:none}88.8000%{opacity:1;transform:none}89.6000%,100%{opacity:0;transform:none}}
@keyframes c5-l2{0%,83.4000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}84.0000%{opacity:1;transform:none}88.8000%{opacity:1;transform:none}89.6000%,100%{opacity:0;transform:none}}
@keyframes c5-l3{0%,83.8000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}84.4000%{opacity:1;transform:none}88.8000%{opacity:1;transform:none}89.6000%,100%{opacity:0;transform:none}}
@keyframes c5-f{0%,84.4000%{opacity:0;animation-timing-function:ease-out}84.9000%{opacity:1}88.8000%{opacity:1}89.6000%,100%{opacity:0}}
@keyframes c5-lu{0%,80.0000%{opacity:0;animation-timing-function:ease-out}81.8000%{opacity:1}88.8000%{opacity:1}89.6000%,100%{opacity:0}}
@keyframes c5-log{0%,80.0000%{opacity:0}80.3000%{opacity:1}89.0000%{opacity:1}89.8000%,100%{opacity:0}}
@keyframes c5-l1t{0%,81.2000%{opacity:.35}81.5000%,100%{opacity:1}}
@keyframes c5-l1c{0%,81.2000%{stroke-dashoffset:16}81.6000%,100%{stroke-dashoffset:0}}
@keyframes c5-l2t{0%,83.0000%{opacity:.35}83.3000%,100%{opacity:1}}
@keyframes c5-l2c{0%,83.0000%{stroke-dashoffset:16}83.4000%,100%{stroke-dashoffset:0}}
@keyframes c5-l3t{0%,84.6000%{opacity:.35}84.9000%,100%{opacity:1}}
@keyframes c5-l3c{0%,84.6000%{stroke-dashoffset:16}85.0000%,100%{stroke-dashoffset:0}}
@keyframes pt9{0%,79.6000%{width:8px;background:rgba(243,240,234,.5)}80.0000%,89.6000%{width:24px;background:#F3F0EA}90.0000%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes c6-gate{0%,90.0000%{opacity:0}90.0100%,99.9900%{opacity:1}100%{opacity:0}}
@keyframes c6-tit{0%,90.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}91.6000%{opacity:1;transform:none}98.8000%{opacity:1;transform:none}99.6000%,100%{opacity:0;transform:none}}
@keyframes c6-obj{0%,90.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}91.6000%{opacity:1;transform:none}98.8000%{opacity:1;transform:none}99.6000%,100%{opacity:0;transform:none}}
@keyframes c6-h{0%,91.2000%{opacity:0;animation-timing-function:ease-out}91.8000%{opacity:1}98.8000%{opacity:1}99.6000%,100%{opacity:0}}
@keyframes c6-g{0%,91.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}92.4000%{opacity:1;transform:none}98.8000%{opacity:1;transform:none}99.6000%,100%{opacity:0;transform:none}}
@keyframes c6-bar{0%,92.0000%{transform:scaleX(0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}93.6000%{opacity:1;transform:none}98.8000%{opacity:1;transform:none}99.6000%,100%{opacity:0;transform:none}}
@keyframes c6-l1{0%,92.2000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}92.7000%{opacity:1;transform:none}98.8000%{opacity:1;transform:none}99.6000%,100%{opacity:0;transform:none}}
@keyframes c6-k1{0%,93.0000%{stroke-dashoffset:16}93.5000%,100%{stroke-dashoffset:0}}
@keyframes c6-l2{0%,92.5600%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}93.0600%{opacity:1;transform:none}98.8000%{opacity:1;transform:none}99.6000%,100%{opacity:0;transform:none}}
@keyframes c6-k2{0%,93.4400%{stroke-dashoffset:16}93.9400%,100%{stroke-dashoffset:0}}
@keyframes c6-l3{0%,92.9200%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}93.4200%{opacity:1;transform:none}98.8000%{opacity:1;transform:none}99.6000%,100%{opacity:0;transform:none}}
@keyframes c6-k3{0%,93.8800%{stroke-dashoffset:16}94.3800%,100%{stroke-dashoffset:0}}
@keyframes c6-l4{0%,93.2800%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}93.7800%{opacity:1;transform:none}98.8000%{opacity:1;transform:none}99.6000%,100%{opacity:0;transform:none}}
@keyframes c6-k4{0%,94.3200%{stroke-dashoffset:16}94.8200%,100%{stroke-dashoffset:0}}
@keyframes c6-lu{0%,90.0000%{opacity:0;animation-timing-function:ease-out}91.8000%{opacity:1}98.8000%{opacity:1}99.6000%,100%{opacity:0}}
@keyframes c6-log{0%,90.0000%{opacity:0}90.3000%{opacity:1}99.0000%{opacity:1}99.8000%,100%{opacity:0}}
@keyframes c6-l1t{0%,91.2000%{opacity:.35}91.5000%,100%{opacity:1}}
@keyframes c6-l1c{0%,91.2000%{stroke-dashoffset:16}91.6000%,100%{stroke-dashoffset:0}}
@keyframes c6-l2t{0%,93.0000%{opacity:.35}93.3000%,100%{opacity:1}}
@keyframes c6-l2c{0%,93.0000%{stroke-dashoffset:16}93.4000%,100%{stroke-dashoffset:0}}
@keyframes c6-l3t{0%,94.6000%{opacity:.35}94.9000%,100%{opacity:1}}
@keyframes c6-l3c{0%,94.6000%{stroke-dashoffset:16}95.0000%,100%{stroke-dashoffset:0}}
@keyframes pt10{0%,89.6000%{width:8px;background:rgba(243,240,234,.5)}90.0000%,100%{width:24px;background:#F3F0EA}}
@media (prefers-reduced-motion:no-preference){.ex{display:block}.lu{display:block}.log{display:flex}html.js .pause{display:flex}
.ex1{animation:s0-gate 50s linear infinite}
.s0-ph{animation:s0-ph 50s linear infinite}
.s0-pl{animation:s0-pl 50s linear infinite}
.s0-nom{animation:s0-nom 50s linear infinite}
.s0-nav>span:nth-child(1){animation:s0-nav1 50s linear infinite}
.s0-nav>span:nth-child(2){animation:s0-nav2 50s linear infinite}
.s0-nav>span:nth-child(3){animation:s0-nav3 50s linear infinite}
.s0-btn{animation:s0-btn 50s linear infinite}
.s0-sur{animation:s0-sur 50s linear infinite}
.s0-tit{animation:s0-tit 50s linear infinite}
.s0-lig{animation:s0-lig 50s linear infinite}
.lu1{animation:s0-lu 50s linear infinite}
.log1{animation:s0-log 50s linear infinite}
.log1>li:nth-child(1)>span{animation:s0-l1t 50s linear infinite}
.log1>li:nth-child(1) path{animation:s0-l1c 50s linear infinite}
.log1>li:nth-child(2)>span{animation:s0-l2t 50s linear infinite}
.log1>li:nth-child(2) path{animation:s0-l2c 50s linear infinite}
.log1>li:nth-child(3)>span{animation:s0-l3t 50s linear infinite}
.log1>li:nth-child(3) path{animation:s0-l3c 50s linear infinite}
.pt1{animation:pt1 50s linear infinite}
.ex2{animation:s1-gate 50s linear infinite}
.s1-ph{animation:s1-ph 50s linear infinite}
.s1-pl{animation:s1-pl 50s linear infinite}
.s1-nom{animation:s1-nom 50s linear infinite}
.s1-nav>span:nth-child(1){animation:s1-nav1 50s linear infinite}
.s1-nav>span:nth-child(2){animation:s1-nav2 50s linear infinite}
.s1-nav>span:nth-child(3){animation:s1-nav3 50s linear infinite}
.s1-btn{animation:s1-btn 50s linear infinite}
.s1-sur{animation:s1-sur 50s linear infinite}
.s1-tit{animation:s1-tit 50s linear infinite}
.s1-lig{animation:s1-lig 50s linear infinite}
.lu2{animation:s1-lu 50s linear infinite}
.log2{animation:s1-log 50s linear infinite}
.log2>li:nth-child(1)>span{animation:s1-l1t 50s linear infinite}
.log2>li:nth-child(1) path{animation:s1-l1c 50s linear infinite}
.log2>li:nth-child(2)>span{animation:s1-l2t 50s linear infinite}
.log2>li:nth-child(2) path{animation:s1-l2c 50s linear infinite}
.log2>li:nth-child(3)>span{animation:s1-l3t 50s linear infinite}
.log2>li:nth-child(3) path{animation:s1-l3c 50s linear infinite}
.pt2{animation:pt2 50s linear infinite}
.ex3{animation:s2-gate 50s linear infinite}
.s2-ph{animation:s2-ph 50s linear infinite}
.s2-pl{animation:s2-pl 50s linear infinite}
.s2-nom{animation:s2-nom 50s linear infinite}
.s2-nav>span:nth-child(1){animation:s2-nav1 50s linear infinite}
.s2-nav>span:nth-child(2){animation:s2-nav2 50s linear infinite}
.s2-nav>span:nth-child(3){animation:s2-nav3 50s linear infinite}
.s2-btn{animation:s2-btn 50s linear infinite}
.s2-sur{animation:s2-sur 50s linear infinite}
.s2-tit{animation:s2-tit 50s linear infinite}
.s2-lig{animation:s2-lig 50s linear infinite}
.lu3{animation:s2-lu 50s linear infinite}
.log3{animation:s2-log 50s linear infinite}
.log3>li:nth-child(1)>span{animation:s2-l1t 50s linear infinite}
.log3>li:nth-child(1) path{animation:s2-l1c 50s linear infinite}
.log3>li:nth-child(2)>span{animation:s2-l2t 50s linear infinite}
.log3>li:nth-child(2) path{animation:s2-l2c 50s linear infinite}
.log3>li:nth-child(3)>span{animation:s2-l3t 50s linear infinite}
.log3>li:nth-child(3) path{animation:s2-l3c 50s linear infinite}
.pt3{animation:pt3 50s linear infinite}
.ex4{animation:c0-gate 50s linear infinite}
.c0-tit{animation:c0-tit 50s linear infinite}
.c0-obj{animation:c0-obj 50s linear infinite}
.c0-h{animation:c0-h 50s linear infinite}
.c0-s{animation:c0-s 50s linear infinite}
.c0-line{animation:c0-line 50s linear infinite}
.c0-n1{animation:c0-n1 50s linear infinite}
.c0-k1{animation:c0-k1 50s linear infinite}
.c0-n2{animation:c0-n2 50s linear infinite}
.c0-k2{animation:c0-k2 50s linear infinite}
.c0-n3{animation:c0-n3 50s linear infinite}
.c0-k3{animation:c0-k3 50s linear infinite}
.c0-n4{animation:c0-n4 50s linear infinite}
.c0-k4{animation:c0-k4 50s linear infinite}
.c0-n5{animation:c0-n5 50s linear infinite}
.lu4{animation:c0-lu 50s linear infinite}
.log4{animation:c0-log 50s linear infinite}
.log4>li:nth-child(1)>span{animation:c0-l1t 50s linear infinite}
.log4>li:nth-child(1) path{animation:c0-l1c 50s linear infinite}
.log4>li:nth-child(2)>span{animation:c0-l2t 50s linear infinite}
.log4>li:nth-child(2) path{animation:c0-l2c 50s linear infinite}
.log4>li:nth-child(3)>span{animation:c0-l3t 50s linear infinite}
.log4>li:nth-child(3) path{animation:c0-l3c 50s linear infinite}
.pt4{animation:pt4 50s linear infinite}
.ex5{animation:c1-gate 50s linear infinite}
.c1-tit{animation:c1-tit 50s linear infinite}
.c1-obj{animation:c1-obj 50s linear infinite}
.c1-h{animation:c1-h 50s linear infinite}
.c1-b1{animation:c1-b1 50s linear infinite}
.c1-b2{animation:c1-b2 50s linear infinite}
.c1-b3{animation:c1-b3 50s linear infinite}
.c1-b4{animation:c1-b4 50s linear infinite}
.lu5{animation:c1-lu 50s linear infinite}
.log5{animation:c1-log 50s linear infinite}
.log5>li:nth-child(1)>span{animation:c1-l1t 50s linear infinite}
.log5>li:nth-child(1) path{animation:c1-l1c 50s linear infinite}
.log5>li:nth-child(2)>span{animation:c1-l2t 50s linear infinite}
.log5>li:nth-child(2) path{animation:c1-l2c 50s linear infinite}
.log5>li:nth-child(3)>span{animation:c1-l3t 50s linear infinite}
.log5>li:nth-child(3) path{animation:c1-l3c 50s linear infinite}
.pt5{animation:pt5 50s linear infinite}
.ex6{animation:c2-gate 50s linear infinite}
.c2-tit{animation:c2-tit 50s linear infinite}
.c2-obj{animation:c2-obj 50s linear infinite}
.c2-h{animation:c2-h 50s linear infinite}
.c2-g{animation:c2-g 50s linear infinite}
.c2-r1{animation:c2-r1 50s linear infinite}
.c2-r2{animation:c2-r2 50s linear infinite}
.c2-r3{animation:c2-r3 50s linear infinite}
.c2-t{animation:c2-t 50s linear infinite}
.c2-f{animation:c2-f 50s linear infinite}
.c2-fk{animation:c2-fk 50s linear infinite}
.lu6{animation:c2-lu 50s linear infinite}
.log6{animation:c2-log 50s linear infinite}
.log6>li:nth-child(1)>span{animation:c2-l1t 50s linear infinite}
.log6>li:nth-child(1) path{animation:c2-l1c 50s linear infinite}
.log6>li:nth-child(2)>span{animation:c2-l2t 50s linear infinite}
.log6>li:nth-child(2) path{animation:c2-l2c 50s linear infinite}
.log6>li:nth-child(3)>span{animation:c2-l3t 50s linear infinite}
.log6>li:nth-child(3) path{animation:c2-l3c 50s linear infinite}
.pt6{animation:pt6 50s linear infinite}
.ex7{animation:c3-gate 50s linear infinite}
.c3-tit{animation:c3-tit 50s linear infinite}
.c3-obj{animation:c3-obj 50s linear infinite}
.c3-s{animation:c3-s 50s linear infinite}
.c3-t{animation:c3-t 50s linear infinite}
.c3-m{animation:c3-m 50s linear infinite}
.c3-g1{animation:c3-g1 50s linear infinite}
.c3-g2{animation:c3-g2 50s linear infinite}
.c3-g3{animation:c3-g3 50s linear infinite}
.c3-p1{animation:c3-p1 50s linear infinite}
.c3-p2{animation:c3-p2 50s linear infinite}
.c3-p3{animation:c3-p3 50s linear infinite}
.lu7{animation:c3-lu 50s linear infinite}
.log7{animation:c3-log 50s linear infinite}
.log7>li:nth-child(1)>span{animation:c3-l1t 50s linear infinite}
.log7>li:nth-child(1) path{animation:c3-l1c 50s linear infinite}
.log7>li:nth-child(2)>span{animation:c3-l2t 50s linear infinite}
.log7>li:nth-child(2) path{animation:c3-l2c 50s linear infinite}
.log7>li:nth-child(3)>span{animation:c3-l3t 50s linear infinite}
.log7>li:nth-child(3) path{animation:c3-l3c 50s linear infinite}
.pt7{animation:pt7 50s linear infinite}
.ex8{animation:c4-gate 50s linear infinite}
.c4-tit{animation:c4-tit 50s linear infinite}
.c4-obj{animation:c4-obj 50s linear infinite}
.c4-p{animation:c4-p 50s linear infinite}
.c4-h{animation:c4-h 50s linear infinite}
.c4-c0{animation:c4-c0 50s linear infinite}
.c4-i{animation:c4-i 50s linear infinite}
.c4-c1{animation:c4-c1 50s linear infinite}
.c4-c2{animation:c4-c2 50s linear infinite}
.c4-rk{animation:c4-rk 50s linear infinite}
.lu8{animation:c4-lu 50s linear infinite}
.log8{animation:c4-log 50s linear infinite}
.log8>li:nth-child(1)>span{animation:c4-l1t 50s linear infinite}
.log8>li:nth-child(1) path{animation:c4-l1c 50s linear infinite}
.log8>li:nth-child(2)>span{animation:c4-l2t 50s linear infinite}
.log8>li:nth-child(2) path{animation:c4-l2c 50s linear infinite}
.log8>li:nth-child(3)>span{animation:c4-l3t 50s linear infinite}
.log8>li:nth-child(3) path{animation:c4-l3c 50s linear infinite}
.pt8{animation:pt8 50s linear infinite}
.ex9{animation:c5-gate 50s linear infinite}
.c5-tit{animation:c5-tit 50s linear infinite}
.c5-obj{animation:c5-obj 50s linear infinite}
.c5-h{animation:c5-h 50s linear infinite}
.c5-m{animation:c5-m 50s linear infinite}
.c5-mk{animation:c5-mk 50s linear infinite}
.c5-b{animation:c5-b 50s linear infinite}
.c5-l1{animation:c5-l1 50s linear infinite}
.c5-l2{animation:c5-l2 50s linear infinite}
.c5-l3{animation:c5-l3 50s linear infinite}
.c5-f{animation:c5-f 50s linear infinite}
.lu9{animation:c5-lu 50s linear infinite}
.log9{animation:c5-log 50s linear infinite}
.log9>li:nth-child(1)>span{animation:c5-l1t 50s linear infinite}
.log9>li:nth-child(1) path{animation:c5-l1c 50s linear infinite}
.log9>li:nth-child(2)>span{animation:c5-l2t 50s linear infinite}
.log9>li:nth-child(2) path{animation:c5-l2c 50s linear infinite}
.log9>li:nth-child(3)>span{animation:c5-l3t 50s linear infinite}
.log9>li:nth-child(3) path{animation:c5-l3c 50s linear infinite}
.pt9{animation:pt9 50s linear infinite}
.ex10{animation:c6-gate 50s linear infinite}
.c6-tit{animation:c6-tit 50s linear infinite}
.c6-obj{animation:c6-obj 50s linear infinite}
.c6-h{animation:c6-h 50s linear infinite}
.c6-g{animation:c6-g 50s linear infinite}
.c6-bar{animation:c6-bar 50s linear infinite}
.c6-l1{animation:c6-l1 50s linear infinite}
.c6-k1{animation:c6-k1 50s linear infinite}
.c6-l2{animation:c6-l2 50s linear infinite}
.c6-k2{animation:c6-k2 50s linear infinite}
.c6-l3{animation:c6-l3 50s linear infinite}
.c6-k3{animation:c6-k3 50s linear infinite}
.c6-l4{animation:c6-l4 50s linear infinite}
.c6-k4{animation:c6-k4 50s linear infinite}
.lu10{animation:c6-lu 50s linear infinite}
.log10{animation:c6-log 50s linear infinite}
.log10>li:nth-child(1)>span{animation:c6-l1t 50s linear infinite}
.log10>li:nth-child(1) path{animation:c6-l1c 50s linear infinite}
.log10>li:nth-child(2)>span{animation:c6-l2t 50s linear infinite}
.log10>li:nth-child(2) path{animation:c6-l2c 50s linear infinite}
.log10>li:nth-child(3)>span{animation:c6-l3t 50s linear infinite}
.log10>li:nth-child(3) path{animation:c6-l3c 50s linear infinite}
.pt10{animation:pt10 50s linear infinite}
}

@media (prefers-reduced-motion:no-preference){
.hero.en-pause .rest *,.hero.en-pause .tm *,.hero.en-pause .logs *{animation-play-state:paused !important}
}

@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()) and (not ((font:-apple-system-body) or (-webkit-touch-callout:none))){
@keyframes sd-ec{0%{transform:translate(0,0) scale(1)}13.2353%{transform:translate(calc(var(--tex) * .45), calc(var(--tey) * .45)) scale(calc(1 + (var(--s) - 1) * .45))}29.4118%,100%{transform:translate(var(--tex), var(--tey)) scale(var(--s))}}
@keyframes sd-rest{0%,25.0000%{opacity:1}29.4118%,100%{opacity:0}}
@keyframes sd-sc{0%,14.7059%{opacity:0}29.4118%,83.5294%{opacity:1}83.5324%,100%{opacity:0}}
@keyframes sd-tm{0%,82.3529%{opacity:0}83.5294%,100%{opacity:1}}

@keyframes sd-lu{0%{opacity:1;transform:scale(1);filter:brightness(1)}11.7647%{opacity:1;transform:translate(calc(var(--tex) * .4), calc(var(--tey) * .4)) scale(calc(1 + (var(--s) - 1) * .4));filter:brightness(1.6)}17.6471%{opacity:0;transform:translate(calc(var(--tex) * .6), calc(var(--tey) * .6)) scale(calc(1 + (var(--s) - 1) * .6));filter:brightness(1.6)}29.4118%,100%{opacity:0;transform:translate(var(--tex), var(--tey)) scale(var(--s));filter:brightness(1.6)}}
@keyframes sd-lusc{0%,17.6471%{opacity:0;transform:translate(calc(var(--tex) * .6), calc(var(--tey) * .6)) scale(calc(1 + (var(--s) - 1) * .6))}29.4118%,83.5294%{opacity:1;transform:translate(var(--tex), var(--tey)) scale(var(--s))}83.5324%,100%{opacity:0;transform:translate(var(--tex), var(--tey)) scale(var(--s))}}
@keyframes sd-col{0%{opacity:1;transform:translateZ(0)}14.7059%,100%{opacity:0;transform:translateZ(60cqw)}}
@keyframes sd-men{0%,8.8235%{transform:translate(-50%,0)}29.4118%,100%{transform:translate(calc(-50% + var(--mdx)), var(--mdy))}}
@keyframes sd-hint{0%{opacity:1}4.4118%,100%{opacity:0}}
@keyframes sd-in{from{opacity:0;transform:translateZ(-28cqw);pointer-events:none}to{opacity:1;transform:none;pointer-events:auto}}
@keyframes sc-s0-gate{0%,9.9900%{opacity:1}10.0000%,100%{opacity:0}}
@keyframes sc-s0-ph{0%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}1.6000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s0-pl{0%{opacity:0;animation-timing-function:ease-out}1.6000%{opacity:1}8.8000%{opacity:1}9.6000%,100%{opacity:0}}
@keyframes sc-s0-nom{0%,0.9000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}1.9000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s0-nav1{0%,1.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}2.0000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s0-nav2{0%,1.4000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}2.2000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s0-nav3{0%,1.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}2.4000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s0-btn{0%,1.8000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}2.7000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s0-sur{0%,2.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}3.2000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s0-tit{0%,2.6000%{opacity:0;transform:translateZ(-60cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}4.0000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s0-lig{0%,3.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}4.6000%{opacity:1;transform:none}8.8000%{opacity:1;transform:none}9.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s0-lu{0%{opacity:0;animation-timing-function:ease-out}1.8000%{opacity:1}8.8000%{opacity:1}9.6000%,100%{opacity:0}}
@keyframes sc-s1-gate{0%,10.0000%{opacity:0}10.0100%,19.9900%{opacity:1}20.0000%,100%{opacity:0}}
@keyframes sc-s1-ph{0%,10.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}11.6000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s1-pl{0%,10.0000%{opacity:0;animation-timing-function:ease-out}11.6000%{opacity:1}18.8000%{opacity:1}19.6000%,100%{opacity:0}}
@keyframes sc-s1-nom{0%,10.9000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}11.9000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s1-nav1{0%,11.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}12.0000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s1-nav2{0%,11.4000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}12.2000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s1-nav3{0%,11.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}12.4000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s1-btn{0%,11.8000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}12.7000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s1-sur{0%,12.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}13.2000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s1-tit{0%,12.6000%{opacity:0;transform:translateZ(-60cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}14.0000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s1-lig{0%,13.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}14.6000%{opacity:1;transform:none}18.8000%{opacity:1;transform:none}19.6000%,100%{opacity:0;transform:none}}
@keyframes sc-s1-lu{0%,10.0000%{opacity:0;animation-timing-function:ease-out}11.8000%{opacity:1}18.8000%{opacity:1}19.6000%,100%{opacity:0}}
@keyframes sc-s2-gate{0%,20.0000%{opacity:0}20.0100%,31.6567%{opacity:1}31.6667%,100%{opacity:0}}
@keyframes sc-s2-ph{0%,20.0000%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}21.6000%{opacity:1;transform:none}30.4667%{opacity:1;transform:none}31.2667%,100%{opacity:0;transform:none}}
@keyframes sc-s2-pl{0%,20.0000%{opacity:0;animation-timing-function:ease-out}21.6000%{opacity:1}30.4667%{opacity:1}31.2667%,100%{opacity:0}}
@keyframes sc-s2-nom{0%,20.9000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}21.9000%{opacity:1;transform:none}30.4667%{opacity:1;transform:none}31.2667%,100%{opacity:0;transform:none}}
@keyframes sc-s2-nav1{0%,21.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}22.0000%{opacity:1;transform:none}30.4667%{opacity:1;transform:none}31.2667%,100%{opacity:0;transform:none}}
@keyframes sc-s2-nav2{0%,21.4000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}22.2000%{opacity:1;transform:none}30.4667%{opacity:1;transform:none}31.2667%,100%{opacity:0;transform:none}}
@keyframes sc-s2-nav3{0%,21.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}22.4000%{opacity:1;transform:none}30.4667%{opacity:1;transform:none}31.2667%,100%{opacity:0;transform:none}}
@keyframes sc-s2-btn{0%,21.8000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}22.7000%{opacity:1;transform:none}30.4667%{opacity:1;transform:none}31.2667%,100%{opacity:0;transform:none}}
@keyframes sc-s2-sur{0%,22.2000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}23.2000%{opacity:1;transform:none}30.4667%{opacity:1;transform:none}31.2667%,100%{opacity:0;transform:none}}
@keyframes sc-s2-tit{0%,22.6000%{opacity:0;transform:translateZ(-60cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}24.0000%{opacity:1;transform:none}30.4667%{opacity:1;transform:none}31.2667%,100%{opacity:0;transform:none}}
@keyframes sc-s2-lig{0%,23.6000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}24.6000%{opacity:1;transform:none}30.4667%{opacity:1;transform:none}31.2667%,100%{opacity:0;transform:none}}
@keyframes sc-s2-lu{0%,20.0000%{opacity:0;animation-timing-function:ease-out}21.8000%{opacity:1}30.4667%{opacity:1}31.2667%,100%{opacity:0}}
.jalons.tm .pt1,.jalons.tm .pt2,.jalons.tm .pt3{animation:none;width:8px;background:rgba(243,240,234,.5)}
.mention>span:last-child{position:relative}
.sc *{animation-timeline:scroll(root) !important;animation-range:90vh 690vh !important;animation-iteration-count:1 !important;animation-fill-mode:both !important;animation-duration:auto !important}
.sc .ex1{animation:sc-s0-gate 50s linear infinite}
.sc .s0-ph{animation:sc-s0-ph 50s linear infinite}
.sc .s0-pl{animation:sc-s0-pl 50s linear infinite}
.sc .s0-nom{animation:sc-s0-nom 50s linear infinite}
.sc .s0-nav>span:nth-child(1){animation:sc-s0-nav1 50s linear infinite}
.sc .s0-nav>span:nth-child(2){animation:sc-s0-nav2 50s linear infinite}
.sc .s0-nav>span:nth-child(3){animation:sc-s0-nav3 50s linear infinite}
.sc .s0-btn{animation:sc-s0-btn 50s linear infinite}
.sc .s0-sur{animation:sc-s0-sur 50s linear infinite}
.sc .s0-tit{animation:sc-s0-tit 50s linear infinite}
.sc .s0-lig{animation:sc-s0-lig 50s linear infinite}
.sc .lu1{animation:sc-s0-lu 50s linear infinite}
.sc .ex2{animation:sc-s1-gate 50s linear infinite}
.sc .s1-ph{animation:sc-s1-ph 50s linear infinite}
.sc .s1-pl{animation:sc-s1-pl 50s linear infinite}
.sc .s1-nom{animation:sc-s1-nom 50s linear infinite}
.sc .s1-nav>span:nth-child(1){animation:sc-s1-nav1 50s linear infinite}
.sc .s1-nav>span:nth-child(2){animation:sc-s1-nav2 50s linear infinite}
.sc .s1-nav>span:nth-child(3){animation:sc-s1-nav3 50s linear infinite}
.sc .s1-btn{animation:sc-s1-btn 50s linear infinite}
.sc .s1-sur{animation:sc-s1-sur 50s linear infinite}
.sc .s1-tit{animation:sc-s1-tit 50s linear infinite}
.sc .s1-lig{animation:sc-s1-lig 50s linear infinite}
.sc .lu2{animation:sc-s1-lu 50s linear infinite}
.sc .ex3{animation:sc-s2-gate 50s linear infinite}
.sc .s2-ph{animation:sc-s2-ph 50s linear infinite}
.sc .s2-pl{animation:sc-s2-pl 50s linear infinite}
.sc .s2-nom{animation:sc-s2-nom 50s linear infinite}
.sc .s2-nav>span:nth-child(1){animation:sc-s2-nav1 50s linear infinite}
.sc .s2-nav>span:nth-child(2){animation:sc-s2-nav2 50s linear infinite}
.sc .s2-nav>span:nth-child(3){animation:sc-s2-nav3 50s linear infinite}
.sc .s2-btn{animation:sc-s2-btn 50s linear infinite}
.sc .s2-sur{animation:sc-s2-sur 50s linear infinite}
.sc .s2-tit{animation:sc-s2-tit 50s linear infinite}
.sc .s2-lig{animation:sc-s2-lig 50s linear infinite}
.sc .lu3{animation:sc-s2-lu 50s linear infinite}
@media (orientation:landscape){
.hero{--fw:max(100cqw, 177.7778svh);--fh:max(56.25cqw, 100svh);--ox:clamp(calc(100cqw - var(--fw)), calc(96.875cqw - max(0.82959 * var(--fw), 0.635 * var(--fw) + 199.79px)), 0px);--oy:clamp(calc(100svh - var(--fh)), calc(100svh - 56px - 0.932 * var(--fh)), 0px);--cx:0.63525;--cy:0.658;--ew:0.2695;--ea:1.55052;--px:0.6555;--py:0.9158;--mx:0.635;--my:0.932;--tex:calc(50cqw - var(--ox) - var(--cx) * var(--fw));--tey:calc(50.28svh - var(--oy) - var(--cy) * var(--fh));--s:tan(atan2(min(70.1cqw, 80.4svh * var(--ea)), var(--ew) * var(--fw)));--sp:max(calc(1 + 0.75 * (var(--s) - 1)), tan(atan2(calc(var(--px) * var(--fw) + var(--tpx) + var(--ox)), calc(var(--px) * var(--fw)))), tan(atan2(calc(100cqw - var(--ox) - var(--px) * var(--fw) - var(--tpx)), calc((1 - var(--px)) * var(--fw)))), tan(atan2(calc(var(--py) * var(--fh) + var(--tpy) + var(--oy)), calc(var(--py) * var(--fh)))), tan(atan2(calc(100svh - var(--oy) - var(--py) * var(--fh) - var(--tpy)), calc((1 - var(--py)) * var(--fh)))));--tpx:calc(var(--tex) + (var(--s) - 1) * (var(--px) - var(--cx)) * var(--fw));--tpy:calc(var(--tey) + (var(--s) - 1) * (var(--py) - var(--cy)) * var(--fh));--mdx:calc(50cqw - var(--ox) - var(--mx) * var(--fw));--mdy:calc(91.1156svh - var(--oy) - var(--my) * var(--fh))}
html.soir .hero{--ox:clamp(calc(100cqw - var(--fw)), calc(96.875cqw - max(0.92969 * var(--fw), 0.7476 * var(--fw) + 199.79px)), 0px);--oy:clamp(calc(100svh - var(--fh)), calc(100svh - 56px - 0.8417 * var(--fh)), 0px);--cx:0.74785;--cy:0.46565;--ew:0.2915;--ea:1.56705;--px:0.7549;--py:0.8186;--mx:0.7476;--my:0.8417}
.ecran.sc,.lueur.sc,.ecran.tm,.lueur.tm{display:block !important}.jalons.sc,.jalons.tm{display:flex !important}
.indice{display:flex}
.pin{height:calc(100vh + 340vh);height:calc(100svh + 340vh)}
.hero{perspective:160cqw}
.ecran.rest{animation:sd-ec linear,sd-rest linear;animation-timeline:scroll(root),scroll(root);animation-range:0 340vh,0 340vh;animation-fill-mode:both,both;animation-iteration-count:1,1}
.ecran.sc{animation:sd-ec linear,sd-sc linear;animation-timeline:scroll(root),scroll(root);animation-range:0 340vh,0 340vh;animation-fill-mode:both,both;animation-iteration-count:1,1}
.ecran.tm{transform:translate(var(--tex), var(--tey)) scale(var(--s));animation:sd-tm linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}
.lueur.rest{transform-origin:63.525% 65.8%;animation:sd-lu linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}
.lueur.sc{transform-origin:63.525% 65.8%;animation:sd-lusc linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}
.lueur.tm{transform-origin:63.525% 65.8%;transform:translate(var(--tex), var(--tey)) scale(var(--s));animation:sd-tm linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}
.col,.lieu{animation:sd-col linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1;pointer-events:none}
.mention{animation:sd-men linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}
html.soir .lueur.rest,html.soir .lueur.sc,html.soir .lueur.tm{transform-origin:74.785% 46.565%}
.jalons.rest{position:relative}.jalons.sc,.jalons.tm{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.jalons.rest{animation:sd-rest linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}.jalons.sc{animation:sd-sc linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}.jalons.tm{animation:sd-tm linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}
.ecran.sc,.lueur.sc,.jalons.sc,.ecran.tm,.lueur.tm,.jalons.tm{opacity:0}
.indice{animation:sd-hint linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}
.pin~section,footer{perspective:160cqw}
.pin~section>:not([aria-hidden]),footer>:not([aria-hidden]){animation:sd-in linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
.pin~section>:not([aria-hidden]):focus-within,footer>:not([aria-hidden]):focus-within{animation:none}
}}}

@keyframes tm-c0-gate{0%,14.2714%{opacity:1}14.2857%,100%{opacity:0}}
@keyframes tm-c0-tit{0%,0.8571%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}2.2857%{opacity:1;transform:none}12.5714%{opacity:1;transform:none}13.7143%,100%{opacity:0;transform:none}}
@keyframes tm-c0-obj{0%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}2.2857%{opacity:1;transform:none}12.5714%{opacity:1;transform:none}13.7143%,100%{opacity:0;transform:none}}
@keyframes tm-c0-h{0%,1.7143%{opacity:0;animation-timing-function:ease-out}2.7143%{opacity:1}12.5714%{opacity:1}13.7143%,100%{opacity:0}}
@keyframes tm-c0-s{0%,2.2857%{opacity:0;animation-timing-function:ease-out}3.1429%{opacity:1}12.5714%{opacity:1}13.7143%,100%{opacity:0}}
@keyframes tm-c0-line{0%,2.8571%{transform:scaleX(0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}6.2857%{opacity:1;transform:none}12.5714%{opacity:1;transform:none}13.7143%,100%{opacity:0;transform:none}}
@keyframes tm-c0-n1{0%,2.8571%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}3.7143%{opacity:1;transform:none}12.5714%{opacity:1;transform:none}13.7143%,100%{opacity:0;transform:none}}
@keyframes tm-c0-k1{0%,3.4286%{stroke-dashoffset:16}4.1429%,100%{stroke-dashoffset:0}}
@keyframes tm-c0-n2{0%,3.7143%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}4.5714%{opacity:1;transform:none}12.5714%{opacity:1;transform:none}13.7143%,100%{opacity:0;transform:none}}
@keyframes tm-c0-k2{0%,4.2857%{stroke-dashoffset:16}5.0000%,100%{stroke-dashoffset:0}}
@keyframes tm-c0-n3{0%,4.5714%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}5.4286%{opacity:1;transform:none}12.5714%{opacity:1;transform:none}13.7143%,100%{opacity:0;transform:none}}
@keyframes tm-c0-k3{0%,5.1429%{stroke-dashoffset:16}5.8571%,100%{stroke-dashoffset:0}}
@keyframes tm-c0-n4{0%,5.4286%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}6.2857%{opacity:1;transform:none}12.5714%{opacity:1;transform:none}13.7143%,100%{opacity:0;transform:none}}
@keyframes tm-c0-k4{0%,6.0000%{stroke-dashoffset:16}6.7143%,100%{stroke-dashoffset:0}}
@keyframes tm-c0-n5{0%,6.2857%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}7.1429%{opacity:1;transform:none}12.5714%{opacity:1;transform:none}13.7143%,100%{opacity:0;transform:none}}
@keyframes tm-c0-lu{0%{opacity:0;animation-timing-function:ease-out}2.5714%{opacity:1}12.5714%{opacity:1}13.7143%,100%{opacity:0}}
@keyframes tm-pt1{0%,13.7143%{width:24px;background:#F3F0EA}14.2857%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes tm-c1-gate{0%,14.2857%{opacity:0}14.3000%,28.5571%{opacity:1}28.5714%,100%{opacity:0}}
@keyframes tm-c1-tit{0%,15.1429%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}16.5714%{opacity:1;transform:none}26.8571%{opacity:1;transform:none}28.0000%,100%{opacity:0;transform:none}}
@keyframes tm-c1-obj{0%,14.2857%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}16.5714%{opacity:1;transform:none}26.8571%{opacity:1;transform:none}28.0000%,100%{opacity:0;transform:none}}
@keyframes tm-c1-h{0%,16.0000%{opacity:0;animation-timing-function:ease-out}16.8571%{opacity:1}26.8571%{opacity:1}28.0000%,100%{opacity:0}}
@keyframes tm-c1-b1{0%,16.8571%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}17.8571%{opacity:1;transform:none}26.8571%{opacity:1;transform:none}28.0000%,100%{opacity:0;transform:none}}
@keyframes tm-c1-b2{0%,18.0000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}19.0000%{opacity:1;transform:none}26.8571%{opacity:1;transform:none}28.0000%,100%{opacity:0;transform:none}}
@keyframes tm-c1-b3{0%,19.1429%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}20.1429%{opacity:1;transform:none}26.8571%{opacity:1;transform:none}28.0000%,100%{opacity:0;transform:none}}
@keyframes tm-c1-b4{0%,20.2857%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}21.2857%{opacity:1;transform:none}26.8571%{opacity:1;transform:none}28.0000%,100%{opacity:0;transform:none}}
@keyframes tm-c1-lu{0%,14.2857%{opacity:0;animation-timing-function:ease-out}16.8571%{opacity:1}26.8571%{opacity:1}28.0000%,100%{opacity:0}}
@keyframes tm-pt2{0%,13.7143%{width:8px;background:rgba(243,240,234,.5)}14.2857%,28.0000%{width:24px;background:#F3F0EA}28.5714%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes tm-c2-gate{0%,28.5714%{opacity:0}28.5857%,42.8429%{opacity:1}42.8571%,100%{opacity:0}}
@keyframes tm-c2-tit{0%,29.4286%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}30.8571%{opacity:1;transform:none}41.1429%{opacity:1;transform:none}42.2857%,100%{opacity:0;transform:none}}
@keyframes tm-c2-obj{0%,28.5714%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}30.8571%{opacity:1;transform:none}41.1429%{opacity:1;transform:none}42.2857%,100%{opacity:0;transform:none}}
@keyframes tm-c2-h{0%,30.2857%{opacity:0;animation-timing-function:ease-out}31.1429%{opacity:1}41.1429%{opacity:1}42.2857%,100%{opacity:0}}
@keyframes tm-c2-g{0%,30.8571%{opacity:0;animation-timing-function:ease-out}31.7143%{opacity:1}41.1429%{opacity:1}42.2857%,100%{opacity:0}}
@keyframes tm-c2-r1{0%,31.4286%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}32.1429%{opacity:1;transform:none}41.1429%{opacity:1;transform:none}42.2857%,100%{opacity:0;transform:none}}
@keyframes tm-c2-r2{0%,32.1429%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}32.8571%{opacity:1;transform:none}41.1429%{opacity:1;transform:none}42.2857%,100%{opacity:0;transform:none}}
@keyframes tm-c2-r3{0%,32.8571%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}33.5714%{opacity:1;transform:none}41.1429%{opacity:1;transform:none}42.2857%,100%{opacity:0;transform:none}}
@keyframes tm-c2-t{0%,33.7143%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}34.4286%{opacity:1;transform:none}41.1429%{opacity:1;transform:none}42.2857%,100%{opacity:0;transform:none}}
@keyframes tm-c2-f{0%,34.5714%{opacity:0;animation-timing-function:ease-out}35.4286%{opacity:1}41.1429%{opacity:1}42.2857%,100%{opacity:0}}
@keyframes tm-c2-fk{0%,35.1429%{stroke-dashoffset:16}35.8571%,100%{stroke-dashoffset:0}}
@keyframes tm-c2-lu{0%,28.5714%{opacity:0;animation-timing-function:ease-out}31.1429%{opacity:1}41.1429%{opacity:1}42.2857%,100%{opacity:0}}
@keyframes tm-pt3{0%,28.0000%{width:8px;background:rgba(243,240,234,.5)}28.5714%,42.2857%{width:24px;background:#F3F0EA}42.8571%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes tm-c3-gate{0%,42.8571%{opacity:0}42.8714%,57.1286%{opacity:1}57.1429%,100%{opacity:0}}
@keyframes tm-c3-tit{0%,43.7143%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}45.1429%{opacity:1;transform:none}55.4286%{opacity:1;transform:none}56.5714%,100%{opacity:0;transform:none}}
@keyframes tm-c3-obj{0%,42.8571%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}45.1429%{opacity:1;transform:none}55.4286%{opacity:1;transform:none}56.5714%,100%{opacity:0;transform:none}}
@keyframes tm-c3-s{0%,44.5714%{opacity:0;animation-timing-function:ease-out}45.5714%{opacity:1}55.4286%{opacity:1}56.5714%,100%{opacity:0}}
@keyframes tm-c3-t{0%,45.2857%{opacity:0;animation-timing-function:ease-out}46.0000%{opacity:1}55.4286%{opacity:1}56.5714%,100%{opacity:0}}
@keyframes tm-c3-m{0%,45.4286%{opacity:0;animation-timing-function:ease-out}46.5714%{opacity:1}55.4286%{opacity:1}56.5714%,100%{opacity:0}}
@keyframes tm-c3-g1{0%,45.7143%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}46.7143%{opacity:1;transform:none}55.4286%{opacity:1;transform:none}56.5714%,100%{opacity:0;transform:none}}
@keyframes tm-c3-g2{0%,46.2857%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}47.2857%{opacity:1;transform:none}55.4286%{opacity:1;transform:none}56.5714%,100%{opacity:0;transform:none}}
@keyframes tm-c3-g3{0%,46.8571%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}47.8571%{opacity:1;transform:none}55.4286%{opacity:1;transform:none}56.5714%,100%{opacity:0;transform:none}}
@keyframes tm-c3-p1{0%,48.0000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}48.8571%{opacity:1;transform:none}55.4286%{opacity:1;transform:none}56.5714%,100%{opacity:0;transform:none}}
@keyframes tm-c3-p2{0%,48.4286%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}49.2857%{opacity:1;transform:none}55.4286%{opacity:1;transform:none}56.5714%,100%{opacity:0;transform:none}}
@keyframes tm-c3-p3{0%,48.8571%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}49.7143%{opacity:1;transform:none}55.4286%{opacity:1;transform:none}56.5714%,100%{opacity:0;transform:none}}
@keyframes tm-c3-lu{0%,42.8571%{opacity:0;animation-timing-function:ease-out}45.4286%{opacity:1}55.4286%{opacity:1}56.5714%,100%{opacity:0}}
@keyframes tm-pt4{0%,42.2857%{width:8px;background:rgba(243,240,234,.5)}42.8571%,56.5714%{width:24px;background:#F3F0EA}57.1429%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes tm-c4-gate{0%,57.1429%{opacity:0}57.1571%,71.4143%{opacity:1}71.4286%,100%{opacity:0}}
@keyframes tm-c4-tit{0%,58.0000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}59.4286%{opacity:1;transform:none}69.7143%{opacity:1;transform:none}70.8571%,100%{opacity:0;transform:none}}
@keyframes tm-c4-obj{0%,57.1429%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}59.4286%{opacity:1;transform:none}69.7143%{opacity:1;transform:none}70.8571%,100%{opacity:0;transform:none}}
@keyframes tm-c4-p{0%,58.8571%{opacity:0;animation-timing-function:ease-out}60.0000%{opacity:1}69.7143%{opacity:1}70.8571%,100%{opacity:0}}
@keyframes tm-c4-h{0%,59.4286%{opacity:0;animation-timing-function:ease-out}60.2857%{opacity:1}69.7143%{opacity:1}70.8571%,100%{opacity:0}}
@keyframes tm-c4-c0{0%,60.0000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}60.8571%{opacity:1;transform:none}69.7143%{opacity:1;transform:none}70.8571%,100%{opacity:0;transform:none}}
@keyframes tm-c4-i{0%,60.2857%{opacity:0;animation-timing-function:ease-out}61.1429%{opacity:1}69.7143%{opacity:1}70.8571%,100%{opacity:0}}
@keyframes tm-c4-c1{0%,61.1429%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}62.1429%{opacity:1;transform:none}69.7143%{opacity:1;transform:none}70.8571%,100%{opacity:0;transform:none}}
@keyframes tm-c4-c2{0%,62.5714%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}63.5714%{opacity:1;transform:none}69.7143%{opacity:1;transform:none}70.8571%,100%{opacity:0;transform:none}}
@keyframes tm-c4-rk{0%,63.5714%{stroke-dashoffset:16}64.2857%,100%{stroke-dashoffset:0}}
@keyframes tm-c4-lu{0%,57.1429%{opacity:0;animation-timing-function:ease-out}59.7143%{opacity:1}69.7143%{opacity:1}70.8571%,100%{opacity:0}}
@keyframes tm-pt5{0%,56.5714%{width:8px;background:rgba(243,240,234,.5)}57.1429%,70.8571%{width:24px;background:#F3F0EA}71.4286%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes tm-c5-gate{0%,71.4286%{opacity:0}71.4429%,85.7000%{opacity:1}85.7143%,100%{opacity:0}}
@keyframes tm-c5-tit{0%,72.2857%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}73.7143%{opacity:1;transform:none}84.0000%{opacity:1;transform:none}85.1429%,100%{opacity:0;transform:none}}
@keyframes tm-c5-obj{0%,71.4286%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}73.7143%{opacity:1;transform:none}84.0000%{opacity:1;transform:none}85.1429%,100%{opacity:0;transform:none}}
@keyframes tm-c5-h{0%,73.1429%{opacity:0;animation-timing-function:ease-out}74.0000%{opacity:1}84.0000%{opacity:1}85.1429%,100%{opacity:0}}
@keyframes tm-c5-m{0%,73.7143%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}74.7143%{opacity:1;transform:none}84.0000%{opacity:1;transform:none}85.1429%,100%{opacity:0;transform:none}}
@keyframes tm-c5-mk{0%,74.2857%{stroke-dashoffset:16}75.0000%,100%{stroke-dashoffset:0}}
@keyframes tm-c5-b{0%,74.8571%{transform:scaleX(0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}76.0000%{opacity:1;transform:none}84.0000%{opacity:1;transform:none}85.1429%,100%{opacity:0;transform:none}}
@keyframes tm-c5-l1{0%,75.7143%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}76.5714%{opacity:1;transform:none}84.0000%{opacity:1;transform:none}85.1429%,100%{opacity:0;transform:none}}
@keyframes tm-c5-l2{0%,76.2857%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}77.1429%{opacity:1;transform:none}84.0000%{opacity:1;transform:none}85.1429%,100%{opacity:0;transform:none}}
@keyframes tm-c5-l3{0%,76.8571%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}77.7143%{opacity:1;transform:none}84.0000%{opacity:1;transform:none}85.1429%,100%{opacity:0;transform:none}}
@keyframes tm-c5-f{0%,77.7143%{opacity:0;animation-timing-function:ease-out}78.4286%{opacity:1}84.0000%{opacity:1}85.1429%,100%{opacity:0}}
@keyframes tm-c5-lu{0%,71.4286%{opacity:0;animation-timing-function:ease-out}74.0000%{opacity:1}84.0000%{opacity:1}85.1429%,100%{opacity:0}}
@keyframes tm-pt6{0%,70.8571%{width:8px;background:rgba(243,240,234,.5)}71.4286%,85.1429%{width:24px;background:#F3F0EA}85.7143%,100%{width:8px;background:rgba(243,240,234,.5)}}
@keyframes tm-c6-gate{0%,85.7143%{opacity:0}85.7286%,99.9857%{opacity:1}100%{opacity:0}}
@keyframes tm-c6-tit{0%,86.5714%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}88.0000%{opacity:1;transform:none}98.2857%{opacity:1;transform:none}99.4286%,100%{opacity:0;transform:none}}
@keyframes tm-c6-obj{0%,85.7143%{opacity:0;transform:translateZ(-28cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}88.0000%{opacity:1;transform:none}98.2857%{opacity:1;transform:none}99.4286%,100%{opacity:0;transform:none}}
@keyframes tm-c6-h{0%,87.4286%{opacity:0;animation-timing-function:ease-out}88.2857%{opacity:1}98.2857%{opacity:1}99.4286%,100%{opacity:0}}
@keyframes tm-c6-g{0%,88.0000%{opacity:0;transform:translateZ(-40cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}89.1429%{opacity:1;transform:none}98.2857%{opacity:1;transform:none}99.4286%,100%{opacity:0;transform:none}}
@keyframes tm-c6-bar{0%,88.5714%{transform:scaleX(0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}90.8571%{opacity:1;transform:none}98.2857%{opacity:1;transform:none}99.4286%,100%{opacity:0;transform:none}}
@keyframes tm-c6-l1{0%,88.8571%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}89.5714%{opacity:1;transform:none}98.2857%{opacity:1;transform:none}99.4286%,100%{opacity:0;transform:none}}
@keyframes tm-c6-k1{0%,90.0000%{stroke-dashoffset:16}90.7143%,100%{stroke-dashoffset:0}}
@keyframes tm-c6-l2{0%,89.3714%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}90.0857%{opacity:1;transform:none}98.2857%{opacity:1;transform:none}99.4286%,100%{opacity:0;transform:none}}
@keyframes tm-c6-k2{0%,90.6286%{stroke-dashoffset:16}91.3429%,100%{stroke-dashoffset:0}}
@keyframes tm-c6-l3{0%,89.8857%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}90.6000%{opacity:1;transform:none}98.2857%{opacity:1;transform:none}99.4286%,100%{opacity:0;transform:none}}
@keyframes tm-c6-k3{0%,91.2571%{stroke-dashoffset:16}91.9714%,100%{stroke-dashoffset:0}}
@keyframes tm-c6-l4{0%,90.4000%{opacity:0;transform:translateY(2cqi);animation-timing-function:cubic-bezier(.2,.7,.2,1)}91.1143%{opacity:1;transform:none}98.2857%{opacity:1;transform:none}99.4286%,100%{opacity:0;transform:none}}
@keyframes tm-c6-k4{0%,91.8857%{stroke-dashoffset:16}92.6000%,100%{stroke-dashoffset:0}}
@keyframes tm-c6-lu{0%,85.7143%{opacity:0;animation-timing-function:ease-out}88.2857%{opacity:1}98.2857%{opacity:1}99.4286%,100%{opacity:0}}
@keyframes tm-pt7{0%,85.1429%{width:8px;background:rgba(243,240,234,.5)}85.7143%,100%{width:24px;background:#F3F0EA}}
@media (prefers-reduced-motion:no-preference){
.tm .ex4{animation:tm-c0-gate 35s linear infinite}
.tm .c0-tit{animation:tm-c0-tit 35s linear infinite}
.tm .c0-obj{animation:tm-c0-obj 35s linear infinite}
.tm .c0-h{animation:tm-c0-h 35s linear infinite}
.tm .c0-s{animation:tm-c0-s 35s linear infinite}
.tm .c0-line{animation:tm-c0-line 35s linear infinite}
.tm .c0-n1{animation:tm-c0-n1 35s linear infinite}
.tm .c0-k1{animation:tm-c0-k1 35s linear infinite}
.tm .c0-n2{animation:tm-c0-n2 35s linear infinite}
.tm .c0-k2{animation:tm-c0-k2 35s linear infinite}
.tm .c0-n3{animation:tm-c0-n3 35s linear infinite}
.tm .c0-k3{animation:tm-c0-k3 35s linear infinite}
.tm .c0-n4{animation:tm-c0-n4 35s linear infinite}
.tm .c0-k4{animation:tm-c0-k4 35s linear infinite}
.tm .c0-n5{animation:tm-c0-n5 35s linear infinite}
.tm .lu4{animation:tm-c0-lu 35s linear infinite}
.jalons.tm .pt4{animation:tm-pt1 35s linear infinite}
.tm .ex5{animation:tm-c1-gate 35s linear infinite}
.tm .c1-tit{animation:tm-c1-tit 35s linear infinite}
.tm .c1-obj{animation:tm-c1-obj 35s linear infinite}
.tm .c1-h{animation:tm-c1-h 35s linear infinite}
.tm .c1-b1{animation:tm-c1-b1 35s linear infinite}
.tm .c1-b2{animation:tm-c1-b2 35s linear infinite}
.tm .c1-b3{animation:tm-c1-b3 35s linear infinite}
.tm .c1-b4{animation:tm-c1-b4 35s linear infinite}
.tm .lu5{animation:tm-c1-lu 35s linear infinite}
.jalons.tm .pt5{animation:tm-pt2 35s linear infinite}
.tm .ex6{animation:tm-c2-gate 35s linear infinite}
.tm .c2-tit{animation:tm-c2-tit 35s linear infinite}
.tm .c2-obj{animation:tm-c2-obj 35s linear infinite}
.tm .c2-h{animation:tm-c2-h 35s linear infinite}
.tm .c2-g{animation:tm-c2-g 35s linear infinite}
.tm .c2-r1{animation:tm-c2-r1 35s linear infinite}
.tm .c2-r2{animation:tm-c2-r2 35s linear infinite}
.tm .c2-r3{animation:tm-c2-r3 35s linear infinite}
.tm .c2-t{animation:tm-c2-t 35s linear infinite}
.tm .c2-f{animation:tm-c2-f 35s linear infinite}
.tm .c2-fk{animation:tm-c2-fk 35s linear infinite}
.tm .lu6{animation:tm-c2-lu 35s linear infinite}
.jalons.tm .pt6{animation:tm-pt3 35s linear infinite}
.tm .ex7{animation:tm-c3-gate 35s linear infinite}
.tm .c3-tit{animation:tm-c3-tit 35s linear infinite}
.tm .c3-obj{animation:tm-c3-obj 35s linear infinite}
.tm .c3-s{animation:tm-c3-s 35s linear infinite}
.tm .c3-t{animation:tm-c3-t 35s linear infinite}
.tm .c3-m{animation:tm-c3-m 35s linear infinite}
.tm .c3-g1{animation:tm-c3-g1 35s linear infinite}
.tm .c3-g2{animation:tm-c3-g2 35s linear infinite}
.tm .c3-g3{animation:tm-c3-g3 35s linear infinite}
.tm .c3-p1{animation:tm-c3-p1 35s linear infinite}
.tm .c3-p2{animation:tm-c3-p2 35s linear infinite}
.tm .c3-p3{animation:tm-c3-p3 35s linear infinite}
.tm .lu7{animation:tm-c3-lu 35s linear infinite}
.jalons.tm .pt7{animation:tm-pt4 35s linear infinite}
.tm .ex8{animation:tm-c4-gate 35s linear infinite}
.tm .c4-tit{animation:tm-c4-tit 35s linear infinite}
.tm .c4-obj{animation:tm-c4-obj 35s linear infinite}
.tm .c4-p{animation:tm-c4-p 35s linear infinite}
.tm .c4-h{animation:tm-c4-h 35s linear infinite}
.tm .c4-c0{animation:tm-c4-c0 35s linear infinite}
.tm .c4-i{animation:tm-c4-i 35s linear infinite}
.tm .c4-c1{animation:tm-c4-c1 35s linear infinite}
.tm .c4-c2{animation:tm-c4-c2 35s linear infinite}
.tm .c4-rk{animation:tm-c4-rk 35s linear infinite}
.tm .lu8{animation:tm-c4-lu 35s linear infinite}
.jalons.tm .pt8{animation:tm-pt5 35s linear infinite}
.tm .ex9{animation:tm-c5-gate 35s linear infinite}
.tm .c5-tit{animation:tm-c5-tit 35s linear infinite}
.tm .c5-obj{animation:tm-c5-obj 35s linear infinite}
.tm .c5-h{animation:tm-c5-h 35s linear infinite}
.tm .c5-m{animation:tm-c5-m 35s linear infinite}
.tm .c5-mk{animation:tm-c5-mk 35s linear infinite}
.tm .c5-b{animation:tm-c5-b 35s linear infinite}
.tm .c5-l1{animation:tm-c5-l1 35s linear infinite}
.tm .c5-l2{animation:tm-c5-l2 35s linear infinite}
.tm .c5-l3{animation:tm-c5-l3 35s linear infinite}
.tm .c5-f{animation:tm-c5-f 35s linear infinite}
.tm .lu9{animation:tm-c5-lu 35s linear infinite}
.jalons.tm .pt9{animation:tm-pt6 35s linear infinite}
.tm .ex10{animation:tm-c6-gate 35s linear infinite}
.tm .c6-tit{animation:tm-c6-tit 35s linear infinite}
.tm .c6-obj{animation:tm-c6-obj 35s linear infinite}
.tm .c6-h{animation:tm-c6-h 35s linear infinite}
.tm .c6-g{animation:tm-c6-g 35s linear infinite}
.tm .c6-bar{animation:tm-c6-bar 35s linear infinite}
.tm .c6-l1{animation:tm-c6-l1 35s linear infinite}
.tm .c6-k1{animation:tm-c6-k1 35s linear infinite}
.tm .c6-l2{animation:tm-c6-l2 35s linear infinite}
.tm .c6-k2{animation:tm-c6-k2 35s linear infinite}
.tm .c6-l3{animation:tm-c6-l3 35s linear infinite}
.tm .c6-k3{animation:tm-c6-k3 35s linear infinite}
.tm .c6-l4{animation:tm-c6-l4 35s linear infinite}
.tm .c6-k4{animation:tm-c6-k4 35s linear infinite}
.tm .lu10{animation:tm-c6-lu 35s linear infinite}
.jalons.tm .pt10{animation:tm-pt7 35s linear infinite}
}

@media (hover:hover) and (pointer:fine){@media (prefers-reduced-motion:no-preference){html.js .reflet{display:block}}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()) and (not ((font:-apple-system-body) or (-webkit-touch-callout:none))){
@keyframes sd-room{0%{transform:scale(1);filter:brightness(1)}13.2353%{transform:translate(calc(var(--tpx) * .45), calc(var(--tpy) * .45)) scale(calc(1 + (var(--sp) - 1) * .45));filter:brightness(0.55)}14.7059%{transform:translate(calc(var(--tpx) * .5), calc(var(--tpy) * .5)) scale(calc(1 + (var(--sp) - 1) * .5));filter:brightness(.5)}29.4118%,100%{transform:translate(var(--tpx), var(--tpy)) scale(var(--sp));filter:brightness(.5)}}
@keyframes sd-flou{0%,5.8824%{opacity:0}14.7059%,100%{opacity:1}}
@keyframes sd-lap{0%{transform:scale(1);filter:brightness(1)}13.2353%{transform:translate(calc(var(--tex) * .45), calc(var(--tey) * .45)) scale(calc(1 + (var(--s) - 1) * .45));filter:brightness(0.73)}29.4118%,100%{transform:translate(var(--tex), var(--tey)) scale(var(--s));filter:brightness(.7)}}

@media (orientation:landscape){
.room{transform-origin:65.55% 91.58%;animation:sd-room linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}
.flou{animation:sd-room linear,sd-flou linear;animation-timeline:scroll(root),scroll(root);animation-range:0 340vh,0 340vh;animation-fill-mode:both,both;animation-iteration-count:1,1}
.lap{transform-origin:44.101% 37.277%;animation:sd-lap linear;animation-timeline:scroll(root);animation-range:0 340vh;animation-fill-mode:both;animation-iteration-count:1}
html.soir .room{transform-origin:75.49% 81.86%}
html.soir .lap{transform-origin:47.915% 32.28%}
.room,.lap,.ecran.tm,.lueur.tm{transition:scale 35s ease-in-out}
.hero.en-hold.sortie .room,.hero.en-hold.sortie .lap,.hero.en-hold.sortie .ecran.tm,.hero.en-hold.sortie .lueur.tm{transition-duration:.8s}
}}}

[data-tilt]{transform:perspective(1200px) rotateY(calc(var(--by,0deg) + var(--ry,0deg))) rotateX(calc(var(--bx,0deg) + var(--rx,0deg)));transform-origin:50% 50%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
[data-tilt].en-survol{transition:none}
[data-tilt]:focus-within{--rx:0deg;--ry:0deg}
@media (hover:none){.tel3d{--bx:0deg;--by:0deg}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()) and (not ((font:-apple-system-body) or (-webkit-touch-callout:none))){
@keyframes renard-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 -2% 0)}}
.renard{animation:renard-in linear both;animation-timeline:view();animation-range:entry 10% entry 90%}
}}

@media (prefers-reduced-motion: no-preference) { @supports (animation-timeline: scroll()) and (not ((font: -apple-system-body) or (-webkit-touch-callout: none))) { @media (orientation: landscape) {
.hero { position: sticky; top: 0; }
html:not(.js) .ecran.rest { animation-name: sd-ec, none; }
html:not(.js) .jalons.rest { animation-name: none; }
}}}

@media (prefers-reduced-motion: no-preference) { @supports (animation-timeline: scroll()) and (not ((font: -apple-system-body) or (-webkit-touch-callout: none))) { @media (orientation: portrait) {
.pin ~ section, footer { perspective: 160cqw; }
.pin ~ section > :not([aria-hidden]), footer > :not([aria-hidden]) { animation: sd-in linear both; animation-timeline: view(); animation-range: entry 0% entry 60%; }
.pin ~ section > :not([aria-hidden]):focus-within, footer > :not([aria-hidden]):focus-within { animation: none; }
}}}

@media (max-width: 1179.98px) {
  .rang { min-height: clamp(68px, 6.9vw, 104px); min-height: clamp(68px, 6.9cqw, 104px); }
  .modele { visibility: visible; }
  .panneau { position: static; width: auto; height: auto; max-width: 420px; margin: 4px 0 28px 9.5%; }
  .blanc { box-shadow: none; }
  .programme { flex: none; height: 400px; }
  .rondc { display: none !important; }
}

@media (max-width: 899.98px) {
  .barre { padding: 12px 12px 0 20px; }
  .hero .barre { left: 0; right: 0; top: 0; bottom: 0; padding: 12px 12px 0 20px; align-items: flex-start; pointer-events: none; }
  .hero .barre > * { pointer-events: auto; }
  .liens { display: none; }
  .menu { display: block; }
  html:has(.menu[open]) { overflow: hidden; }
  .barre:has(.menu[open]) { position: fixed; z-index: 9; color: var(--tx); }
  .barre:has(.menu[open]):not(.hero .barre) { left: 0; right: 0; top: 0; background: none; }
  .hero .barre:has(.menu[open]) { position: absolute; pointer-events: auto; }
  .hero .panneau-m { position: absolute; }
  .hero .barre:has(.menu[open]) .rdv { display: none; }
  .menu[open] .point { background: var(--accent); }
  .trait { margin-top: 96px; }
}

@media (max-width: 899.98px) and (orientation: portrait) {
  .rdv { position: absolute; z-index: 7; left: 50%; bottom: 16px; transform: translateX(-50%); }
  .rdv:hover { transform: translateX(-50%) scale(1.05); }
}

@media (max-width: 899.98px) and (orientation: landscape) {
  .menu { margin-left: auto; }
}

@media (orientation: portrait) {
  .scene, .scene-note, html.soir .scene, html.soir .scene-note { width: max(100vw, 56.25vh); width: max(100cqw, 56.25svh); height: max(177.7778vw, 100vh); height: max(177.7778cqw, 100svh); left: calc((100vw - max(100vw, 56.25vh)) / 2); left: calc((100cqw - max(100cqw, 56.25svh)) / 2); top: calc(100vh - max(177.7778vw, 100vh)); top: calc(100svh - max(177.7778cqw, 100svh)); }
  .lap { left: 2.865%; top: 49.756%; width: 93.663%; height: 45.215%; background-image: url(/media/jour-portable-9x16-1079.webp); background-image: image-set(url(/media/jour-portable-9x16-719.webp) 0.3331x, url(/media/jour-portable-9x16-1079.webp) 0.5x, url(/media/jour-portable-9x16-1619.webp) 0.7502x, url(/media/jour-portable-9x16-2158.webp) 1x); }
  html.soir .lap { left: 21.181%; top: 64.16%; width: 59.028%; height: 28.613%; background-image: url(/media/soir-portable-9x16-680.webp); background-image: image-set(url(/media/soir-portable-9x16-453.webp) 0.333x, url(/media/soir-portable-9x16-680.webp) 0.5x, url(/media/soir-portable-9x16-1020.webp) 0.75x, url(/media/soir-portable-9x16-1360.webp) 1x); }
  .ecran { left: 16.269%; top: 51.172%; width: 66.367%; height: 24.164%; clip-path: polygon(1.26% 1.51%, 97.16% 0, 100% 97.94%, 0 100%); transform-origin: 49.838% 50.108%; }
  html.soir .ecran { left: 28.851%; top: 64.475%; width: 45.362%; height: 17.327%; clip-path: polygon(1.48% 0, 98.48% 1.13%, 100% 100%, 0 98.2%); transform-origin: 49.974% 50.153%; }
  .room { background-image: url(/media/jour-piece-9x16-1152.webp); background-image: image-set(url(/media/jour-piece-9x16-768.webp) 0.3333x, url(/media/jour-piece-9x16-1152.webp) 0.5x, url(/media/jour-piece-9x16-1728.webp) 0.75x, url(/media/jour-piece-9x16-2304.webp) 1x); }
  .flou { background-image: url(/media/jour-piece-9x16-flou.webp); }
  .penombre { background: linear-gradient(180deg, rgba(28, 26, 23, 0.66) 0px, rgba(28, 26, 23, 0.66) 250px, rgba(28, 26, 23, 0) 360px); }
  html.soir .room { background-image: url(/media/soir-piece-9x16-1152.webp); background-image: image-set(url(/media/soir-piece-9x16-768.webp) 0.3333x, url(/media/soir-piece-9x16-1152.webp) 0.5x, url(/media/soir-piece-9x16-1728.webp) 0.75x, url(/media/soir-piece-9x16-2304.webp) 1x); }
  html.soir .flou { background-image: url(/media/soir-piece-9x16-flou.webp); }
  html.soir .penombre { background: linear-gradient(180deg, rgba(28, 26, 23, 0.2) 0px, rgba(28, 26, 23, 0.2) 250px, rgba(28, 26, 23, 0) 330px); }
  .lueur { clip-path: polygon(evenodd, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, 15.278% 76.706%, 15.278% 50.534%, 15.379% 50.051%, 15.628% 49.854%, 82.81% 49.854%, 83.058% 50.051%, 83.16% 50.534%, 83.16% 76.706%, 15.278% 76.706%); --halo: 73.71% 29.81%; --halo-c: 49.345% 63.28%; --tache: 56.69% 6.52%; --tache-c: 49.65% 94.97%; --table: polygon(0% 73%, 100% 71%, 100% 100%, 0% 100%); --masque: 43.12%; --masque-plein: 50.52%; }
  html.soir .lueur { clip-path: polygon(evenodd, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, 28.559% 82.072%, 28.559% 64.938%, 28.661% 64.455%, 28.909% 64.258%, 74.129% 64.258%, 74.378% 64.455%, 74.479% 64.938%, 74.479% 82.072%, 28.559% 82.072%); --halo: 50.53% 21.33%; --halo-c: 51.52% 73.165%; --tache: 38.86% 4.66%; --tache-c: 50.65% 92.77%; --table: polygon(0% 79%, 100% 79%, 100% 100%, 0% 100%); --masque: 56.45%; --masque-plein: 63.85%; }
  .lu-mur { -webkit-mask-image: linear-gradient(180deg, transparent var(--masque), #000 var(--masque-plein)); mask-image: linear-gradient(180deg, transparent var(--masque), #000 var(--masque-plein)); }
  .lieu { top: 78px; gap: 12px; height: 60px; padding: 0 8px 0 20px; border-radius: 0 30px 30px 0; }
  .repere { width: 44px; height: 44px; }
  .repere svg { width: 20px; height: 20px; }
  .col { left: 20px; right: 20px; top: 164px; width: auto; }
  .col h1 { font-size: 24px; line-height: 33px; }
  .logs { display: none; }
  .mention { left: 49.31%; top: 75.95%; flex-direction: column-reverse; align-items: center; gap: 6px; }
  html.soir .mention { left: 51.48%; top: 82.46%; }
  .indice { left: 20px; bottom: 72px; }
  html.soir .indice { left: 12px; top: 56.9%; bottom: auto; padding: 6px 10px 6px 8px; border-radius: 12px; background: rgba(28, 26, 23, 0.55); }
}

@media (orientation: landscape) and (max-height: 499.98px) {
  .lieu { top: 78px; gap: 12px; height: 60px; padding: 0 8px 0 20px; border-radius: 0 30px 30px 0; }
  .repere { width: 44px; height: 44px; }
  .repere svg { width: 20px; height: 20px; }
  .col { left: 20px; top: 164px; }
  .col h1 { font-size: 24px; line-height: 33px; }
  .logs { display: none; }
  .indice { left: 20px; bottom: 72px; }
}

@media (orientation: landscape) and (max-height: 499.98px) {
  .penombre { background: linear-gradient(180deg, rgba(28, 26, 23, 0.6) calc(0px - clamp(calc(100vh - max(56.25vw, 100vh)), calc(100vh - 56px - 0.932 * max(56.25vw, 100vh)), 0px)), rgba(28, 26, 23, 0.6) calc(70px - clamp(calc(100vh - max(56.25vw, 100vh)), calc(100vh - 56px - 0.932 * max(56.25vw, 100vh)), 0px)), rgba(28, 26, 23, 0) calc(150px - clamp(calc(100vh - max(56.25vw, 100vh)), calc(100vh - 56px - 0.932 * max(56.25vw, 100vh)), 0px))), linear-gradient(90deg, rgba(28, 26, 23, 0.62) 0%, rgba(28, 26, 23, 0.62) 30%, rgba(28, 26, 23, 0) 46%); background: linear-gradient(180deg, rgba(28, 26, 23, 0.6) calc(0px - clamp(calc(100svh - max(56.25cqw, 100svh)), calc(100svh - 56px - 0.932 * max(56.25cqw, 100svh)), 0px)), rgba(28, 26, 23, 0.6) calc(70px - clamp(calc(100svh - max(56.25cqw, 100svh)), calc(100svh - 56px - 0.932 * max(56.25cqw, 100svh)), 0px)), rgba(28, 26, 23, 0) calc(150px - clamp(calc(100svh - max(56.25cqw, 100svh)), calc(100svh - 56px - 0.932 * max(56.25cqw, 100svh)), 0px))), linear-gradient(90deg, rgba(28, 26, 23, 0.62) 0%, rgba(28, 26, 23, 0.62) 30%, rgba(28, 26, 23, 0) 46%); }
}

@media (orientation: landscape) and (max-width: 2560px) and (max-height: 1440px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-16x9-1280.webp) 0.5x, url(/media/jour-piece-16x9-2048.webp) 0.8x, url(/media/jour-piece-16x9-2880.webp) 1.125x, url(/media/jour-piece-16x9-4096.webp) 1.6x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-16x9-1280.webp) 0.5x, url(/media/soir-piece-16x9-2048.webp) 0.8x, url(/media/soir-piece-16x9-2880.webp) 1.125x, url(/media/soir-piece-16x9-4096.webp) 1.6x); }
}

@media (orientation: landscape) and (max-width: 2048px) and (max-height: 1152px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-16x9-1280.webp) 0.625x, url(/media/jour-piece-16x9-2048.webp) 1x, url(/media/jour-piece-16x9-2880.webp) 1.4062x, url(/media/jour-piece-16x9-4096.webp) 2x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-16x9-1280.webp) 0.625x, url(/media/soir-piece-16x9-2048.webp) 1x, url(/media/soir-piece-16x9-2880.webp) 1.4062x, url(/media/soir-piece-16x9-4096.webp) 2x); }
}

@media (orientation: landscape) and (max-width: 1600px) and (max-height: 900px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-16x9-1280.webp) 0.8x, url(/media/jour-piece-16x9-2048.webp) 1.28x, url(/media/jour-piece-16x9-2880.webp) 1.8x, url(/media/jour-piece-16x9-4096.webp) 2.56x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-16x9-1280.webp) 0.8x, url(/media/soir-piece-16x9-2048.webp) 1.28x, url(/media/soir-piece-16x9-2880.webp) 1.8x, url(/media/soir-piece-16x9-4096.webp) 2.56x); }
}

@media (orientation: landscape) and (max-width: 1440px) and (max-height: 810px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-16x9-1280.webp) 0.8888x, url(/media/jour-piece-16x9-2048.webp) 1.4222x, url(/media/jour-piece-16x9-2880.webp) 2x, url(/media/jour-piece-16x9-4096.webp) 2.8444x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-16x9-1280.webp) 0.8888x, url(/media/soir-piece-16x9-2048.webp) 1.4222x, url(/media/soir-piece-16x9-2880.webp) 2x, url(/media/soir-piece-16x9-4096.webp) 2.8444x); }
}

@media (orientation: landscape) and (max-width: 1280px) and (max-height: 720px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-16x9-1280.webp) 1x, url(/media/jour-piece-16x9-2048.webp) 1.6x, url(/media/jour-piece-16x9-2880.webp) 2.25x, url(/media/jour-piece-16x9-4096.webp) 3.2x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-16x9-1280.webp) 1x, url(/media/soir-piece-16x9-2048.webp) 1.6x, url(/media/soir-piece-16x9-2880.webp) 2.25x, url(/media/soir-piece-16x9-4096.webp) 3.2x); }
}

@media (orientation: landscape) and (max-width: 960px) and (max-height: 540px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-16x9-1280.webp) 1.3333x, url(/media/jour-piece-16x9-2048.webp) 2.1333x, url(/media/jour-piece-16x9-2880.webp) 3x, url(/media/jour-piece-16x9-4096.webp) 4.2666x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-16x9-1280.webp) 1.3333x, url(/media/soir-piece-16x9-2048.webp) 2.1333x, url(/media/soir-piece-16x9-2880.webp) 3x, url(/media/soir-piece-16x9-4096.webp) 4.2666x); }
}

@media (orientation: landscape) and (max-width: 1326.98px), (orientation: landscape) and (max-height: 746.19px) {
  .lap { background-image: image-set(url(/media/jour-portable-16x9-445.webp) 0.3708x, url(/media/jour-portable-16x9-712.webp) 0.5933x, url(/media/jour-portable-16x9-1001.webp) 0.8341x, url(/media/jour-portable-16x9-1424.webp) 1.1866x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-16x9-447.webp) 0.3725x, url(/media/soir-portable-16x9-715.webp) 0.5958x, url(/media/soir-portable-16x9-1005.webp) 0.8375x, url(/media/soir-portable-16x9-1430.webp) 1.1916x); }
}

@media (orientation: landscape) and (max-width: 1106.92px), (orientation: landscape) and (max-height: 622.45px) {
  .lap { background-image: image-set(url(/media/jour-portable-16x9-445.webp) 0.4445x, url(/media/jour-portable-16x9-712.webp) 0.7112x, url(/media/jour-portable-16x9-1001.webp) 1x, url(/media/jour-portable-16x9-1424.webp) 1.4225x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-16x9-447.webp) 0.4465x, url(/media/soir-portable-16x9-715.webp) 0.7142x, url(/media/soir-portable-16x9-1005.webp) 1.0039x, url(/media/soir-portable-16x9-1430.webp) 1.4285x); }
}

@media (orientation: landscape) and (max-width: 995.23px), (orientation: landscape) and (max-height: 559.65px) {
  .lap { background-image: image-set(url(/media/jour-portable-16x9-445.webp) 0.4944x, url(/media/jour-portable-16x9-712.webp) 0.7911x, url(/media/jour-portable-16x9-1001.webp) 1.1122x, url(/media/jour-portable-16x9-1424.webp) 1.5822x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-16x9-447.webp) 0.4966x, url(/media/soir-portable-16x9-715.webp) 0.7944x, url(/media/soir-portable-16x9-1005.webp) 1.1166x, url(/media/soir-portable-16x9-1430.webp) 1.5888x); }
}

@media (orientation: landscape) and (max-width: 787.34px), (orientation: landscape) and (max-height: 442.74px) {
  .lap { background-image: image-set(url(/media/jour-portable-16x9-445.webp) 0.625x, url(/media/jour-portable-16x9-712.webp) 1x, url(/media/jour-portable-16x9-1001.webp) 1.4058x, url(/media/jour-portable-16x9-1424.webp) 2x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-16x9-447.webp) 0.6278x, url(/media/soir-portable-16x9-715.webp) 1.0042x, url(/media/soir-portable-16x9-1005.webp) 1.4115x, url(/media/soir-portable-16x9-1430.webp) 2.0084x); }
}

@media (orientation: landscape) and (max-width: 663.49px), (orientation: landscape) and (max-height: 373.1px) {
  .lap { background-image: image-set(url(/media/jour-portable-16x9-445.webp) 0.7416x, url(/media/jour-portable-16x9-712.webp) 1.1866x, url(/media/jour-portable-16x9-1001.webp) 1.6683x, url(/media/jour-portable-16x9-1424.webp) 2.3733x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-16x9-447.webp) 0.745x, url(/media/soir-portable-16x9-715.webp) 1.1916x, url(/media/soir-portable-16x9-1005.webp) 1.675x, url(/media/soir-portable-16x9-1430.webp) 2.3833x); }
}

@media (orientation: landscape) and (max-width: 492.09px), (orientation: landscape) and (max-height: 276.71px) {
  .lap { background-image: image-set(url(/media/jour-portable-16x9-445.webp) 1x, url(/media/jour-portable-16x9-712.webp) 1.6x, url(/media/jour-portable-16x9-1001.webp) 2.2494x, url(/media/jour-portable-16x9-1424.webp) 3.2x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-16x9-447.webp) 1.0044x, url(/media/soir-portable-16x9-715.webp) 1.6067x, url(/media/soir-portable-16x9-1005.webp) 2.2584x, url(/media/soir-portable-16x9-1430.webp) 3.2134x); }
}

@media (orientation: landscape) and (max-width: 331.74px), (orientation: landscape) and (max-height: 186.55px) {
  .lap { background-image: image-set(url(/media/jour-portable-16x9-445.webp) 1.4833x, url(/media/jour-portable-16x9-712.webp) 2.3733x, url(/media/jour-portable-16x9-1001.webp) 3.3366x, url(/media/jour-portable-16x9-1424.webp) 4.7466x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-16x9-447.webp) 1.49x, url(/media/soir-portable-16x9-715.webp) 2.3833x, url(/media/soir-portable-16x9-1005.webp) 3.35x, url(/media/soir-portable-16x9-1430.webp) 4.7666x); }
}

@media (orientation: portrait) and (max-width: 1152px) and (max-height: 2048px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-9x16-768.webp) 0.6666x, url(/media/jour-piece-9x16-1152.webp) 1x, url(/media/jour-piece-9x16-1728.webp) 1.5x, url(/media/jour-piece-9x16-2304.webp) 2x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-9x16-768.webp) 0.6666x, url(/media/soir-piece-9x16-1152.webp) 1x, url(/media/soir-piece-9x16-1728.webp) 1.5x, url(/media/soir-piece-9x16-2304.webp) 2x); }
}

@media (orientation: portrait) and (max-width: 960px) and (max-height: 1706.67px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-9x16-768.webp) 0.8x, url(/media/jour-piece-9x16-1152.webp) 1.2x, url(/media/jour-piece-9x16-1728.webp) 1.8x, url(/media/jour-piece-9x16-2304.webp) 2.4x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-9x16-768.webp) 0.8x, url(/media/soir-piece-9x16-1152.webp) 1.2x, url(/media/soir-piece-9x16-1728.webp) 1.8x, url(/media/soir-piece-9x16-2304.webp) 2.4x); }
}

@media (orientation: portrait) and (max-width: 840px) and (max-height: 1493.33px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-9x16-768.webp) 0.9142x, url(/media/jour-piece-9x16-1152.webp) 1.3714x, url(/media/jour-piece-9x16-1728.webp) 2.0571x, url(/media/jour-piece-9x16-2304.webp) 2.7428x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-9x16-768.webp) 0.9142x, url(/media/soir-piece-9x16-1152.webp) 1.3714x, url(/media/soir-piece-9x16-1728.webp) 2.0571x, url(/media/soir-piece-9x16-2304.webp) 2.7428x); }
}

@media (orientation: portrait) and (max-width: 780px) and (max-height: 1386.67px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-9x16-768.webp) 0.9846x, url(/media/jour-piece-9x16-1152.webp) 1.4769x, url(/media/jour-piece-9x16-1728.webp) 2.2153x, url(/media/jour-piece-9x16-2304.webp) 2.9538x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-9x16-768.webp) 0.9846x, url(/media/soir-piece-9x16-1152.webp) 1.4769x, url(/media/soir-piece-9x16-1728.webp) 2.2153x, url(/media/soir-piece-9x16-2304.webp) 2.9538x); }
}

@media (orientation: portrait) and (max-width: 660px) and (max-height: 1173.33px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-9x16-768.webp) 1.1636x, url(/media/jour-piece-9x16-1152.webp) 1.7454x, url(/media/jour-piece-9x16-1728.webp) 2.6181x, url(/media/jour-piece-9x16-2304.webp) 3.4909x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-9x16-768.webp) 1.1636x, url(/media/soir-piece-9x16-1152.webp) 1.7454x, url(/media/soir-piece-9x16-1728.webp) 2.6181x, url(/media/soir-piece-9x16-2304.webp) 3.4909x); }
}

@media (orientation: portrait) and (max-width: 540px) and (max-height: 960px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-9x16-768.webp) 1.4222x, url(/media/jour-piece-9x16-1152.webp) 2.1333x, url(/media/jour-piece-9x16-1728.webp) 3.2x, url(/media/jour-piece-9x16-2304.webp) 4.2666x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-9x16-768.webp) 1.4222x, url(/media/soir-piece-9x16-1152.webp) 2.1333x, url(/media/soir-piece-9x16-1728.webp) 3.2x, url(/media/soir-piece-9x16-2304.webp) 4.2666x); }
}

@media (orientation: portrait) and (max-width: 480px) and (max-height: 853.33px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-9x16-768.webp) 1.6x, url(/media/jour-piece-9x16-1152.webp) 2.4x, url(/media/jour-piece-9x16-1728.webp) 3.6x, url(/media/jour-piece-9x16-2304.webp) 4.8x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-9x16-768.webp) 1.6x, url(/media/soir-piece-9x16-1152.webp) 2.4x, url(/media/soir-piece-9x16-1728.webp) 3.6x, url(/media/soir-piece-9x16-2304.webp) 4.8x); }
}

@media (orientation: portrait) and (max-width: 420px) and (max-height: 746.67px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-9x16-768.webp) 1.8285x, url(/media/jour-piece-9x16-1152.webp) 2.7428x, url(/media/jour-piece-9x16-1728.webp) 4.1142x, url(/media/jour-piece-9x16-2304.webp) 5.4857x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-9x16-768.webp) 1.8285x, url(/media/soir-piece-9x16-1152.webp) 2.7428x, url(/media/soir-piece-9x16-1728.webp) 4.1142x, url(/media/soir-piece-9x16-2304.webp) 5.4857x); }
}

@media (orientation: portrait) and (max-width: 360px) and (max-height: 640px) {
  .room:not(.flou) { background-image: image-set(url(/media/jour-piece-9x16-768.webp) 2.1333x, url(/media/jour-piece-9x16-1152.webp) 3.2x, url(/media/jour-piece-9x16-1728.webp) 4.8x, url(/media/jour-piece-9x16-2304.webp) 6.4x); }
  html.soir .room:not(.flou) { background-image: image-set(url(/media/soir-piece-9x16-768.webp) 2.1333x, url(/media/soir-piece-9x16-1152.webp) 3.2x, url(/media/soir-piece-9x16-1728.webp) 4.8x, url(/media/soir-piece-9x16-2304.webp) 6.4x); }
}

@media (orientation: portrait) and (max-width: 800px) {
  .lap { background-image: image-set(url(/media/jour-portable-9x16-719.webp) 0.6355x, url(/media/jour-portable-9x16-1079.webp) 0.9537x, url(/media/jour-portable-9x16-1619.webp) 1.431x, url(/media/jour-portable-9x16-2158.webp) 1.9074x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-9x16-453.webp) 0.4355x, url(/media/soir-portable-9x16-680.webp) 0.6537x, url(/media/soir-portable-9x16-1020.webp) 0.9806x, url(/media/soir-portable-9x16-1360.webp) 1.3075x); }
}

@media (orientation: portrait) and (max-width: 640px) {
  .lap { background-image: image-set(url(/media/jour-portable-9x16-719.webp) 0.7943x, url(/media/jour-portable-9x16-1079.webp) 1.1921x, url(/media/jour-portable-9x16-1619.webp) 1.7887x, url(/media/jour-portable-9x16-2158.webp) 2.3842x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-9x16-453.webp) 0.5443x, url(/media/soir-portable-9x16-680.webp) 0.8171x, url(/media/soir-portable-9x16-1020.webp) 1.2257x, url(/media/soir-portable-9x16-1360.webp) 1.6343x); }
}

@media (orientation: portrait) and (max-width: 520px) {
  .lap { background-image: image-set(url(/media/jour-portable-9x16-719.webp) 0.9777x, url(/media/jour-portable-9x16-1079.webp) 1.4672x, url(/media/jour-portable-9x16-1619.webp) 2.2015x, url(/media/jour-portable-9x16-2158.webp) 2.9345x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-9x16-453.webp) 0.67x, url(/media/soir-portable-9x16-680.webp) 1.0057x, url(/media/soir-portable-9x16-1020.webp) 1.5086x, url(/media/soir-portable-9x16-1360.webp) 2.0115x); }
}

@media (orientation: portrait) and (max-width: 430px) {
  .lap { background-image: image-set(url(/media/jour-portable-9x16-719.webp) 1.1823x, url(/media/jour-portable-9x16-1079.webp) 1.7743x, url(/media/jour-portable-9x16-1619.webp) 2.6623x, url(/media/jour-portable-9x16-2158.webp) 3.5486x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-9x16-453.webp) 0.8102x, url(/media/soir-portable-9x16-680.webp) 1.2162x, url(/media/soir-portable-9x16-1020.webp) 1.8244x, url(/media/soir-portable-9x16-1360.webp) 2.4325x); }
}

@media (orientation: portrait) and (max-width: 390px) {
  .lap { background-image: image-set(url(/media/jour-portable-9x16-719.webp) 1.3036x, url(/media/jour-portable-9x16-1079.webp) 1.9563x, url(/media/jour-portable-9x16-1619.webp) 2.9354x, url(/media/jour-portable-9x16-2158.webp) 3.9126x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-9x16-453.webp) 0.8933x, url(/media/soir-portable-9x16-680.webp) 1.341x, url(/media/soir-portable-9x16-1020.webp) 2.0115x, url(/media/soir-portable-9x16-1360.webp) 2.682x); }
}

@media (orientation: portrait) and (max-width: 360px) {
  .lap { background-image: image-set(url(/media/jour-portable-9x16-719.webp) 1.4122x, url(/media/jour-portable-9x16-1079.webp) 2.1193x, url(/media/jour-portable-9x16-1619.webp) 3.18x, url(/media/jour-portable-9x16-2158.webp) 4.2387x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-9x16-453.webp) 0.9678x, url(/media/soir-portable-9x16-680.webp) 1.4527x, url(/media/soir-portable-9x16-1020.webp) 2.1791x, url(/media/soir-portable-9x16-1360.webp) 2.9055x); }
}

@media (orientation: portrait) and (max-width: 320px) {
  .lap { background-image: image-set(url(/media/jour-portable-9x16-719.webp) 1.5887x, url(/media/jour-portable-9x16-1079.webp) 2.3842x, url(/media/jour-portable-9x16-1619.webp) 3.5775x, url(/media/jour-portable-9x16-2158.webp) 4.7685x); }
  html.soir .lap { background-image: image-set(url(/media/soir-portable-9x16-453.webp) 1.0887x, url(/media/soir-portable-9x16-680.webp) 1.6343x, url(/media/soir-portable-9x16-1020.webp) 2.4515x, url(/media/soir-portable-9x16-1360.webp) 3.2687x); }
}

@media (min-width: 600px) and (max-width: 899.98px) {
  .hero .panneau-m { position: fixed; }
}

@media (max-width: 599.98px) {
  .rond { width: 148px; height: 148px; }
  .intro { padding: 64px 20px 56px; }
  .intro-l { display: block; }
  .intro p { font-size: 24px; line-height: 35px; }
  .intro .rond { margin: 36px 0 0 auto; }
  .jeu { padding: 92px 0 56px; }
  .arc { height: 40px; }
  .tete-j { display: block; padding: 0 20px; }
  .tete-j h2 { font-size: 34px; line-height: 40px; }
  .conseil { margin: 16px 0 0; }
  .rangs { margin: 32px 0 0; }
  .rang { justify-content: space-between; gap: 16px; min-height: 76px; padding: 12px 20px; }
  .idee { font-size: 26px; line-height: 32px; }
  .rang:not(:disabled):hover .idee, .rang[aria-pressed="true"] .idee { transform: none; opacity: 1; }
  .modele { flex: none; max-width: 76px; min-width: min-content; font-size: 14px; line-height: 20px; text-align: right; }
  .panneau { max-width: none; margin: 0 20px 28px; }
  .blanc { border-width: 8px; border-radius: 30px; }
  .haut-p { padding: 14px 16px 12px; }
  .dessous { padding: 14px 16px 0; }
  .journal { padding: 12px 16px 18px; }
  .titre-s { font-size: 22px; line-height: 26px; }
  .qr { width: 76px; height: 76px; }
  .analyse { height: 390px; }
  .libre { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 12px; padding: 16px 20px 20px; }
  .libre input { flex: none; width: 100%; height: 52px; font-size: 26px; }
  .libre .pil { align-self: flex-start; }
  .bas-j { display: block; padding: 14px 20px 0; }
  .services { padding: 64px 0; }
  .services h2 { margin: 0 20px; font-size: 34px; line-height: 40px; }
  .nb { margin-left: 6px; font-size: 14px; }
  .lignes { margin: 28px 0 0; }
  .offre > summary { display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 0 12px; align-items: start; padding: 20px 8px 20px 20px; }
  .num { display: none; }
  .offre h3 { grid-column: 1; font-size: 24px; line-height: 30px; white-space: normal; }
  .desc { grid-column: 1; margin-top: 8px; }
  .prix { grid-column: 1; margin-top: 8px; text-align: left; }
  .prix:empty { display: none; }
  .offre .pm { grid-column: 2; grid-row: 1; height: 30px; }
  .ouvert-o { display: block; padding: 0 20px 28px; }
  .demo { margin: 24px 0 4px; padding: 18px 16px; }
  .haut { gap: 12px; }
  .feuille { padding: 16px 14px 18px; }
  .aveu { margin: 20px 20px 0; }
  .methode { padding: 64px 20px 68px; }
  .methode h2 { margin: 0; font-size: 34px; line-height: 40px; }
  .etapes { flex-direction: column; flex-wrap: nowrap; gap: 36px; margin: 40px 0 0; }
  .etapes li { flex: none; }
  .etapes p { margin-top: 16px; padding-top: 20px; font-size: 22px; line-height: 30px; }
  .questions { padding: 64px 0 76px; }
  .kick { margin: 0 20px 12px; }
  .questions h2 { margin: 0 20px; font-size: 30px; line-height: 36px; }
  .questions .lignes { margin: 32px 0 0; }
  .q > summary { align-items: flex-start; gap: 12px; min-height: 0; padding: 20px 8px 20px 20px; }
  .q h3 { font-size: 20px; line-height: 28px; }
  .q .pm { height: 28px; }
  .reponse { padding: 0 20px 28px; box-sizing: border-box; }
  .contact { padding: 92px 20px 24px; }
  .contact h2 { font-size: 42px; line-height: 48px; }
  .contact h2 .l1 { display: inline; }
  .contact h2 img { width: 56px; height: 56px; margin-bottom: 20px; }
  .contact h2 .l2 { display: inline; }
  .ancre-r { right: 12px; }
  .voies-p { flex-direction: column; flex-wrap: nowrap; align-items: stretch; margin-top: 104px; }
  .courriel-p { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  .courriel-p a { flex: 1 1 auto; padding: 0 20px; }
  .voies-p button.pil { flex: none; height: 64px; padding: 0 20px; border-radius: 32px; font-size: 14px; }
  .voies-p > a.pil { padding: 0 20px; }
  .sous-c { margin-top: 22px; }
  .renard-bloc { justify-content: center; }
  .bas-p { gap: 0 24px; margin: 56px 0 0; }
  .liens-p { gap: 0 24px; }
  .corps-j { padding: 36px 0 64px; }
  .tete-l { margin: 0 20px; }
  .tete-l h1 { font-size: 34px; line-height: 40px; }
  .juridique > section { display: block; padding: 20px 20px 28px; }
  .juridique h2 { margin: 0 0 10px; font-size: 24px; line-height: 30px; }
  .texte { margin-top: 0; }
  .pied { padding: 72px 20px 20px; }
  .egare { padding: 64px 20px 80px; }
  .egare h1 { font-size: 42px; line-height: 48px; }
  .egare p { margin-top: 16px; font-size: 24px; line-height: 35px; }
  .egare .pil { margin-top: 32px; }
}

@media (max-width: 359.98px) {
  .fond-f { padding: 6px; }
}