@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--navy:#10213e;--gold:#b27f00;--pale:#f3d795;--paper:#fffaf2;--ink:#20232a;--muted:#67635d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#f5f0e8;margin:0;font-family:Lato,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}header{background:var(--navy);color:#fff;z-index:20;align-items:center;height:68px;padding:0 max(4vw,24px);display:flex;position:sticky;top:0;box-shadow:0 3px 14px #0004}.brand{grid-template-rows:25px 18px;grid-template-columns:32px auto;align-items:center;margin-right:auto;display:grid}.brand>span{color:#e9c675;grid-row:1/3;font-size:26px}.brand b{font:700 19px Playfair Display}.brand small{letter-spacing:.18em;text-transform:uppercase;color:#e5d7b8;font-size:9px}nav{height:100%;display:flex}nav a{border-bottom:4px solid #0000;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:700;display:flex}nav a:hover,nav a.active{background:#fff1;border-bottom-color:#e4b94e}nav i{text-align:center;border:1px solid #fff6;border-radius:50%;width:22px;height:22px;font-style:normal;line-height:20px}.menu{color:#fff;background:0 0;border:0;font-size:25px;display:none}.page-head{text-align:center;background:linear-gradient(#fffdf8,#f5f0e8);padding:68px 20px 38px}.page-head.compact{padding:46px 20px 32px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:11px;font-weight:900}h1{color:var(--navy);margin:8px 0 4px;font:700 clamp(43px,7vw,78px)/1.05 Playfair Display}.page-head p{color:#736755;margin:0;font:italic 600 21px Playfair Display}.hero{background:#161510;max-height:620px;margin:0;position:relative;overflow:hidden}.hero img{width:100%;display:block}.hero:after{content:"";background:linear-gradient(#0000,#000c);position:absolute;inset:55% 0 0}.hero figcaption{z-index:2;color:#fff;text-align:center;text-shadow:0 2px 5px #000;width:85%;font:italic 600 clamp(17px,2.3vw,28px) Playfair Display;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.content{width:min(980px,92%);margin:0 auto;padding:55px 0 75px}.audio-card{border-left:6px solid var(--gold);background:#fff;grid-template-columns:52px 1fr 48px minmax(140px,1.6fr) 80px;align-items:center;gap:14px;margin-bottom:28px;padding:18px 24px;display:grid;box-shadow:0 8px 25px #51442c1d}.audio-mark{color:var(--gold);font-size:35px}.audio-card h2{color:var(--navy);margin:2px 0;font:700 23px Playfair Display}.play{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:50%;width:45px;height:45px}.audio-card input{accent-color:var(--gold);width:100%}.audio-time{color:var(--muted);font-size:12px}.paper{background:var(--paper);border-top:4px solid var(--gold);padding:clamp(30px,6vw,72px);font:400 18px/1.85 Lato;box-shadow:0 10px 40px #59472b24}.pdf-row{text-transform:uppercase;letter-spacing:.16em;color:#76684d;border-bottom:1px solid #d8c9ae;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:16px;font-size:10px;font-weight:900;display:flex}.download{color:var(--gold);border:1px solid #c6ab72;padding:8px 12px}.paper p{margin:0 0 22px}.paper .lead:first-letter{float:left;color:var(--gold);padding:12px 9px 4px 0;font:700 70px/.75 Playfair Display}.paper h3{color:var(--navy);border-left:5px solid var(--gold);margin:40px 0 18px;padding-left:16px;font:700 29px Playfair Display}.paper blockquote{color:#594718;text-align:center;border-top:1px solid #c8a964;border-bottom:1px solid #c8a964;margin:32px 5%;padding:23px 28px;font:italic 600 21px/1.6 Playfair Display}.term{color:#896300;cursor:help;border-bottom:1px dotted #896300;position:relative}.tip{visibility:hidden;opacity:0;z-index:5;background:var(--navy);color:#fff;border-radius:3px;width:250px;padding:12px;font:400 13px/1.45 Lato;transition:all .2s;position:absolute;bottom:145%;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0004}.term:hover .tip,.term:focus .tip{visibility:visible;opacity:1}.next{background:var(--navy);color:#fff;text-align:center;margin-top:30px;padding:35px}.next>span,.result>span{text-transform:uppercase;letter-spacing:.2em;color:#e4bd5d;font-size:10px;font-weight:900}.next h2{margin:8px 0 24px;font:600 27px Playfair Display}.button{background:#d8a829;padding:13px 20px;font-size:13px;font-weight:900;display:inline-block;color:#17233c!important}.activity{grid-template-columns:minmax(350px,1fr) 1.15fr;align-items:start;gap:32px;width:min(1200px,94%);margin:0 auto 70px;display:grid}.activity aside{position:sticky;top:94px}.video{aspect-ratio:16/9;background:#000;box-shadow:0 8px 30px #0003}.video iframe{border:0;width:100%;height:100%}.progress{background:var(--navy);color:#fff;grid-template-columns:auto 1fr;gap:0 8px;padding:18px 22px;display:grid}.progress b{font-size:20px}.progress span{text-transform:uppercase;letter-spacing:.14em;align-self:center;font-size:11px}.progress div{background:#ffffff30;grid-column:1/3;height:4px;margin-top:11px}.progress i{background:#dfb849;height:100%;display:block}.quiz{background:#fff;box-shadow:0 8px 30px #51442c1d}.quiz-intro{background:var(--navy);color:#fff;padding:30px 34px}.quiz-intro span{color:#dfb849;text-transform:uppercase;letter-spacing:.2em;font-size:10px}.quiz-intro h2{margin:4px 0;font:700 33px Playfair Display}.quiz-intro p{color:#d8dce4;margin:0}.question{border-bottom:1px solid #e1ddd5;padding:25px 28px 22px 74px;transition:all .2s;position:relative}.question.correct{background:#f0f8f0;border-left:5px solid #3a8a51}.question.wrong{background:#fff2f0;border-left:5px solid #b83e34}.question .num{color:#b18b40;font:700 17px Playfair Display;position:absolute;top:27px;left:25px}.question p{margin:0 0 16px;font-weight:700;line-height:1.5}.question div{gap:8px;display:flex}.question button,.result button{cursor:pointer;background:#fff;border:1px solid #a89675;padding:8px 19px;font-weight:700}.question button:hover:not(:disabled){background:var(--navy);color:#fff}.question button:disabled{opacity:.55}.question small{margin-top:13px;font-weight:700;display:block}.correct small{color:#2c7040}.wrong small{color:#9d3027}.result{text-align:center;background:#f7f1e5;padding:42px 25px}.result strong{color:var(--navy);margin:5px;font:700 62px Playfair Display;display:block}.result button{margin-right:10px}.production{padding-top:15px}.info{background:#fff;margin:0;box-shadow:0 8px 35px #51442c26}.info img{width:100%;display:block}.challenge{background:var(--navy);color:#fff;margin-top:28px;padding:38px 8%}.challenge h2{margin:6px 0;font:700 32px Playfair Display}.challenge p{color:#e3e6ec;margin:0;line-height:1.6}.steps{grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0;display:grid}.steps article{border-top:4px solid var(--gold);background:#fff;padding:26px;box-shadow:0 6px 20px #51442c1b}.steps span{color:#d9c08e;font:700 28px Playfair Display}.steps h3{color:var(--navy);margin:4px 0 10px;font:700 24px Playfair Display}.steps p{color:#5d5b56;margin:0;line-height:1.6}.final-question{text-align:center;color:#3f3521;background:#ead6a7;margin:30px 0;padding:30px;font:italic 700 27px/1.45 Playfair Display}.back{text-align:center;color:#7d5c0c;font-weight:700;display:block}footer{color:#cbd1dc;background:#0b172b;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}footer>span{color:#d5ae4d;font-size:28px}footer p{margin:0;font-size:12px;line-height:1.6}footer b{color:#fff;font:600 17px Playfair Display}@media (width<=780px){header{height:62px}.menu{display:block}nav{background:var(--navy);flex-direction:column;height:auto;display:none;position:absolute;top:62px;left:0;right:0;box-shadow:0 8px 12px #0005}nav.open{display:flex}nav a{border-bottom:1px solid #ffffff1c;height:52px}.page-head{padding:42px 14px 28px}.hero{min-height:260px}.hero img{object-fit:cover;height:300px}.content{padding:28px 0 48px}.audio-card{grid-template-columns:42px 1fr 46px;padding:16px}.audio-card input{grid-column:1/4}.audio-time{text-align:right;grid-column:1/4}.paper{font-size:16px;line-height:1.75}.pdf-row{align-items:flex-start;gap:15px}.activity{grid-template-columns:1fr}.activity aside{position:static}.steps{grid-template-columns:1fr}.result .button{margin-top:12px}.question{padding-left:58px}.question .num{left:18px}.tip{width:220px;left:0;transform:none}.hero figcaption{bottom:15px}}body{background:#f5f0e8 url(/assets/papier-memoire-texture.png) 50%/cover fixed}header{background:#18294a;height:64px;padding:0;box-shadow:0 10px 30px #17243b33}.header-inner{justify-content:space-between;align-items:center;width:min(1280px,100%);height:64px;margin:auto;padding:0 32px;display:flex}.brand{grid-template-rows:none;grid-template-columns:none;align-items:center;gap:12px;height:100%;margin-right:auto;display:flex}.brand-mark{border-right:1px solid #d7aa5273;place-items:center;width:45px;height:44px;padding-right:10px;display:grid}.brand-mark img{object-fit:contain;width:40px;height:40px}.brand b{color:#d8a638;letter-spacing:-.01em;font:700 21px Playfair Display,serif}header nav{align-self:stretch;height:auto;display:flex}header nav a{color:#eeece8;border-bottom:2px solid #0000;align-items:center;padding:0 20px;font-size:14px;font-weight:700;display:flex}header nav a:hover{color:#fff;background:#ffffff12;border-bottom-color:#0000}header nav a.active{color:#e0ad37;background:#ffffff18;border-bottom-color:#e0ad37}.question{border:1px solid #0000;border-bottom-color:#e1ddd5;margin:0;transition:background-color .22s,border-color .22s}.question.correct,.question.wrong{box-shadow:none;background:#fff;border:1px solid #0000;border-bottom-color:#e1ddd5;padding-left:74px}.question.correct .num,.question.wrong .num{left:25px}.question.correct small,.question.wrong small{margin-top:22px;font-size:16px}.question button.answer-correct:disabled{color:#104d22;opacity:1;background:#caf0cc;border-color:#39944f}.question>div button{min-width:168px;min-height:60px;padding:14px 30px;font-size:18px;font-weight:900}.question>small{margin-top:16px;font-size:17px}.question button.answer-wrong:disabled{color:#7f2520;opacity:1;background:#f4cdca;border-color:#c44d44}.question button.answer-wrong b{display:none}.question button.answer-wrong:after{content:"×";margin-left:8px;font-size:22px;line-height:1}.question button.answer-muted:disabled{color:#80766f;opacity:1;background:#f4f0eb;border-color:#cec5bc}.question button b{margin-left:8px;font-size:20px;line-height:1}.question small.feedback-right{color:#08732a}.question small.feedback-wrong{color:#a52d25}footer{color:#777067;text-align:center;background:#fbf7ef;border-top:1px solid #c9a55266;padding:28px;font-size:14px;display:block}@media (width<=780px){header,.header-inner{height:64px}.header-inner{padding:0 16px}header nav{background:#18294a;padding:0 16px 12px;top:64px}header nav a{border-bottom:0;border-left:2px solid #0000;height:48px;padding:0 12px}header nav a.active{border-bottom:0;border-left-color:#e0ad37}.question.correct,.question.wrong{padding-left:58px}.question.correct .num,.question.wrong .num{left:18px}.question>div button{flex:1;min-width:0;min-height:52px}}
