.h5-q-scene.is-v2 { perspective: 900px; }
.h5-q-noir { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: #141110; clip-path: circle(0% at 50% 50%); pointer-events: none; }
.h5-q-scene.is-v2 > .h5-title { z-index: 2; }
.h5-q-scene.is-v2 .h5-title .h5-mots > *, .h5-q-scene.is-v2 .h5-title .h5-mots > * > * { display: inline-block; }
.h5-q-scene.is-v2 .h5-q-vue { position: relative; display: inline-block; }
.h5-q-compteur { position: absolute; left: 0; right: 0; top: 50%; z-index: 3; margin: -96px 0 0; overflow: hidden; text-align: center; font-family: bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.4; letter-spacing: 0.25em; text-transform: uppercase; color: #ff4e00; pointer-events: none; }
.h5-q-compteur-n { display: inline-block; }
.h5-q-pains2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; display: grid; place-items: center; padding: 0 24px; pointer-events: none; }
.h5-pain2 { grid-area: 1 / 1; max-width: 17em; margin: 0; text-align: center; font-family: antarctican-headline, cheddar-gothic-sans, 'Arial Black', sans-serif; font-weight: 800; font-size: clamp(26px, 3.2vw, 50px); line-height: 1.1; color: #f8f0e5; }
.h5-pain2-mot { display: inline-block; }
.h5-vb-piste { position: relative; }
.h5-vb-scene { position: sticky; top: 0; height: 100vh; height: 100svh; display: flex; align-items: center; justify-content: center; }
.h5-vision-block.is-scene { margin: 0 auto; max-width: 820px; }
.h5-vb-btn { display: inline-block; }
.h5-vb-mot { display: inline-block; }
.h5-formats.is-multi > img.h5-format, .h5-formats.is-multi > .h5-formats-label { display: none !important; }
.h5-fm-rang { position: absolute; left: 50%; top: 50%; z-index: 2; display: flex; align-items: center; transform: translate(-50%, -50%); }
.h5-fm-cadre { position: relative; flex: none; overflow: hidden; border-radius: 16px; background-color: #1a1a1a; box-shadow: 0 24px 60px rgba(120, 30, 0, 0.22); }
.h5-fm-couche { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.h5-fm-img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.h5-fm-mots { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: grid; place-items: center; pointer-events: none; }
.h5-fm-mots.is-plein { z-index: 1; }
.h5-fm-mots.is-trait { z-index: 3; }
.h5-fm-mot { grid-area: 1 / 1; overflow: hidden; padding: 0.1em 0.06em; font-family: antarctican-headline, cheddar-gothic-sans, 'Arial Black', sans-serif; font-weight: 900; line-height: 0.9; text-transform: uppercase; white-space: nowrap; }
.h5-fm-l { display: inline-block; white-space: pre; }
.is-plein .h5-fm-mot { color: #ff4e00; }
.is-trait .h5-fm-mot { color: transparent; -webkit-text-stroke: 2px #f8f0e5; }
.h5-choix.is-v2 .h5-choix-etape, .h5-recette-ticket.is-v2 .h5-recette-label { display: flex; align-items: center; gap: 14px; margin: 0 0 20px; font-family: antarctican-headline, cheddar-gothic-sans, 'Arial Black', sans-serif; font-weight: 800; font-size: clamp(24px, 2.4vw, 34px); line-height: 1.05; letter-spacing: 0; text-transform: uppercase; color: #1a1a1a; }
.h5-choix.is-v2 .h5-choix-etape b, .h5-recette-ticket.is-v2 .h5-recette-label b { display: inline-grid; flex: none; place-items: center; width: 42px; height: 42px; border-radius: 50%; background-color: #ff4e00; color: #1a1a1a; font-family: bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 800; font-size: 17px; letter-spacing: 0; }
.h5-choix.is-v2 .h5-profil { border-color: rgba(26, 26, 26, 0.22); background-color: #ffffff; color: #1a1a1a; }
.h5-choix.is-v2 .h5-profil:hover { border-color: #1a1a1a; background-color: #ffffff; }
.h5-choix.is-v2 .h5-profil[aria-pressed='true'] { border-color: #1a1a1a; background-color: #1a1a1a; color: #f8f0e5; }
.h5-tuiles.is-v2 .h5-tuile { border-color: rgba(26, 26, 26, 0.18); background-color: #ffffff; color: #1a1a1a; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; }
.h5-tuiles.is-v2 .h5-tuile .h5-tuile-title { color: #1a1a1a; }
.h5-tuiles.is-v2 .h5-tuile .h5-tuile-text { color: rgba(26, 26, 26, 0.75); }
.h5-tuiles.is-v2 .h5-tuile:hover { border-color: #1a1a1a; }
.h5-tuiles.is-v2 .h5-tuile.is-choisie { border-color: #1a1a1a; background-color: #1a1a1a; box-shadow: none; color: #f8f0e5; }
.h5-tuiles.is-v2 .h5-tuile.is-choisie .h5-tuile-title { color: #ff4e00; }
.h5-tuiles.is-v2 .h5-tuile.is-choisie .h5-tuile-text { color: rgba(248, 240, 229, 0.85); }
.h5-recette-ticket.is-v2 { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 40px; align-items: center; margin-top: 40px; padding: 40px; border: 0; border-radius: 24px; background-color: #1a1a1a; color: #f8f0e5; }
.h5-recette-ticket.is-v2 .h5-recette-label { color: #f8f0e5; }
.h5-recette-titre { margin: 0; font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-size: clamp(20px, 1.9vw, 27px); line-height: 1.3; color: #f8f0e5; }
.h5-recette-titre em { font-style: normal; font-weight: 700; color: #ff4e00; }
.h5-recette-titre strong { font-weight: 700; color: #ff4e00; }
.h5-recette-liste { display: grid; gap: 0; margin: 22px 0 0; padding: 0; list-style: none; }
.h5-recette-liste li { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; padding: 11px 0; border-top: 1px solid rgba(248, 240, 229, 0.16); font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-size: 16px; line-height: 1.4; color: rgba(248, 240, 229, 0.88); }
.h5-recette-liste li span { padding-top: 3px; font-family: bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #ff4e00; }
.h5-recette-ticket.is-v2 .h5-recette-pied { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; margin-top: 22px; }
.h5-recette-ticket.is-v2 .h5-recette-conseil { display: flex; flex-direction: column; gap: 4px; margin: 0 auto 0 0; font-family: bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(248, 240, 229, 0.7); }
.h5-recette-ticket.is-v2 .h5-recette-conseil b { font-family: antarctican-headline, cheddar-gothic-sans, 'Arial Black', sans-serif; font-weight: 800; font-size: 26px; letter-spacing: 0; color: #ff4e00; }
.h5-recette-ticket.is-v2 .h5-recette-conseil i { font-style: normal; font-size: 12px; letter-spacing: 0.14em; color: #f8f0e5; }
.h5-recette-ticket.is-v2 .h5-btn-ghost { border-color: rgba(248, 240, 229, 0.55); color: #f8f0e5; }
.h5-recette-ticket.is-v2 .h5-btn-ghost:hover { border-color: #f8f0e5; background-color: #f8f0e5; color: #1a1a1a; }
.h5-recette-exemple { margin: 0; }
.h5-recette-film { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 14px; background-color: #000000; }
.h5-recette-affiche { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.h5-recette-film .h5-f-film { left: 0; top: 0; width: 100%; height: 100%; }
.h5-recette-exemple figcaption { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin-top: 14px; }
.h5-recette-ex-lib { font-family: bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #ff4e00; }
.h5-recette-ex-titre { font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-size: 16px; color: #f8f0e5; }
.h5-recette-voir { margin-left: auto; padding: 4px 0; border: 0; background: none; color: #f8f0e5; font-family: bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.h5-recette-voir:hover { color: #ff4e00; }
.h5-recette-voir:focus-visible { outline: 2px solid #ff4e00; outline-offset: 3px; }
.h5-plan-ing > .h5-plan-svg { position: absolute; left: 0; top: 0; }
.h5-recette .h5-etape-num { width: auto; font-weight: 200; white-space: nowrap; }
.h5-num-slot { display: inline-block; height: 1.04em; overflow: hidden; vertical-align: top; font-weight: 200; }
.h5-num-col { display: block; }
.h5-num-col > span { display: block; height: 1.04em; line-height: 1.04em; font-weight: 200; }
.h5-cmp-carte { width: min(86vw, 102vh); }
.h5-cmp-titre { font-size: 26px; }
.h5-cmp-ligne { font-size: 12px; }
.h5-passe-piste.is-grand.is-anneau { height: 240vh; }
@media screen and (max-width: 991px) {
.h5-recette-ticket.is-v2 { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 30px 26px; }
}
@media screen and (max-width: 767px) {
.h5-q-compteur { margin-top: -84px; font-size: 12px; }
.h5-pain2 { font-size: clamp(24px, 7vw, 32px); }
.is-trait .h5-fm-mot { -webkit-text-stroke-width: 1.5px; }
.h5-recette-liste li { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.h5-recette-ticket.is-v2 { padding: 26px 20px; }
.h5-choix.is-v2 .h5-choix-etape b, .h5-recette-ticket.is-v2 .h5-recette-label b { width: 36px; height: 36px; font-size: 15px; }
}
.h5-q-scene.is-v3 .h5-q-noir { clip-path: none; }
.h5-q-scene.is-v3 > .h5-title .h5-title-line-c { display: block; }
.h5-q-vision { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; display: flex; align-items: center; justify-content: center; padding: 0 24px; pointer-events: none; }
.h5-q-vision .h5-vision-block { max-width: 820px; margin: 0; pointer-events: auto; }
.h5-choix.is-v2 .h5-profil[aria-pressed='true'] { border-color: #ff4e00; background-color: #ff4e00; color: #1a1a1a; }
.h5-tuiles.is-v3 .h5-tuile { min-height: 0; padding: 26px 22px 28px; }
.h5-tuiles.is-v3 .h5-tuile .h5-tuile-text { display: none; }
.h5-tuiles.is-v3 .h5-tuile .h5-tuile-title { margin-bottom: 0; }
.h5-tuiles.is-v3 .h5-tuile.is-choisie { border-color: #ff4e00; background-color: #ff4e00; color: #1a1a1a; }
.h5-tuiles.is-v3 .h5-tuile.is-choisie .h5-tuile-title { color: #1a1a1a; }
.h5-tuiles.is-v3 .h5-tuile.is-choisie .h5-icone [stroke]:not([stroke='none']) { stroke: #1a1a1a; }
.h5-tuiles.is-v3 .h5-tuile.is-choisie .h5-icone [fill]:not([fill='none']):not([fill='#FFFFFF']):not([fill='#ffffff']):not([fill='white']) { fill: #1a1a1a; }
.h5-tuiles.is-v3 ~ .h5-tuiles-note { display: none; }
.h5-recette-ticket.is-v3 { background-color: #ff4e00; color: #1a1a1a; }
.h5-recette-ticket.is-v3 .h5-recette-label { color: #1a1a1a; }
.h5-recette-ticket.is-v3 .h5-recette-label b { background-color: #1a1a1a; color: #f8f0e5; }
.h5-recette-ticket.is-v3 .h5-recette-titre { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0; }
.h5-recette-ticket.is-v3 .h5-recette-titre strong { font-family: antarctican-headline, cheddar-gothic-sans, 'Arial Black', sans-serif; font-weight: 800; font-size: clamp(30px, 3vw, 44px); line-height: 1; text-transform: uppercase; color: #1a1a1a; }
.h5-recette-ticket.is-v3 .h5-recette-titre i { padding: 7px 12px 6px; border-radius: 99px; background-color: #f8f0e5; font-family: bicyclette, 'Helvetica Neue', Arial, sans-serif; font-style: normal; font-weight: 700; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: #1a1a1a; }
.h5-recette-phrase { max-width: 30em; margin: 16px 0 0; font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.35; color: #1a1a1a; }
.h5-recette-phrase em { font-style: normal; font-weight: 700; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.h5-recette-ticket.is-v3 .h5-recette-pied { margin-top: 24px; }
.h5-recette-ticket.is-v3 .h5-btn { background-color: #1a1a1a; color: #f8f0e5; }
.h5-recette-ticket.is-v3 .h5-btn:hover { background-color: #f8f0e5; color: #1a1a1a; }
.h5-recette-ticket.is-v3 .h5-btn-ghost { border-color: #1a1a1a; color: #1a1a1a; }
.h5-recette-ticket.is-v3 .h5-btn-ghost:hover { border-color: #1a1a1a; background-color: #1a1a1a; color: #f8f0e5; }
.h5-recette-ticket.is-v3 .h5-recette-ex-lib, .h5-recette-ticket.is-v3 .h5-recette-ex-titre, .h5-recette-ticket.is-v3 .h5-recette-voir { color: #1a1a1a; }
.h5-recette-ticket.is-v3 .h5-recette-voir:hover { color: #f8f0e5; }
.h5-recette-ticket.is-v3 .h5-recette-film { box-shadow: 0 18px 40px rgba(120, 30, 0, 0.3); }
@media screen and (max-width: 767px) {
.is-natif .h5-cmp-carte { width: 86vw; max-width: none; }
}