/* Ateliers : chaleur, bulles et autonomie. Le mouvement d'accueil se termine. */
:root{--blue:#2454f5;--ink:#11162b;--muted:#535e74;--cream:#fff4d6;--gold:#ffce66}
body{background:#fcfcff}.top{padding-block:24px}.back{border:1px solid #dce3f2;border-radius:99px;padding:10px 16px;background:white;transition:background .2s,color .2s}
.back:hover{background:#edf2ff;color:var(--blue)}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:66px 0 28px;background:radial-gradient(ellipse at 76% 32%,#d3e3ff 0,transparent 43%),radial-gradient(ellipse at 5% 100%,#fff1cf 0,transparent 38%),#f1f5ff}
.hero::before{content:'';position:absolute;width:390px;height:390px;border:1px solid #2454f512;border-radius:50%;left:-285px;top:15%;z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.17fr 1fr;align-items:center;gap:48px}.hero-copy{position:relative;z-index:2}
.hero .eyebrow{display:inline-block;font-size:10px;letter-spacing:.12em;background:#fff9;border:1px solid #fff;padding:9px 14px;border-radius:99px;margin-bottom:22px}
.hero h1{font-size:clamp(38px,4.35vw,63px);line-height:1.1;letter-spacing:-.05em;text-transform:none}.hero h1 span{display:inline;box-decoration-break:clone;background:linear-gradient(transparent 78%,#ffdc86 78%,#ffdc86 95%,transparent 95%)}
.hero .lead{font-size:22px;line-height:1.45;margin-top:24px}.hero .intro{font-size:16px;line-height:1.7;max-width:570px;color:var(--muted)}
.choices{gap:14px 22px;margin:28px 0 36px}.button{background:linear-gradient(130deg,#3267ff,#2244e6);box-shadow:0 7px 0 #1c3ccc14,0 14px 30px #2456f028;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);background:#143eda;box-shadow:0 10px 0 #1c3ccc10,0 18px 30px #2456f030}.button:active{transform:translateY(0)}.text-link{transition:color .2s}.text-link:hover{color:var(--blue)}
.together-art{position:relative;margin:5px 4px 25px 0;padding:30px 12px 48px;isolation:isolate;min-width:0}.duo-frame{position:relative;overflow:hidden;border:6px solid white;border-radius:44% 44% 28px 28px;box-shadow:0 22px 55px #16397826;transform:rotate(3deg)}.duo-frame img{display:block;width:100%;height:auto}.art-orbit{position:absolute;inset:12px -16px 30px;border:1px dashed #2454f54d;border-radius:50%;transform:rotate(-24deg);z-index:-1}.art-orbit::before,.art-orbit::after{content:'';position:absolute;border-radius:50%;background:radial-gradient(circle at 28% 24%,#b3d5ff,#3566ff 65%,#1b28a0);box-shadow:0 12px 22px #2454f02c}.art-orbit::before{width:34px;height:34px;left:8px;top:24%}.art-orbit::after{width:20px;height:20px;right:2px;bottom:22%;background:radial-gradient(circle at 30% 30%,#fff9d3,#f9c858 60%,#e69f2f)}
.bubble{position:absolute;z-index:2;border:1px solid white;box-shadow:0 12px 28px #172b5920;font:500 13px/1.45 Poppins,sans-serif}.bubble-hello{top:2px;left:-16px;transform:rotate(-6deg);padding:13px 20px;border-radius:22px 22px 22px 4px;background:#fff}.bubble-hello>span{color:var(--blue);margin-left:14px;font-size:20px}.bubble-key{right:-12px;bottom:18px;transform:rotate(4deg);border-radius:23px 23px 4px 23px;background:#fff1cc;color:#333020;padding:17px 22px 17px 67px}.key-icon{position:absolute;left:19px;top:18px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffce66;font-size:23px;color:#584117}.together-art figcaption{position:absolute;bottom:66px;left:28px;font:500 10px/1.4 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:white;z-index:1;background:#0d173dcc;border:1px solid #fff4;padding:9px 13px;border-radius:99px}.together-art figcaption span{color:#91baff;padding:0 6px}.art-spark{position:absolute;right:-8px;top:4px;color:#2454f5;font-size:52px;font-style:normal;line-height:1;transform:rotate(12deg)}
.principles{border:0;padding:22px 0 0;gap:12px;justify-content:flex-start;flex-wrap:wrap}.principles span{background:#ffffffb3;border:1px solid white;padding:10px 16px;border-radius:99px;font-size:12px;color:#424e68}.principles span::before{color:#234bed}
.workshops{padding-block:92px}.section-head h2{font-size:clamp(32px,3.4vw,48px);text-transform:none}.section-head .eyebrow{margin-bottom:18px}.section-head>p{font-size:17px;line-height:1.8}.workshop{border-radius:32px;border:1px solid #dce4f9;background:white;box-shadow:0 22px 70px #1726530b;grid-template-columns:1.65fr 1fr}.workshop-main{padding:38px}.workshop-top{display:flex;justify-content:space-between;align-items:center}.badge{background:#fdf1d3;color:#66501c;border-color:#f9e3ab;padding:7px 14px}.workshop-icon{width:48px;height:48px;display:grid;place-items:center;background:#edf2ff;color:#2855e8;border-radius:17px;transform:rotate(8deg);font-size:30px}.number{margin-top:12px}.workshop h3{font-size:31px;line-height:1.2}.workshop-main>p{font-size:16px}.workshop-main .format{font-size:12px;background:#f6f8fe;padding:12px 15px;border-radius:0 12px 12px 0}.steps{gap:14px;border:0;padding:0;margin-top:24px}.steps>div{padding:21px 18px;background:#f0f4ff;border:1px solid #e3eaff;border-radius:18px}.steps>div:nth-child(2){background:#fff8e8;border-color:#fff0cc}.steps p{font-size:14px;line-height:1.65;color:#536077}.session{position:relative;background:linear-gradient(160deg,#e8f0ff,#f3f7ff);padding:36px 32px}.session .eyebrow{margin:24px 0 12px}.session dl{margin-top:22px}.session h4{font-size:28px}.session dd{color:#263756}.calendar-icon{display:block;width:86px;height:87px;position:relative;background:#fff;border:1px solid #d0dcf4;border-radius:16px;box-shadow:5px 6px 0 #cddcff8c;transform:rotate(-7deg);text-align:center}.calendar-icon::before,.calendar-icon::after{content:'';position:absolute;top:-7px;width:5px;height:15px;border-radius:3px;background:var(--blue)}.calendar-icon::before{left:22px}.calendar-icon::after{right:22px}.calendar-icon b{display:block;font:500 10px Poppins,sans-serif;color:var(--blue);padding-top:15px}.calendar-icon>span{font-size:32px;color:#e2a12b;line-height:1.2}.calendar-icon i{position:absolute;top:35px;left:10px;right:10px;border-top:1px solid #e2e8f4}
.individual{position:relative;isolation:isolate;overflow:hidden;padding:88px 0;background:radial-gradient(ellipse at 4% 8%,#4b7aff,transparent 58%),linear-gradient(120deg,#234ee1,#12379e);border-radius:40px;margin:0 20px;color:white}.individual::before{content:'';position:absolute;right:-200px;top:-150px;width:600px;height:600px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 65px #ffffff06,0 0 0 130px #ffffff04;z-index:-1}.individual .wrap{width:min(1100px,calc(100% - 72px))}.individual-grid{grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.conversation{display:flex;align-items:center;gap:9px;margin-bottom:32px;font:500 12px/1.5 Poppins,sans-serif}.conversation>span:first-child{background:#ffffff24;border:1px solid #ffffff5e;padding:12px 17px;border-radius:20px 20px 20px 4px;transform:rotate(-5deg)}.conversation>span:last-child{background:#ffdc86;color:#2e2b20;padding:12px 17px;border-radius:20px 20px 4px 20px;transform:rotate(4deg)}.conversation b{font-size:17px;margin-left:12px}.individual .eyebrow{color:#dce7ff;margin-bottom:18px}.individual h2{text-transform:none;font-size:clamp(34px,3.7vw,52px);line-height:1.15}.individual h2 span{color:#ffdc86}.individual p{color:#e2eaff;font-size:17px}.individual .lead{font-size:22px;color:white;margin-top:24px}.individual .light{color:#243dac;box-shadow:0 12px 25px #06175238;background:#fff;min-height:56px;margin-top:9px}.individual .light:hover{background:#fff1cc;color:#182342}.individual-steps{display:grid;gap:16px}.individual-steps li{padding:26px;background:#fff;color:#17203c;border-radius:24px;border:1px solid #fff;gap:18px;box-shadow:0 12px 26px #041b6826;transition:transform .2s}.individual-steps li:nth-child(2){margin-left:21px;background:#eff5ff}.individual-steps li:nth-child(3){margin-right:12px;background:#fff3d5}.individual-steps li>span{padding:0;flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8efff;color:#2750d8}.individual-steps li:nth-child(3)>span{background:#ffdb87;color:#63501e}.individual-steps h3{font-size:22px}.individual-steps p{color:#53617c;font-size:15px;line-height:1.65;margin-top:9px}
.closing{padding-block:78px}.closing-spark{display:block;color:var(--blue);font-size:56px;line-height:1;margin:0 auto 26px;width:60px;transform:rotate(-10deg)}.closing h2{font-size:clamp(38px,4.4vw,60px);text-transform:none}.closing h2 span{color:var(--ink);background:linear-gradient(transparent 66%,#ffdb81 66%,#ffdb81 96%,transparent 96%)}.closing p:not(.eyebrow){font-size:17px}.closing .eyebrow{font-size:10px}.closing .text-link{color:var(--blue)}
.individual h2 span{white-space:nowrap}.individual .eyebrow{font-size:11px}.workshop-main .number{font-size:11px}
@keyframes friendly-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.bubble-hello{animation:friendly-arrive .7s .1s both}.bubble-key{animation:friendly-arrive .7s .25s both}.art-spark{animation:friendly-arrive .8s .4s both}.individual-steps li:hover{transform:translateY(-3px)}}
@media(max-width:1000px){.hero-grid{gap:32px}.together-art{margin-right:8px}.bubble-hello{left:-7px;font-size:11px}.bubble-key{right:-7px;font-size:11px;padding:13px 14px 13px 52px}.key-icon{left:13px;top:15px;width:27px;height:27px;font-size:20px}.art-spark{font-size:38px;right:-15px}.individual-grid{gap:30px}.individual-steps li{padding:22px;gap:13px}.individual-steps h3{font-size:20px}.hero .lead{font-size:20px}}
@media(max-width:760px){.hero{padding-top:42px}.hero-grid{grid-template-columns:1fr;gap:7px}.hero h1{font-size:clamp(38px,7.3vw,55px)}.hero-copy{max-width:620px}.choices{margin-bottom:22px}.together-art{width:min(380px,90%);margin:7px auto 5px}.bubble-hello{font-size:12px}.bubble-key{font-size:12px}.together-art figcaption{font-size:9px}.hero .principles{padding-top:8px}.workshop{grid-template-columns:1fr}.section-head{grid-template-columns:1fr;gap:20px}.section-head>p{max-width:600px}.individual{margin:0 12px;border-radius:30px;padding:52px 0}.individual .wrap{width:calc(100% - 44px)}.individual-grid{grid-template-columns:1fr;gap:40px}.individual-copy{max-width:600px}.individual-steps li:nth-child(2){margin-left:14px}.individual-steps li:nth-child(3){margin-right:14px}.conversation{margin-bottom:28px}.workshop-main,.session{padding:28px}.session .button{margin-top:12px}.top{gap:14px}.top img{width:190px}.back{font-size:11px}.hero .lead{font-size:21px}}
@media(max-width:600px){.top{flex-direction:row;align-items:center;padding-block:18px;gap:12px}.top img{width:160px}.back{max-width:132px;padding:8px 10px;line-height:1.5;font-size:10px}.hero .eyebrow{font-size:9px;letter-spacing:.07em;padding:8px 11px}.hero h1{font-size:clamp(35px,9.1vw,49px)}.hero .intro{font-size:15px}.choices{align-items:flex-start;flex-direction:column;gap:12px}.choices .text-link{margin-left:6px}.principles{flex-direction:row;gap:8px}.principles span{font-size:10px;padding:8px 10px}.principles span::before{margin-right:6px}.workshops{padding-block:58px}.workshop-main,.session{padding:25px 22px}.workshop h3{font-size:27px}.steps{grid-template-columns:1fr;gap:12px}.steps>div{padding:17px}.individual-steps li{padding:22px 18px}.individual .button{font-size:12px;gap:12px}.individual p{font-size:16px}.individual .lead{font-size:21px}.closing{padding-block:56px}.closing h2{font-size:42px}.closing .eyebrow{line-height:1.8}.closing p:not(.eyebrow){font-size:16px}.session dl{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.session dl>div:last-child{grid-column:1 / -1}.session .button{width:100%}.workshop-icon{width:40px;height:40px;font-size:26px}.bubble-hello{left:-10px}.bubble-key{right:-10px}.art-spark{right:-9px}.together-art figcaption{left:20px;bottom:76px}}
@media(max-width:360px){.top img{width:133px}.back{max-width:110px;font-size:9px}.hero h1{font-size:35px}.individual h2{font-size:31px}.individual .button{font-size:11px;padding:15px 18px}.individual-steps li{gap:12px}.individual-steps li>span{flex-basis:29px;width:29px;height:29px}.individual-steps h3{font-size:18px}.together-art figcaption{bottom:81px;font-size:8px;left:16px}.bubble-key{font-size:10px}.bubble-hello{font-size:10px}.workshop-main,.session{padding:23px 19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.individual-steps li:hover{transform:none}}