*{box-sizing:border-box}
:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090b10;color:#f4f3ef}
body{margin:0;font-size:17px;line-height:1.75;background:radial-gradient(ellipse at 20% 0,rgba(184,145,56,.085),transparent 650px)}
a{color:#e7c777;text-underline-offset:5px}
a:focus-visible{outline:2px solid #ffe1a0;outline-offset:6px;border-radius:3px}
.masthead{max-width:1080px;margin:auto;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #b891382e}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:.05em;color:#f4f3ef}
.brand img{display:block;border-radius:50%}
.back{font-size:14px;text-decoration:none}
main{max-width:850px;margin:0 auto;padding:64px 30px 72px}
.eyebrow{font-size:12px;font-weight:650;letter-spacing:.2em;color:#d8b76b;margin:0 0 20px}
h1{font-size:clamp(30px,4.4vw,46px);line-height:1.18;letter-spacing:-.035em;font-weight:650;margin:0 0 28px;color:#f5e6bd}
h2{font-size:clamp(23px,3vw,29px);line-height:1.35;font-weight:620;letter-spacing:-.02em;color:#f5e6bd;margin:0 0 20px}
p{margin:0 0 18px;color:#c9ccd2}
.lead{font-size:21px;line-height:1.55;color:#f4f3ef}
section{margin-top:46px;padding-top:38px;border-top:1px solid #b8913826}
.signature{color:#e7c777;font-size:clamp(22px,3vw,28px);line-height:1.45;font-weight:620;letter-spacing:-.02em;margin:28px 0 0}
.closing{margin-top:50px;padding-top:34px;border-top:1px solid #b8913826}
.cta{display:inline-flex;align-items:center;gap:24px;margin-top:26px;padding:12px 24px;background:#e7c777;color:#14120d;font-size:15px;font-weight:650;text-decoration:none;border-radius:999px}
footer{max-width:1080px;margin:auto;border-top:1px solid #b891382e;padding:28px 30px 38px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;font-size:12px;color:#9ca3b3}
.skip{position:absolute;left:16px;top:-100px;padding:8px 16px;background:#090b10;z-index:2}
.skip:focus{top:12px}
@media(max-width:600px){.masthead{padding:20px}.brand{font-size:20px;gap:10px}.brand img{width:40px;height:40px}.back{font-size:12px}main{padding:40px 22px 52px}.lead{font-size:19px}body{font-size:16px}section{margin-top:34px;padding-top:30px}footer{padding:24px 22px}}


/* Découvrir V14: additions only; the original editorial copy stays intact. */
body{overflow-x:clip}
main{position:relative}
.intro,main>section,.closing{position:relative}
.copy{position:relative}
.gesture{position:absolute;top:28px;width:max(105px,calc((100vw - 810px)/2));height:140px;pointer-events:none;z-index:1}
.from-left{right:calc(100% + 10px)}.from-right{left:calc(100% + 10px)}
.hand{position:absolute;top:0;width:140px;height:140px;background-image:url('/assets/discover/hands.webp');background-size:200% 200%;background-repeat:no-repeat}
.from-left .hand{right:0}.from-right .hand{left:0}
.push .hand{background-position:0 0}.thumb .hand{background-position:100% 0}.calculator .hand{background-image:url('/assets/discover/calculator.webp');background-size:100% 100%;background-position:center}.world .hand{background-position:100% 100%}
/* Match each sleeve at its outer image edge, not inside its curved section.
   Gold profiles are sampled from that edge at the existing 140px hand size.
   Compact/tablet and phone rules below still hide these extensions. */
.gesture::before{content:"";position:absolute;border-radius:0}
.from-left::before{left:0;right:139.75px}.from-right::before{right:0;left:139.75px}
.push::before{top:80.500px;height:19.600px;background:linear-gradient(to bottom,rgba(238,194,145,0.000) 0.00%,rgba(210,128,15,0.980) 5.36%,rgba(171,90,0,0.984) 10.71%,rgba(195,107,0,0.988) 16.07%,rgba(246,192,49,0.992) 21.43%,rgba(251,253,212,0.992) 26.79%,rgba(255,248,190,0.992) 32.14%,rgba(238,175,26,0.992) 37.50%,rgba(204,125,0,0.992) 42.86%,rgba(179,105,2,0.992) 48.21%,rgba(148,68,0,0.992) 53.57%,rgba(106,40,0,0.992) 58.93%,rgba(102,37,0,0.992) 64.29%,rgba(147,62,0,0.992) 69.64%,rgba(182,94,6,0.992) 75.00%,rgba(165,78,0,0.992) 80.36%,rgba(190,105,15,0.992) 85.71%,rgba(174,88,1,0.992) 91.07%,rgba(160,88,26,0.031) 96.43%,rgba(214,15,0,0.000) 100.00%);}
.thumb::before{top:80.500px;height:18.900px;background:linear-gradient(to bottom,rgba(163,49,5,0.000) 0.00%,rgba(208,121,16,0.973) 5.56%,rgba(153,77,0,0.984) 11.11%,rgba(166,90,0,0.988) 16.67%,rgba(214,139,0,0.992) 22.22%,rgba(255,243,161,0.992) 27.78%,rgba(249,242,183,0.992) 33.33%,rgba(231,173,24,0.992) 38.89%,rgba(200,125,0,0.992) 44.44%,rgba(179,93,3,0.992) 50.00%,rgba(139,61,0,0.992) 55.56%,rgba(117,43,0,0.992) 61.11%,rgba(158,68,1,0.992) 66.67%,rgba(234,159,18,0.992) 72.22%,rgba(255,209,25,0.992) 77.78%,rgba(222,128,0,0.988) 83.33%,rgba(196,99,0,0.980) 88.89%,rgba(125,51,0,0.898) 94.44%,rgba(121,78,0,0.000) 100.00%);}
.world::before{top:80.850px;height:17.150px;background:linear-gradient(to bottom,rgba(197,30,6,0.000) 0.00%,rgba(239,165,17,0.788) 6.12%,rgba(172,93,0,0.980) 12.24%,rgba(159,79,0,0.988) 18.37%,rgba(212,131,24,0.988) 24.49%,rgba(255,235,165,0.992) 30.61%,rgba(255,242,156,0.992) 36.73%,rgba(233,187,50,0.992) 42.86%,rgba(190,137,32,0.992) 48.98%,rgba(149,82,0,0.992) 55.10%,rgba(112,43,0,0.992) 61.22%,rgba(143,71,0,0.992) 67.35%,rgba(203,111,17,0.992) 73.47%,rgba(189,99,4,0.992) 79.59%,rgba(177,93,9,0.988) 85.71%,rgba(136,60,0,0.984) 91.84%,rgba(200,124,45,0.063) 97.96%,rgba(192,108,13,0.000) 100.00%);}
.calculator::before{top:100.333px;height:21.000px;background:linear-gradient(to bottom,rgba(110,86,65,0.000) 0.00%,rgba(220,158,8,0.988) 4.76%,rgba(182,103,0,0.988) 9.52%,rgba(180,98,1,0.992) 14.29%,rgba(233,164,14,0.992) 19.05%,rgba(255,249,177,0.992) 23.81%,rgba(255,255,225,0.992) 28.57%,rgba(252,220,65,0.992) 33.33%,rgba(241,170,5,0.992) 38.10%,rgba(210,130,5,0.992) 42.86%,rgba(144,66,0,0.992) 47.62%,rgba(99,39,0,0.992) 52.38%,rgba(96,37,0,0.992) 57.14%,rgba(143,63,0,0.992) 61.90%,rgba(205,122,0,0.992) 66.67%,rgba(254,222,69,0.992) 71.43%,rgba(247,208,41,0.992) 76.19%,rgba(251,176,8,0.988) 80.95%,rgba(186,95,0,0.992) 85.71%,rgba(167,79,0,0.992) 90.48%,rgba(155,28,0,0.525) 95.24%,rgba(254,0,0,0.000) 100.00%);}
.push{top:80px}.thumb{top:54px}.world{top:35px}.calculator{top:80px}
/* Text is never hidden: JS only opts into a one-shot movement. */
.motion-enabled .reveal:not(.seen) .gesture{opacity:0}
.motion-enabled .reveal.seen .gesture{animation:gesture-enter .85s cubic-bezier(.2,.75,.2,1) both}
.from-left{--entry:-70px}.from-right{--entry:70px}
@keyframes gesture-enter{from{opacity:0;transform:translateX(var(--entry))}to{opacity:1;transform:translateX(0)}}
.motion-enabled .push-block.seen .copy{animation:copy-push 1.8s cubic-bezier(.2,.75,.2,1) both}
.motion-enabled .push-block.seen .push{animation:hand-push 1.8s cubic-bezier(.2,.75,.2,1) both}
@keyframes copy-push{0%,18%{transform:translateX(-30px)}60%,100%{transform:translateX(0)}}
@keyframes hand-push{0%{opacity:0;transform:translateX(-110px)}18%{opacity:1;transform:translateX(-2px)}60%{opacity:1;transform:translateX(28px)}80%{opacity:1;transform:translateX(28px)}100%{opacity:0;transform:translateX(-110px)}}
.earth{position:absolute;display:block;width:54px;height:54px;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 30% 24%,#80dcf1,#168ec5 34%,#075ca3 67%,#03294e);box-shadow:0 0 12px #56b9e838,inset -5px -4px 9px #001329}
.earth-map{position:absolute;inset:0;background-size:216px 54px;background-repeat:repeat-x;animation:discover-earth 16s linear infinite;animation-play-state:paused}
.earth::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 26% 22%,#ffffff80,transparent 35%),linear-gradient(90deg,#03132c44,transparent 25%,transparent 55%,#000b38b3);box-shadow:inset 0 0 2px #ffffff80}
.world .earth{right:7px;top:25px}
.in-view .earth-map{animation-play-state:running}
.page-hidden .earth-map{animation-play-state:paused}
@keyframes discover-earth{to{background-position:-216px 0}}
.cinema{border:0;margin:35px -16px 0;padding:0;text-align:center}
.tv-shell{position:relative;max-width:660px;margin:0 auto;aspect-ratio:1000/833}
.tv-frame{display:block;width:100%;height:auto;pointer-events:none}
.tv-screen{position:absolute;left:7.7%;right:7.7%;top:26.9%;bottom:12.9%;background:#000;border-radius:16%/20%;overflow:hidden;isolation:isolate}
.tv-screen video{display:block;width:100%;height:100%;object-fit:cover;background:#000;border-radius:inherit;pointer-events:none}
button:focus-visible,summary:focus-visible{outline:2px solid #ffe1a0;outline-offset:5px}
.video-navigation{display:flex;align-items:center;justify-content:center;gap:18px;margin:2px auto 0;max-width:560px}
.video-navigation button{flex:none;width:42px;height:42px;border:1px solid #b8913860;border-radius:50%;background:#15140f;color:#e7c777;font-size:25px;cursor:pointer}
.video-navigation button:disabled{opacity:.35;cursor:default}
.video-title{font-size:14px;line-height:1.5;color:#e7c777;min-width:0;flex:1}
.video-status{font-size:13px;margin:12px 0 0;line-height:1.5;min-height:0}
.video-status:empty{display:none}
.video-library{max-width:560px;margin:18px auto 0;text-align:left;font-size:14px}
.video-library summary{width:max-content;margin:auto;cursor:pointer;color:#bcb7a8;text-underline-offset:5px}
.video-list{list-style:none;padding:12px 0;margin:12px 0 0;border-top:1px solid #b8913826;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
.video-list button{display:block;width:100%;padding:9px 12px;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:#c9ccd2;font:inherit;cursor:pointer}
.video-list button[aria-current=true]{border-color:#b8913850;color:#f1d38d;background:#b8913810}.video-list button:hover{background:#b8913815}
.closing{padding-right:130px;min-height:230px;margin-top:72px}
.proud-mascot{position:absolute;width:210px;right:-70px;bottom:0;pointer-events:none}
.proud-mascot img{display:block;width:100%;height:auto}
.proud-mascot .earth{width:54px;height:54px;left:67.3%;top:4.9%}
.proud-mascot::after{content:"";position:absolute;right:15%;bottom:0;width:62%;height:6px;background:#b8913838;filter:blur(6px);border-radius:50%}
@media(min-width:621px) and (max-width:1080px){main{max-width:100%;margin:0 96px;padding:56px 0 64px}.gesture{width:86px;height:110px}.hand{width:110px;height:110px}.gesture::before{display:none}.world .earth{width:42px;height:42px;right:4px;top:19px}.proud-mascot{right:-72px;width:175px}.proud-mascot .earth{width:45px;height:45px}.closing{padding-right:105px}.video-title{font-size:13px}}
@media(max-width:620px){
 main{padding:40px 24px 42px}.intro{padding-left:0}.gesture{top:15px;width:70px;height:70px}.hand{width:82px;height:82px}.gesture::before{display:none}
 .from-left{right:auto;left:-26px}.from-right{left:auto;right:-26px}
 .reveal:has(.gesture){padding-top:95px}.intro:has(.gesture){padding-top:0}.intro .push{display:none}
 .motion-enabled .push-block.seen .copy{animation:none}
 .world .earth{width:34px;height:34px;right:0;top:13px}.world .hand{right:-8px}
 .cinema{margin:22px -14px 0;padding-top:0}.tv-screen{border-radius:16%/20%}
 .video-navigation{gap:8px;margin:4px 10px 0}.video-navigation button{width:40px;height:40px}.video-title{font-size:12px}
 .video-library{margin:16px 12px 0}.video-list{grid-template-columns:1fr}.video-list button{padding:10px}
 .closing{padding:28px 0 0;margin-top:48px;min-height:340px}.closing .signature{max-width:calc(100% - 75px);font-size:23px}.closing .cta{position:relative;z-index:1;margin-top:24px;max-width:calc(100% - 70px);padding:11px 16px;font-size:13px;gap:12px}
 .proud-mascot{width:135px;right:-16px;bottom:0}.proud-mascot .earth{width:35px;height:35px}
 .earth-map{background-size:216px 54px}
}
@media(prefers-reduced-motion:reduce){.earth-map{animation:none!important}.motion-enabled .reveal .gesture,.motion-enabled .push-block.seen .copy{animation:none!important;opacity:1!important;transform:none!important}.push-block .push{display:none}}
.earth-map{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2224%22%20viewBox%3D%220%200%2096%2024%22%3E%3Cpath%20fill%3D%22%2377c881%22%20d%3D%22M6%202l5%201%203-1%204%203-2%203%205%201%204%204-3%202-4-2-2%203-3-1-3-4-4-2%201-3-3-2zM19%2015l5%201%203%203-2%205-3-1-2-4-3-2zM37%204l5-2%204%202%201%204-4%201%203%203-1%207-4%204-2-5-3-3%201-4-3-3zM50%204l8-3%207%202%206-1%209%203-2%204-7-1-2%204-7%201-3%203-4-3-5%201-4-4zM73%2017l6-2%208%203%203%204-4%202-8-1-5-3z%22%2F%3E%3Cpath%20fill%3D%22%23b8dc91%22%20opacity%3D%22.8%22%20d%3D%22M9%203l4%201%202%203-5-1zM39%205l4-1%202%202-3%202zM53%205l6-2%205%201-3%203-6%201zM78%2018l5-1%204%203-6%201z%22%2F%3E%3C%2Fsvg%3E")}
/* Edge gestures are decorative and must not create a horizontal scroll area. */
.gesture{overflow:clip}
@media(max-width:620px){.from-right{right:-24px}.from-left{left:-24px}}
@media(max-width:360px){.masthead{gap:10px}.back{font-size:11px}.brand{font-size:18px}}
@media(max-width:620px){.from-right{right:-23px}.from-left{left:-23px}}

.motion-enabled .push-block.settled .copy{animation:none}
.motion-enabled .push-block.settled .push{animation:none;opacity:0}


/* Keep native iPhone transport UI out of the automatic editorial player. */
.tv-screen video::-webkit-media-controls{display:none!important}
.video-transition{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1}
.video-transition[hidden]{display:none}
.video-tools{display:flex;justify-content:center;gap:16px;margin:10px auto 0}
.video-tools button{border:0;border-bottom:1px solid #b8913840;border-radius:0;background:transparent;color:#d6bd83;font:inherit;font-size:12px;min-height:40px;padding:6px 10px;cursor:pointer}
.video-tools button:disabled{opacity:.45;cursor:wait}

/* Follow the curved glass opening instead of a rounded rectangle, on video and held frames. */
.tv-screen{border-radius:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20846%20501.466%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M%20161%2019%20C%20300%20-2%20578%20-1%20702%2020%20C%20779%2030%20806%2050%20819%20118%20C%20838%20211%20841%20323%20822%20398%20C%20808%20455%20803%20472%20735%20481%20C%20558%20497%20283%20497%20116%20480%20C%2049%20473%2035%20456%2025%20398%20C%2010%20304%2010%20223%2026%20130%20C%2039%2059%2056%2034%20161%2019%20Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20846%20501.466%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M%20161%2019%20C%20300%20-2%20578%20-1%20702%2020%20C%20779%2030%20806%2050%20819%20118%20C%20838%20211%20841%20323%20822%20398%20C%20808%20455%20803%20472%20735%20481%20C%20558%20497%20283%20497%20116%20480%20C%2049%20473%2035%20456%2025%20398%20C%2010%20304%2010%20223%2026%20130%20C%2039%2059%2056%2034%20161%2019%20Z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}


/* Approved short gestures: original curved sleeves only on desktop/iPad.
   Keep the transient intro push and all phone styles unchanged. */
@media(min-width:621px){
 .thumb::before,.world::before,.calculator::before{display:none}
}
@media(min-width:1081px){
 .from-right.thumb .hand,.from-right.calculator .hand{left:auto;right:0}
 .from-left.world .hand{right:auto;left:0}
 .world .earth{right:auto;left:79px}
}