/* Mobile d’abord : une question, des réponses lisibles, une étape à la fois. */
:root { color-scheme:light; --paper:#faf8f3; --ink:#252429; --muted:#65615c; --orange:#b35b08; --gold:#ffce88; --line:#dedbd3; --header:88px; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { background:var(--paper); scroll-padding-top:calc(var(--header) + 16px); }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,"Helvetica Neue",sans-serif; -webkit-font-smoothing:antialiased; }
/* Une vraie page tierce dans une fenêtre Kilink, jamais une imitation du site. */
body.is-escapade { padding-bottom:0 !important; overflow:hidden; }
.is-escapade .masthead,.is-escapade .slide-footer,.is-escapade .start-mobile-nav { display:none !important; }
.is-escapade .presentation { max-width:none; min-height:0; }
.is-escapade .stage { padding:0; }
.is-escapade .slide.slide--escapade { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; align-items:stretch; width:100%; height:100svh; height:100dvh; min-height:0; margin:0; padding:0; gap:0; animation:none; }
.escapade-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:max(12px,env(safe-area-inset-top)) 18px 12px; background:var(--paper); border-bottom:1px solid var(--line); }
.escapade-identity { min-width:0; }
.escapade-identity > span { display:block; margin-bottom:3px; font-size:11px; color:var(--muted); }
.escapade-identity :is(h1,h2) { font-size:17px; line-height:1.2; letter-spacing:-.025em; }
.escapade-external { display:flex; align-items:center; min-height:44px; flex-shrink:0; font-size:12px; font-weight:700; color:var(--ink); text-underline-offset:4px; }
.escapade-window { position:relative; min-height:0; background:#fff; }
.escapade-window iframe { position:relative; z-index:1; display:block; width:100%; height:100%; border:0; background:transparent; }
.escapade-loading { position:absolute; inset:0; display:grid; place-items:center; padding:28px; text-align:center; color:var(--muted); font-size:15px; }
.escapade-toolbar { display:flex; align-items:center; justify-content:center; gap:10px; padding:12px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); border-top:1px solid var(--line); background:var(--paper); box-shadow:0 -5px 20px #2524290a; }
.escapade-return,.escapade-shuffle { display:flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:12px 18px; border-radius:14px; border:0; font-size:15px; font-weight:700; }
.escapade-return { flex:1; max-width:380px; color:#fff; background:var(--ink); }
.escapade-shuffle { background:#eee8dc; color:var(--ink); font-size:12px; }
.escapade-external:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
@media (max-width:360px) { .escapade-header { padding-inline:12px; } .escapade-identity :is(h1,h2) { font-size:15px; } .escapade-external { font-size:11px; } .escapade-toolbar { gap:8px; } .escapade-return,.escapade-shuffle { padding-inline:12px; } .escapade-return { font-size:14px; } }
::selection { background:#ffd58e; color:var(--ink); }
button { font:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
button:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
h1,h2,h3,p,figure { margin:0; }
h1,h2 { font-size:clamp(35px,9.3vw,52px); line-height:1.1; letter-spacing:-.052em; font-weight:750; }
h1 > span { display:block; }
h1 em,h2 em,h3 em { font-style:normal; color:var(--orange); }
h1:focus,h2:focus { outline:none; }
h3 { font-size:clamp(27px,7vw,34px); line-height:1.16; letter-spacing:-.035em; font-weight:700; }
strong { color:var(--ink); font-weight:700; }
.presentation { position:relative; z-index:1; max-width:1240px; margin-inline:auto; min-height:100svh; }
.masthead { position:sticky; top:0; z-index:5; padding:max(10px,env(safe-area-inset-top)) 20px 12px; background:var(--paper); }
.masthead-row { display:flex; align-items:center; gap:12px; min-height:44px; }
.logo { display:block; width:110px; height:auto; mix-blend-mode:multiply; }
.logo-home { display:flex; align-items:center; min-height:44px; flex-shrink:0; border-radius:8px; }
.logo-home:focus-visible { outline:3px solid var(--orange); outline-offset:5px; }
.location { margin-left:auto; text-align:right; font-size:12px; line-height:1.35; color:var(--muted); }
.location span { display:block; font-weight:700; color:var(--ink); }
.header-back { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; margin-left:-8px; padding:0; border:1px solid var(--line); border-radius:14px; background:white; color:var(--ink); font-size:24px; }
.journey { display:flex; gap:5px; margin-top:11px; }
.journey-step { flex:1; height:4px; border-radius:4px; background:#e6e2db; }
.journey-step.is-done { background:#d9af7f; }.journey-step.is-current { background:var(--orange); }
.stage { padding-inline:22px; }
.slide { display:flex; flex-direction:column; min-height:calc(100svh - var(--header) - 34px); padding:26px 0 max(14px,env(safe-area-inset-bottom)); gap:28px; }
.scene-copy { width:100%; }
.eyebrow { display:block; margin-bottom:18px; color:var(--orange); font-size:14px; line-height:1.4; font-weight:700; }
.intro-copy { position:relative; padding-block:clamp(18px,5svh,56px) 30px; }
.word-of-mouth { display:inline-block; white-space:nowrap; font-size:clamp(26px,8.5vw,45px); letter-spacing:-.055em; margin-top:8px; }
.word-of-mouth::after { content:""; display:block; height:3px; margin-top:9px; background:#e5b97d; border-radius:50%; transform:rotate(-.7deg); transform-origin:left; }
.intro-purpose { margin-top:16px; font-size:.77em; line-height:1.15; }
.market-doubt { max-width:640px; margin-top:22px; }
.market-doubt.reading-copy p { font-size:18px; line-height:1.45; }
.lead { margin:0 0 24px; font-size:19px; line-height:1.5; color:var(--muted); max-width:650px; }
.belief-intro { padding-left:16px; border-left:4px solid #e5b97d; }
.belief-heading { margin-bottom:14px; font-size:clamp(28px,7.8vw,38px); line-height:1.1; letter-spacing:-.04em; font-weight:750; }
.belief-heading em { color:var(--orange); font-style:normal; }
.belief-intro .lead { margin-bottom:0; font-size:18px; }
.question-transition { margin:26px 0 10px; color:var(--muted); font-size:20px; line-height:1.3; font-weight:600; }
.reading-copy { margin-top:24px; max-width:680px; }
.reading-copy p { margin-bottom:18px; font-size:18px; line-height:1.5; color:var(--muted); }
.reading-copy p:last-child { margin-bottom:0; }
.reading-copy .insight { color:var(--ink); padding-left:16px; border-left:3px solid #e5b97d; font-size:21px; line-height:1.4; letter-spacing:-.02em; }
.response-area { margin-top:auto; }
.response-area h3 { margin-bottom:20px; }
.answers { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; width:100%; }
.answer { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:64px; padding:16px 20px; border:1px solid #d4cfc5; border-radius:18px; background:#fff; color:var(--ink); text-align:left; text-decoration:none; font-size:19px; font-weight:700; line-height:1.25; transition:background .18s,border-color .18s,transform .18s; }
.answer > span:first-child { min-width:0; }.answer--primary { color:white; background:var(--ink); border-color:var(--ink); }
.answer-arrow { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:50%; background:#ffffff18; font-size:23px; line-height:1; }
.answer-mark { color:inherit; opacity:.45; font-size:24px; font-weight:400; }
.answer[aria-pressed="true"] { border-color:var(--orange); background:#f5e5ce; color:var(--ink); box-shadow:0 0 0 1px var(--orange); }
.answer[aria-pressed="true"] .answer-mark { opacity:1; color:var(--orange); }.answer:active { transform:scale(.985); }
.answer-feedback { margin-top:14px; padding:12px 16px; border-radius:12px; background:#f0e9df; font-size:16px; line-height:1.4; color:var(--ink); }
.slide-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:4px 22px 12px; color:var(--muted); font-size:11px; line-height:1.4; }
.slide-footer > span:last-child { white-space:nowrap; font-variant-numeric:tabular-nums; }
.echo { position:absolute; width:64px; height:64px; right:0; bottom:-15px; opacity:.65; }
.echo span { position:absolute; inset:0; border:1px solid #deceb7; border-bottom-color:transparent; border-left-color:transparent; border-radius:50%; transform:rotate(45deg); }
.echo span:nth-child(2) { inset:20%; }.echo span:nth-child(3) { inset:40%; }
.slide--marche { gap:0; padding-top:12px; }
.market-opening { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-height:clamp(300px,45svh,420px); padding-bottom:28px; }
.market-opening .eyebrow { font-size:13px; }
.market-reality { margin-top:22px; max-width:640px; font-size:20px; line-height:1.45; letter-spacing:-.015em; color:var(--muted); }
.market-reality strong { font-weight:600; }
.market-opening .scroll-cue { margin-top:48px; }
.scroll-cue { display:flex; justify-content:space-between; align-items:center; gap:24px; width:100%; min-height:56px; margin-top:24px; padding:12px 0; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); font-size:17px; font-weight:600; text-align:left; }
.scroll-cue span { font-size:24px; color:var(--orange); }
.market-details { padding-top:24px; scroll-margin-top:calc(var(--header) + 16px); }
.market-details .reading-copy { margin-top:0; }.market-details .response-area { margin-top:30px; }
.film-backdrop { position:fixed; z-index:0; inset:0; background:#191a1d; }
.film-backdrop video,.film-shade { position:absolute; inset:0; width:100%; height:100%; }.film-backdrop video { object-fit:cover; }
.film-shade { background:linear-gradient(180deg,#101216d9,#101216e0 55%,#101216f2); }
body:has([data-slide="mardi"]:not([hidden])) .film-shade { background:linear-gradient(180deg,#10121694,#10121699 55%,#101216b8); }
[data-slide="mardi"] .reading-copy p { color:#fff; text-shadow:0 1px 4px #0007; }
body[data-theme="film"] { background:#191a1d; color:white; }body[data-theme="film"] .slide-footer { color:#d0ccc7; }
.slide--film :is(h1,h2) em,.slide--film h3 em,.slide--film .eyebrow { color:var(--gold); }.slide--film strong { color:white; }
.slide--film .reading-copy p { color:#f1eeea; }.slide--film .answer { border-color:#ffffff60; background:#25272ad6; color:white; }
.slide--film .answer--primary { border-color:var(--gold); background:var(--gold); color:#252429; }
.slide--film .answer[aria-pressed="true"] { border-color:var(--gold); box-shadow:0 0 0 1px var(--gold); background:#464038; }
.slide--film .answer-feedback { background:#ffffff16; color:white; }
.watch-film { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:60px; margin-bottom:12px; padding:15px 18px; border:1px solid #ffffff70; border-radius:18px; background:#ffffff0b; color:white; font-size:17px; font-weight:600; line-height:1.3; }
.film-motion { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; min-height:44px; margin-left:auto; padding:0; border:0; border-radius:50%; background:transparent; color:#ffce88; }
.film-motion-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#252429; box-shadow:0 2px 8px #25242914; transition:background .18s,transform .18s; }
.film-motion:hover .film-motion-icon { background:#82480a; transform:scale(1.06); }
.film-motion:active .film-motion-icon { transform:scale(.94); }
.film-motion .motion-play,.film-motion[data-paused="true"] .motion-pause { display:none; }
.film-motion[data-paused="true"] .motion-play { display:block; }
.film-motion-label { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body[data-theme="film"] .location { display:none; }
.founder-identity { display:grid; grid-template-columns:108px minmax(0,1fr); gap:18px; align-items:center; margin-bottom:28px; }
.founder-portrait { overflow:hidden; border-radius:22px; background:#e7e0d4; }.founder-portrait img { display:block; width:100%; height:146px; object-fit:cover; object-position:55% 30%; }
.founder-identity .eyebrow { margin-bottom:10px; }.founder-identity :is(h1,h2) { font-size:clamp(29px,8vw,43px); line-height:1.1; }
.slide--franck .reading-copy { margin-top:0; }[data-slide="recette"] :is(h1,h2) { font-size:clamp(29px,8.5vw,46px); }[data-slide="recette"] .response-area { padding-top:4px; }
.founder-identity.founder-identity--compact { grid-template-columns:clamp(120px,34vw,150px) minmax(0,1fr); gap:22px; margin-bottom:28px; }
.founder-identity--compact .founder-portrait { border-radius:20px 20px 6px 20px; }
.founder-identity--compact .founder-portrait img { height:auto; aspect-ratio:6 / 7; object-position:55% 30%; }
.founder-identity--compact :is(h1,h2) { font-size:clamp(38px,10vw,48px); }
.founder-identity--compact :is(h1,h2)::before { content:""; display:block; width:32px; height:3px; margin-bottom:14px; border-radius:3px; background:var(--orange); }
.slide--ingredients { gap:24px; }
.slide--ingredients :is(h1,h2) { font-size:clamp(30px,8.4vw,48px); }
.ingredient-intro { margin-top:16px; font-size:18px; line-height:1.45; color:var(--muted); max-width:560px; }
.ingredient-content { width:100%; }
.ingredients { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; padding-bottom:8px; }
.ingredients::-webkit-scrollbar { display:none; }
.ingredient-content { min-width:0; }
.ingredients:focus-visible { outline:3px solid var(--orange); outline-offset:4px; border-radius:22px; }
.ingredients .ingredient { flex:0 0 92%; scroll-snap-align:start; scroll-snap-stop:always; padding:24px 22px; background:linear-gradient(145deg,#fffaf2,#f7e6cc); border-color:#e2c59f; }
.ingredients .ingredient:nth-child(even) { background:linear-gradient(145deg,#f0f2eb,#e2e8d9); border-color:#ced5c4; }
.ingredient h3 { display:flex; flex-direction:column; gap:22px; font-size:27px; line-height:1.13; letter-spacing:-.035em; margin-bottom:20px; }
.ingredient h3 .ingredient-number { width:44px; height:44px; flex-basis:44px; background:#252429; color:#ffce88; font-size:17px; }
.ingredients .ingredient-body { padding:0; }
.ingredients .ingredient-body p { font-size:18px; line-height:1.5; color:#49463f; }
.ingredient-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:12px; color:var(--muted); font-size:14px; }
.ingredient-controls button { width:48px; height:48px; border:1px solid var(--line); border-radius:50%; background:white; color:var(--ink); font-size:24px; }
.ingredient-controls button:disabled { opacity:.3; cursor:default; }
.ingredient { overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 3px 14px #53361005; transition:border-color .25s,box-shadow .25s,background .25s; }
.ingredient summary { display:flex; align-items:center; gap:12px; min-height:66px; padding:12px 14px; list-style:none; cursor:pointer; touch-action:manipulation; font-size:18px; line-height:1.3; font-weight:700; }
.ingredient summary::-webkit-details-marker { display:none; }
.ingredient summary:focus-visible { outline:3px solid var(--orange); outline-offset:-4px; border-radius:12px; }
.ingredient-number { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border-radius:11px; background:#f3efe8; color:#8d7251; font-size:14px; font-weight:700; font-variant-numeric:tabular-nums; transition:color .25s,background .25s,border-radius .25s; }
.ingredient-toggle { display:grid; place-items:center; margin-left:auto; flex:0 0 26px; width:26px; height:26px; border:1px solid #dbc7ac; border-radius:50%; color:var(--orange); font-size:22px; line-height:1; font-weight:400; transition:transform .28s,background .25s; }
.ingredient[open] { border-color:#d5a261; background:linear-gradient(135deg,#fffaf2,#fff1dd); box-shadow:0 8px 28px #ad782517; }
.ingredient[open] .ingredient-number { background:var(--orange); color:white; border-radius:50%; }
.ingredient[open] summary { background:transparent; }
.ingredient[open] .ingredient-toggle { transform:rotate(45deg); }
.ingredient.is-explored:not([open]) .ingredient-number { background:#fff0dc; color:var(--orange); }
.ingredient-body { padding:4px 18px 20px 58px; }
.ingredient-body p { font-size:18px; line-height:1.5; color:var(--muted); }
.ingredient-outro { margin:20px 0 4px; font-size:17px; line-height:1.45; color:var(--muted); }
.ingredient-exploration { margin-bottom:18px; }
.ingredient-exploration-label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:9px; font-size:12px; line-height:1.4; color:var(--muted); }
[data-ingredient-count] { color:var(--orange); font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; }
.ingredient-trail { display:flex; gap:5px; }
.ingredient-trail span { position:relative; overflow:hidden; height:4px; flex:1; border-radius:4px; background:#e7dfd1; }
.ingredient-trail span::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#d28b30,#efbb72); transform:scaleX(0); transform-origin:left; transition:transform .35s cubic-bezier(.2,.7,.25,1); }
.ingredient-trail span.is-explored::after { transform:scaleX(1); }
.ingredient-exploration.is-complete [data-ingredient-count] { color:#47754d; }
.slide--ingredients::before { content:""; position:fixed; pointer-events:none; z-index:-1; top:15%; right:-170px; width:400px; height:500px; border-radius:50%; background:radial-gradient(ellipse,#f1d4a440,transparent 68%); }
.film-dialog { width:calc(100% - 24px); max-width:1050px; max-height:calc(100dvh - 24px); margin:auto; padding:0; border:1px solid #ffffff30; border-radius:20px; background:#1b1b20; color:white; }
.film-dialog::backdrop { background:#101116eb; }.film-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; }
.film-dialog-header :is(h1,h2) { font-size:18px; line-height:1.3; letter-spacing:-.02em; }.film-dialog-header button { display:flex; align-items:center; gap:10px; min-height:48px; padding:8px 0 8px 12px; border:0; background:transparent; color:white; font-size:16px; }
.film-dialog-header button span { font-size:28px; }.film-dialog video { display:block; width:100%; max-height:calc(100dvh - 130px); background:#000; }
.film-player-status { padding:12px 16px; font-size:16px; line-height:1.4; }body:has(.film-dialog[open]) { overflow:hidden; }.noscript { padding:20px; font-size:18px; }
.presentation-next { margin-top:24px; }
.slide--presentations :is(h1,h2) { font-size:clamp(35px,6vw,64px); }
.presentation-intro { max-width:480px; margin:22px 0 0; font-size:20px; line-height:1.5; color:#656169; }
.presentation-dates-heading { margin-top:22px; font-size:clamp(23px,5vw,30px); line-height:1.2; letter-spacing:-.03em; font-weight:700; color:var(--orange); }
.presentation-content { width:100%; max-width:760px; margin-inline:auto; }
.presentation-dates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:28px; }
.presentation-date { display:flex; flex-direction:column; align-items:flex-start; padding:20px 18px; border-radius:20px; background:#252429; color:#fffaf3; }
.presentation-date:nth-child(2) { background:#f5dfbd; color:#252429; }
.presentation-date > span { font-size:17px; font-weight:600; }
.presentation-date strong { font-size:64px; line-height:1.2; letter-spacing:-.06em; color:#f5b45f; }
.presentation-date:nth-child(2) strong { color:#9b5300; }
.presentation-date small { display:block; margin-top:4px; font-size:14px; font-weight:400; opacity:.8; }
.presentation-content h3 { margin:0 0 12px; font-size:21px; }
.presentation-program { list-style:none; padding:0; margin:0; }
.presentation-program li { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #2524291c; font-size:18px; line-height:1.35; }
.presentation-program li::before { content:""; flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:var(--orange); }
.presentation-program li span { font-size:13px; color:#9b5300; font-weight:700; }
.presentation-note { margin:20px 0 0; color:#656169; font-size:17px; line-height:1.5; }
.presentation-timing { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-top:22px; padding:16px 18px; border-left:3px solid var(--orange); background:#f3eadb; border-radius:0 14px 14px 0; }
.presentation-timing strong { font-size:24px; letter-spacing:-.04em; }
.presentation-timing span { font-size:16px; color:#65615c; }
.presentation-format { font-size:18px; line-height:1.5; margin-bottom:18px; }
.presentation-content .presentation-choice-title { margin:28px 0 16px; font-size:24px; }
button.presentation-date { border:2px solid transparent; text-align:left; transition:transform .2s,border-color .2s; }
button.presentation-date:active { transform:scale(.98); }
button.presentation-date:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
.presentation-date .presentation-date-action { margin-top:18px; font-size:14px; line-height:1.4; font-weight:600; }
.presentation-date:first-child .presentation-date-action { color:#ffce88; }
button.presentation-date:disabled { opacity:.5; cursor:default; }
.registration-content { width:100%; min-width:0; max-width:760px; margin-inline:auto; }
.slide--registration :is(h1,h2) { font-size:clamp(35px,7vw,60px); }
.registration-summary { display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:20px; margin-top:24px; background:#f5dfbd; border-radius:20px; }
.registration-summary strong { font-size:21px; }
.registration-summary > span { font-size:16px; }
.registration-summary button,.registration-retry { min-height:44px; border:0; padding:6px 0; color:#884500; background:none; text-decoration:underline; font-size:16px; }
.presentation-form { display:grid; gap:22px; }
.registration-grid { display:grid; gap:18px; }
.presentation-form label { display:flex; flex-direction:column; gap:9px; font-size:16px; line-height:1.4; font-weight:600; }
.presentation-form input:not([type=checkbox]):not([type=hidden]),.presentation-form select,.presentation-form textarea { min-width:0; width:100%; min-height:54px; padding:14px; border:1px solid #d5cbbd; border-radius:12px; background:white; color:var(--ink); font:400 17px/1.4 Arial,sans-serif; }
.presentation-form input:focus-visible,.presentation-form select:focus-visible,.presentation-form textarea:focus-visible { outline:3px solid #b35b0840; border-color:var(--orange); }
.form-help { font-size:14px; line-height:1.5; color:var(--muted); }
.registration-activity .form-help { margin-top:8px; }
.registration-results { display:grid; gap:6px; max-height:330px; overflow-y:auto; margin-top:10px; padding:6px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.registration-results button { min-height:64px; display:flex; flex-direction:column; gap:5px; text-align:left; border:0; padding:12px; border-radius:10px; background:#f8f4ed; font-size:16px; line-height:1.35; }
.registration-results button span { font-size:13px; color:var(--muted); }
.registration-results button:disabled { opacity:.6; cursor:default; }
.registration-optional { border-block:1px solid var(--line); }
.registration-optional summary { cursor:pointer; padding:18px 0; font-size:17px; font-weight:600; line-height:1.4; }
.registration-optional summary span { display:block; color:var(--orange); font-size:14px; margin-top:4px; }
.registration-optional .registration-grid { padding:4px 0 22px; }
.presentation-form .registration-consent { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:start; gap:12px; font-size:14px; font-weight:400; line-height:1.5; }
.registration-consent input { width:24px; height:24px; margin:0; accent-color:var(--orange); }
.registration-consent a,.registration-status a { color:#884500; text-underline-offset:3px; }
.registration-status { padding:16px; border-radius:12px; background:#edf4eb; font-size:16px; line-height:1.5; }
.registration-status.is-error { background:#fbe9e3; color:#842d1d; }
.presentation-form .answer { font-size:17px; }
.presentation-form .answer:disabled { opacity:.55; cursor:wait; }
.registration-success { padding:28px 24px; border:1px solid #cbdac8; background:#edf4eb; border-radius:24px; }
.registration-success > span { font-size:40px; }
.registration-success h3 { margin:20px 0; }
.registration-success p { margin-top:14px; font-size:18px; line-height:1.5; }
@media (min-width:700px) { .registration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.registration-full { grid-column:1 / -1; } }
@media (min-width:1050px) and (min-height:760px) { .slide--registration { align-items:start !important; }.slide--registration .scene-copy { position:sticky; top:calc(var(--header) + 32px); } }
@media (prefers-reduced-motion:reduce) { button.presentation-date { transition:none; } }
.start-mobile-nav { display:none; }
body:has(:is([data-slide="inscription"],[data-slide="decouvrir"]):not([hidden])) .start-mobile-nav { display:none; }
.review-code { position:fixed; z-index:30; top:calc(var(--header) + 6px); right:max(12px,env(safe-area-inset-right)); padding:5px 9px; border:1px solid #5b61ae60; border-radius:8px; background:#edf0fff2; color:#343a7c; box-shadow:0 2px 10px #25242912; font:700 13px/1.2 Consolas,"Courier New",monospace; letter-spacing:.06em; pointer-events:none; user-select:none; }
@media print { .review-code { display:none !important; } }
@media (max-width:699px) {
  :root { --dock:calc(80px + env(safe-area-inset-bottom)); }
  html { scroll-padding-bottom:calc(var(--dock) + 16px); }
  body { padding-bottom:var(--dock); }
  body:has(:is([data-slide="inscription"],[data-slide="decouvrir"]):not([hidden])) { --dock:0px; padding-bottom:0; }
  .presentation { min-height:calc(100svh - var(--dock)); }
  .slide { min-height:calc(100svh - var(--header) - 34px - var(--dock)); }
  .start-mobile-nav { position:fixed; z-index:20; bottom:0; left:0; right:0; display:grid; grid-template-columns:minmax(0,1fr) 66px; gap:8px; min-height:var(--dock); padding:9px max(18px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left)); border-top:1px solid #2524291a; background:#fffaf5f7; box-shadow:0 -6px 24px #2524290d; backdrop-filter:blur(18px); }
  .start-mobile-tab { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:64px; border-radius:15px; padding:4px 2px; color:#56535a; text-decoration:none; font-size:12px; line-height:1.2; font-weight:700; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
  .start-mobile-tab svg { display:block; width:25px; height:25px; flex:0 0 auto; }
  .start-mobile-tab[aria-current="page"] { color:#a75b00; background:#fff0dc; }
  .start-mobile-tab[aria-current="page"]::before { content:""; position:absolute; top:-6px; width:25px; height:3px; background:#ed971b; border-radius:0 0 3px 3px; }
  .start-mobile-tab--primary svg { width:24px; height:24px; padding:0; color:currentColor; background:none; }
  .start-mobile-tab--primary { flex-direction:row; gap:12px; min-height:60px; padding:12px; border-radius:18px; color:#252429; background:#ed971b; font-size:18px; letter-spacing:-.02em; }
  .start-mobile-tab--share { min-height:60px; border:1px solid #e7ddce; color:#82531b; }
  .start-mobile-tab:focus-visible { outline:3px solid var(--orange); outline-offset:-3px; }
  .start-mobile-tab:active { background:#f7e7cf; }
  .start-mobile-tab--primary:active { background:#df8710; }
}
@media(max-width:380px){.start-mobile-tab--primary{font-size:15px;gap:7px;padding-inline:8px}.start-mobile-nav{padding-inline:12px;grid-template-columns:minmax(0,1fr) 60px}}
@media (min-width:700px) {
  :root { --header:104px; }.masthead { padding-inline:40px; padding-top:16px; padding-bottom:16px; }.logo { width:140px; }.location { font-size:14px; }
  .journey { margin-top:16px; gap:8px; }.journey-step { height:5px; }.stage { padding-inline:52px; }.slide { padding-block:36px 24px; gap:36px; }
  .scene-copy,.response-area { max-width:760px; width:100%; margin-inline:auto; }h1,h2 { font-size:clamp(52px,6.3vw,78px); }.word-of-mouth { font-size:clamp(45px,5.8vw,70px); }
  .eyebrow { font-size:16px; margin-bottom:24px; }.lead,.reading-copy p { font-size:21px; line-height:1.5; }.lead { max-width:730px; }.intro-copy { padding-block:32px 20px; }
  .echo { width:110px; height:110px; right:10px; bottom:10px; }.answers { gap:12px; }.answer { min-height:68px; font-size:21px; padding:18px 24px; }
  .slide-footer { padding-inline:52px; font-size:12px; }.market-opening { min-height:440px; }.market-opening .eyebrow { font-size:16px; }.market-details { max-width:760px; margin-inline:auto; width:100%; }
  .reading-copy .insight { font-size:26px; }.founder-identity { grid-template-columns:170px 1fr; gap:32px; }.founder-portrait img { height:190px; }.founder-identity :is(h1,h2) { font-size:56px; }
  [data-slide="recette"] :is(h1,h2) { font-size:54px; }
  .ingredient-content { max-width:760px; margin-inline:auto; }.ingredient summary { min-height:70px; font-size:20px; }.ingredient-intro { font-size:21px; }.ingredient-body p { font-size:19px; }
}
@media (min-width:1050px) and (min-height:760px) {
  .slide:not(.slide--marche) { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); align-items:center; gap:70px; }.scene-copy,.response-area { margin:0; }.response-area { align-self:center; }
  .slide--intro .intro-copy { padding:0; }h1,h2 { font-size:64px; }.word-of-mouth { font-size:53px; }.founder-identity { grid-template-columns:140px 1fr; gap:24px; }.founder-identity :is(h1,h2) { font-size:42px; }.founder-portrait img { height:170px; }
  [data-slide="recette"] :is(h1,h2) { font-size:46px; }.echo { right:0; bottom:-100px; }
}
@media (max-width:360px) {
  .masthead { padding-inline:16px; }.stage { padding-inline:18px; }.slide-footer { padding-inline:18px; }.slide { padding-top:20px; gap:24px; }.answer { padding-inline:18px; font-size:18px; }
  .reading-copy p,.lead { font-size:18px; }.founder-identity { grid-template-columns:94px minmax(0,1fr); gap:14px; }.founder-portrait img { height:132px; }.location { font-size:11px; }
}
@media (max-height:700px) and (max-width:699px) {
  .intro-copy { padding-block:6px 12px; }.slide { padding-top:20px; gap:22px; }.market-opening { min-height:300px; }.echo { display:none; }
}
@media (hover:hover) {
  .answer:hover { background:#f4e8d6; border-color:#b88c57; }.answer--primary:hover { background:#3a3530; border-color:#3a3530; color:white; }
  .slide--film .answer:hover { background:#484037; color:white; }.slide--film .answer--primary:hover { background:#ffdcaa; color:var(--ink); }.watch-film:hover { background:#ffffff20; }
}
@media (prefers-reduced-motion:no-preference) {
  .slide.is-entering .scene-copy { animation:arrive .35s cubic-bezier(.2,.7,.25,1) both; }.slide.is-entering .response-area { animation:arrive .35s .06s cubic-bezier(.2,.7,.25,1) both; }
  @keyframes arrive { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
  .slide--ingredients.is-entering .ingredient-content { animation:ingredient-arrive .4s cubic-bezier(.2,.7,.25,1) backwards; }
  @keyframes ingredient-arrive { from { opacity:0; transform:translateY(12px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
}
@media (prefers-reduced-motion:reduce) { .ingredient,.ingredient-number,.ingredient-toggle,.ingredient-trail span::after { transition:none; } }
@media (hover:hover) { .ingredient:not([open]):hover { border-color:#d7b88b; box-shadow:0 6px 20px #ad782510; } }

/* K08 : toute la recette se découvre horizontalement, introduction comprise. */
body:has(.slide--ingredients:not([hidden])) .presentation { min-height:0; height:100dvh; display:flex; flex-direction:column; }
body:has(.slide--ingredients:not([hidden])) .masthead { flex-shrink:0; }
body:has(.slide--ingredients:not([hidden])) .stage { flex:1; min-height:0; }
body:has(.slide--ingredients:not([hidden])) .slide-footer { flex-shrink:0; }
.slide.slide--ingredients { display:block; height:100%; min-height:0; padding-block:16px 12px; }
.slide--ingredients .ingredient-content { position:relative; display:grid; grid-template-rows:minmax(0,1fr) auto; gap:12px; height:100%; max-width:640px; margin-inline:auto; }
.slide--ingredients .ingredient-exploration { margin:0; }
.slide--ingredients .ingredient-exploration-label { padding-right:42px; }
.slide--ingredients .ingredients { min-height:0; padding-bottom:0; }
.slide--ingredients .ingredient { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; height:100%; overflow-y:auto; overscroll-behavior-y:contain; scroll-snap-stop:normal; }
.slide--ingredients .ingredient h3 { display:block; margin-bottom:24px; }
.slide--ingredients .ingredient-body { max-width:440px; }
.slide--ingredients .ingredient-intro { margin-inline:auto; }
.slide--ingredients .ingredient--intro .eyebrow { display:block; }
.ingredient-dots { display:flex; justify-content:center; align-items:center; gap:9px; }
.ingredient-peek { display:none; }
.ingredient-dots span { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:#d7d0c6; transition:background .2s,transform .2s; }
.ingredient-dots span.is-current { background:var(--orange); transform:scale(1.3); }
.ingredient-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.slide--ingredients .ingredient-controls { margin:0; }
.ingredient--intro { display:flex; flex-direction:column; justify-content:center; }
.ingredient--intro > .ingredient-number { width:44px; height:44px; flex:0 0 44px; margin-bottom:28px; background:var(--ink); color:var(--gold); font-size:17px; }
.ingredient--intro .eyebrow { margin-bottom:18px; font-size:13px; }
.ingredient--intro .ingredient-swipe { margin-top:28px; font-size:15px; line-height:1.4; color:var(--orange); }
.ingredient-swipe span { display:inline-block; margin-left:10px; font-size:22px; }
.ingredient--conclusion { display:flex; flex-direction:column; justify-content:center; }
.ingredient--conclusion .eyebrow { font-size:13px; margin-bottom:18px; }
.ingredient--conclusion .presentation-next { font-size:16px; padding-inline:16px; }
@media (max-width:699px) {
  body:has(.slide--ingredients:not([hidden])) .presentation { height:calc(100dvh - var(--dock)); }
  .slide--ingredients .ingredient-controls button { width:44px; height:44px; }
}
@media (max-height:700px) and (max-width:699px) {
  .slide.slide--ingredients { padding-block:8px; }
  .slide--ingredients .ingredient-content { gap:8px; }
  .slide--ingredients .ingredient { padding:18px; }
  .slide--ingredients .ingredient h3 { flex-direction:row; align-items:center; gap:12px; font-size:22px; margin-bottom:14px; }
  .slide--ingredients .ingredient h3 .ingredient-number { width:32px; height:32px; flex:0 0 32px; font-size:14px; }
  .slide--ingredients .ingredient-body p { font-size:17px; line-height:1.4; }
  .ingredient--intro { justify-content:flex-start; }
  .ingredient--intro > .ingredient-number { margin-bottom:14px; width:32px; height:32px; flex-basis:32px; font-size:14px; }
  .ingredient--intro .eyebrow { margin-bottom:10px; }
  .slide--ingredients .ingredient--intro :is(h1,h2) { font-size:29px; }
  .ingredient--intro .ingredient-intro { margin-top:12px; font-size:17px; }
  .ingredient--intro .ingredient-swipe { margin-top:16px; }
  .ingredient--intro .eyebrow,.ingredient--intro .ingredient-swipe { display:none; }
  body:has(.slide--ingredients:not([hidden])) .slide-footer { display:none; }
  .slide--ingredients .ingredient-body p { font-size:16px; }
  .ingredient--conclusion .ingredient-outro { margin-top:0; }
  .ingredient--conclusion .presentation-next { margin-top:18px; }
}
@media (max-height:700px) and (max-width:699px) { .slide--ingredients .ingredient h3 { margin-bottom:18px; }.slide--ingredients .ingredient--intro .eyebrow { display:block; }.ingredient-dots { gap:8px; } }
@media (prefers-reduced-motion:reduce) { .ingredient-dots span { transition:none; } }

.slide--concept :is(h1,h2) { font-size:clamp(34px,7.5vw,60px); }
.concept-intro { margin-top:22px; max-width:480px; font-size:19px; line-height:1.5; color:var(--muted); }
.concept-content { width:100%; min-width:0; max-width:760px; margin-inline:auto; }
.concept-principles { list-style:none; padding:0; margin:0 0 24px; }
.concept-principles li { padding:18px 0; border-bottom:1px solid var(--line); }
.concept-principles li:first-child { padding-top:0; }
.concept-principles h3 { font-size:20px; line-height:1.25; letter-spacing:-.025em; }
.concept-principles p { margin-top:7px; font-size:17px; line-height:1.45; color:var(--muted); }
.concept-equity { padding:22px; margin-bottom:24px; background:#f5dfbd; border-radius:20px; }
.concept-equity h3 { font-size:23px; line-height:1.2; }
.concept-equity p { font-size:17px; line-height:1.45; margin-top:14px; }
.concept-content > .answer { font-size:17px; }
@media (min-width:1050px) and (min-height:760px) { .slide--concept { align-items:start !important; }.slide--concept .scene-copy { position:sticky; top:calc(var(--header) + 36px); padding-top:20px; } }

.slide--survey :is(h1,h2) { font-size:clamp(32px,7.5vw,56px); }
.survey-intro { font-size:18px; line-height:1.45; color:var(--muted); margin-top:20px; max-width:500px; }
.survey-content { min-width:0; width:100%; max-width:760px; margin-inline:auto; }
.survey-position { font-size:13px; color:var(--orange); font-weight:700; margin-bottom:14px; }
.survey-question,.survey-other { background:linear-gradient(140deg,#fffaf2,#f4e4cc); border:1px solid #e2c59f; padding:24px 20px; border-radius:22px; }
.survey-question fieldset { margin:0; padding:0; border:0; min-width:0; }
.survey-question legend,.survey-other label { font-size:25px; line-height:1.15; letter-spacing:-.03em; font-weight:700; }
.survey-description,.survey-other p { margin:14px 0 22px; font-size:17px; line-height:1.4; color:var(--muted); }
.survey-scale { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
.survey-scale label { position:relative; cursor:pointer; }
.survey-scale input { position:absolute; inset:0; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; }
.survey-scale label > span { display:grid; place-items:center; min-height:50px; border:1px solid #d8c7af; border-radius:12px; background:#fffaf5; font-size:20px; font-weight:700; }
.survey-scale input:checked + span { color:#fff; background:var(--ink); border-color:var(--ink); }
.survey-scale input:focus-visible + span { outline:3px solid var(--orange); outline-offset:3px; }
.survey-scale-guide { display:flex; justify-content:space-between; gap:12px; margin-top:14px; font-size:12px; line-height:1.4; color:var(--muted); }
.survey-other textarea { display:block; width:100%; padding:14px; border:1px solid #d8c7af; border-radius:12px; background:white; font:17px/1.4 Arial,sans-serif; resize:vertical; }
.survey-form-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; }
.survey-form-actions .answer { width:auto; min-width:150px; min-height:54px; padding:12px 16px; font-size:17px; gap:16px; }
.survey-form-actions .answer:disabled { opacity:.35; cursor:default; }
.survey-previous { min-height:48px; padding:6px 0; border:0; color:var(--muted); background:transparent; font-size:15px; }
.survey-previous:disabled { opacity:.3; cursor:default; }
.survey-privacy { font-size:12px; line-height:1.4; color:var(--muted); margin-top:16px; }
.survey-summary h3 { font-size:28px; }
.survey-summary > p { font-size:17px; line-height:1.45; margin-top:16px; }
.survey-summary ul { padding:0; margin:16px 0 0; list-style:none; }
.survey-summary li { display:flex; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid var(--line); font-size:17px; }
.survey-summary li strong { white-space:nowrap; color:var(--orange); }
.survey-summary .survey-other-summary { padding:16px; border-radius:14px; background:#f3eadb; overflow-wrap:anywhere; }
.survey-summary .answer { margin-top:22px; font-size:17px; }
@media (max-width:360px) { .survey-scale { grid-template-columns:repeat(3,minmax(0,1fr)); }.survey-question,.survey-other { padding:20px 16px; }.survey-form-actions { gap:10px; }.survey-form-actions .answer { min-width:0; font-size:16px; }.survey-form-actions .answer-arrow { display:none; } }
.survey-summary .survey-discovery-question { margin-top:24px; font-size:26px; }
.survey-summary .answers { margin-top:18px; }
.survey-summary .answers .answer { margin-top:0; }
.slide--thanks :is(h1,h2) { font-size:clamp(34px,7vw,56px); }
.feedback-honeypot { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body:has([data-slide="merci"]:not([hidden])) .start-mobile-nav { display:none; }
@media (max-width:699px) { body:has([data-slide="merci"]:not([hidden])) { --dock:0px; padding-bottom:0; } }
.career-intro { margin-top:22px; }
.career-intro.reading-copy p { font-size:18px; line-height:1.45; }
.career-followup { margin-top:32px; padding-top:26px; border-top:1px solid var(--line); }
.career-followup h3 { font-size:27px; }
.career-followup .answers { margin-top:20px; }
.career-followup > .form-help { margin-top:14px; }
.feedback-disclosure:has(> summary:not([hidden])) { border:1px solid #dfc7a4; border-radius:18px; background:#faf2e6; }
.feedback-disclosure > summary { cursor:pointer; padding:18px; min-height:64px; font-size:18px; line-height:1.4; font-weight:700; color:var(--orange); }
.feedback-disclosure:has(> summary:not([hidden])) > .presentation-form { padding:0 18px 20px; }
.visitor-exit { margin-top:32px; padding:24px; border-radius:22px; background:#f3eadb; }
.visitor-exit h3 { font-size:26px; margin-bottom:20px; }
.visitor-exit .answer { text-decoration:none; font-size:16px; padding-inline:16px; }
.visitor-exit > .form-help { margin-top:14px; }
.recipe-exit > .answer { margin-top:22px; }
.regret-button { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; margin:0 0 24px; padding:15px 18px; border:1px solid #d6b382; border-radius:16px; background:#fff1dc; color:var(--ink); text-align:left; font-size:16px; line-height:1.4; font-weight:600; }
.regret-button { text-decoration:none; }
.site-access { display:flex; align-items:center; justify-content:center; gap:6px; min-height:44px; margin-left:auto; padding:8px 10px; border-radius:12px; border:1px solid var(--line); color:var(--ink); text-decoration:none; font-size:12px; font-weight:700; white-space:nowrap; }
.site-access:focus-visible,a.answer:focus-visible,a.regret-button:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
@media (max-width:480px) { .masthead-row { gap:8px; } .site-access { font-size:11px; padding-inline:8px; } .location { display:none; } }
.regret-button > span:last-child { flex-shrink:0; font-size:23px; color:var(--orange); }
.journey-aside { margin-top:14px; font-size:14px; line-height:1.4; color:var(--muted); }
[data-slide="mardi"] .journey-aside { color:#fff; }
.concept-detail { margin-top:10px; }
.concept-detail summary { cursor:pointer; min-height:44px; display:list-item; padding-block:10px; font-size:16px; font-weight:600; color:var(--orange); }
.concept-detail[open] p { margin-bottom:8px; }
@media (max-height:700px) and (max-width:699px) { .ingredient--conclusion .eyebrow { display:none; } }
:root { --discovery-preference-border: rgba(130,130,130,.24); }
.slide-footer { position:relative; }
.slide-footer-tools { display:flex; align-items:center; flex-shrink:0; gap:12px; white-space:nowrap; }
.discovery-options { margin:0; font-size:13px; line-height:1.5; }
.is-escapade .discovery-options { display: none; }
.discovery-options summary { cursor:pointer; padding:10px 0; list-style:none; font-size:10px; color:inherit; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#a49c90; }
.discovery-options summary::-webkit-details-marker { display:none; }
.discovery-options summary:focus-visible { outline:2px solid var(--orange); outline-offset:3px; border-radius:3px; }
.discovery-options > div { position:absolute; z-index:8; right:0; bottom:calc(100% + 8px); width:min(440px,calc(100vw - 44px)); max-height:65dvh; overflow-y:auto; display:grid; gap:12px; white-space:normal; text-align:left; color:var(--ink); background:var(--paper); box-shadow:0 12px 40px #25242926; border:1px solid var(--discovery-preference-border); border-radius:16px; padding:18px; }
.discovery-options label { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; }
.discovery-options input { width: 20px; height: 20px; flex: 0 0 20px; accent-color: #ed971b; }
.discovery-options button { min-height: 44px; padding: 10px; border: 1px solid var(--discovery-preference-border); border-radius: 10px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.discovery-options a { color: inherit; text-underline-offset: 3px; }
.discovery-options p { margin: 0; }
.discovery-options [data-guide-status]:empty { display: none; }

/* Un accueil avant le dialogue : poser le contexte, puis laisser le choix. */
.slide--welcome { justify-content:center; gap:24px; }
.welcome-label { display:inline-flex; align-items:center; gap:9px; margin-bottom:20px; font-size:13px; font-weight:700; color:#756346; }
.welcome-label::before { content:""; width:8px; height:8px; border-radius:50%; background:#c17b25; box-shadow:0 0 0 5px #c17b2515; }
.welcome-story { display:grid; gap:10px; margin-top:20px; max-width:560px; }
.welcome-story p { font-size:17px; line-height:1.55; color:var(--muted); }
.welcome-actions { display:grid; gap:10px; width:100%; }
.welcome-actions .welcome-question { font-size:23px; line-height:1.3; letter-spacing:-.025em; }
.welcome-skip { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:7px; color:var(--muted); font-size:13px; text-align:center; text-underline-offset:4px; }
.welcome-skip:focus-visible { outline:3px solid var(--orange); outline-offset:3px; border-radius:8px; }
@media(min-width:700px) { .slide.slide--welcome { justify-content:center; gap:32px; } .welcome-story p { font-size:18px; } }
@media(max-width:360px) { .welcome-story p { font-size:16px; } .welcome-actions .welcome-question { font-size:21px; } .welcome-actions .answer { font-size:17px; } }