@import url('service-art.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0}button{font:inherit}button,summary{cursor:pointer}button[aria-disabled=true]{cursor:default}a{text-decoration:none}img{display:block}h1,h2,h3,p,figure,blockquote{margin:0}svg{display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #00a5e3;outline-offset:4px}[hidden]{display:none!important}.v3{--v3-archivo:Archivo;--font-plex-mono:'IBM Plex Mono';--cyan:#00a5e3;--pink:#e80071;--yellow:#ffd400;--mono:'IBM Plex Mono',monospace}.v3-conteneur{max-width:1376px}.v3-partie{padding-block:72px}.v3-titre{font-size:clamp(32px,3.5vw,50px);text-wrap:balance;line-height:1.09;max-width:1100px}.v3-hero{padding-block:62px 78px}.v3-hero-grille{grid-template-columns:minmax(0,1fr) clamp(245px,24vw,340px);gap:70px}.v3-hero-titre{--t:min(64px,100cqi / 12.7)}.v3-hero .v3-actions{margin-top:26px}.v3-deux li{line-height:1.55}.v3-surligne{background:linear-gradient(transparent 64%,#ffd400 64% 93%,transparent 93%)}.skip{position:absolute;left:15px;top:-100px;z-index:100;background:#17181d;color:white!important;padding:12px}.skip:focus{top:10px}
/* Portrait réel, proportions conservées, cadre décalé et anneaux. */
.v3-photo{isolation:isolate}.v3-photo-rond{border:1px solid #1c1d2426;border-radius:46% 46% 20% 20%;background:#eef0f2;transform:rotate(-2deg)}.v3-photo-rond img{border-radius:inherit;background:none;transform:rotate(2deg);object-fit:contain}.v3-photo-rond:before{border:1px solid #00a5e3;background:transparent;inset:-12px;transform:translate(-6px,-5px) rotate(-4deg);border-radius:40% 40% 18% 18%}.v3-photo-rond:after{background:transparent;border:2px solid #e8007180;inset:-9px;transform:translate(6px,5px) rotate(4deg);border-radius:43% 43% 18% 18%}.portrait-rings{position:absolute;inset:-32px -26px 5px;z-index:-2;transform:rotate(-12deg)}.portrait-rings i{position:absolute;inset:0;border:1px solid #00a5e34a;border-radius:50%;transform:rotate(15deg)}.portrait-rings i:nth-child(2){inset:15px -8px;transform:rotate(25deg);border-color:#e8007140}.portrait-rings i:nth-child(3){inset:-5px 16px;transform:rotate(-30deg);border-color:#d8b30080}.v3-photo-nom{bottom:-20px;left:-18px;max-width:calc(100% + 36px);padding:13px 16px}.v3-photo-nom span{font-size:10px;white-space:nowrap}
/* Les quatre compositions métier. */
.v3-poles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;margin-top:28px}.v3-pole{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;min-width:0}.v3-pole:before,.v3-pole:after{display:none}.service-art{height:160px;position:relative;overflow:hidden;border:1px solid #e0e2e7;border-radius:18px;margin-bottom:18px;background:#fff;background-image:radial-gradient(#1c1d2414 .7px,transparent .7px);background-size:13px 13px;box-shadow:0 0 20px #00a5e314}.v3-pole:nth-child(2) .service-art{box-shadow:0 0 20px #e8007114}.v3-pole:nth-child(3) .service-art{box-shadow:0 0 20px #ffd40027}.v3-pole h3{font-size:25px;margin-bottom:9px;line-height:1.2}.v3-pole>p{font-size:15px;line-height:1.5;min-height:90px}.metier-label{font:10px/1.6 var(--mono);color:#62656f;margin-top:12px}.service-art>div{width:360px;max-width:none;position:absolute;left:50%;top:50%;height:210px;transform:translate(-50%,-50%) scale(.73)}.service-art .mini-page b{background:#17181d}.service-art .mini-page{border-color:#e8007166}.service-art .mini-email{background:#17181d;color:white;box-shadow:0 0 16px #e8007130}.service-art .s-dot{background:#17181d;color:#fff;border:1px solid #00a5e366;box-shadow:0 0 10px #00a5e320}.service-art .pilot-label{background:#17181d;color:white}.service-art .pilot-point{box-shadow:0 0 16px #00a5e330}.v3-garde-grille{margin-top:28px;gap:40px;grid-template-columns:1.1fr 1fr}.v3-garde{padding:6px 0}.v3-garde h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;max-width:390px;margin-bottom:14px}.v3-garde p{font-size:16px;line-height:1.6}.v3-cote{padding:22px 26px}.v3-cote .v3-coches{display:flex;gap:12px 24px;flex-wrap:wrap}.v3-cote .v3-coches li{font-size:15px}.v3-cote h3{margin-bottom:14px}.v3-temps-marketing{margin-top:17px;font-size:15px}.v3-actions{margin-top:28px}
/* Huit portraits dans un bandeau défilant. */
.v3-confiance-tete{position:relative;align-items:start;gap:28px}.v3-confiance-chiffre{max-width:300px;font-size:20px;margin-right:92px}.v3-clients{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding:8px 4px 22px;scrollbar-width:thin;scrollbar-color:#c7c9d0 transparent}.v3-clients>li{flex:0 0 145px;min-width:0;scroll-snap-align:start}.v3-client-cadre{aspect-ratio:1}.v3-client-cadre img{width:100%;height:100%;object-fit:cover}.v3-client figcaption{min-height:46px}.v3-client-nom{font-size:14px}.v3-client-sous{font-size:11px}.client-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.client-socials a{font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#62656f}.client-socials a:hover{color:#e80071}.rail-controls{display:flex;gap:8px;position:absolute;right:0;top:16px}.rail-controls button{height:35px;width:35px;border:1px solid #d8dae1;border-radius:50%;background:white;color:#1c1d24}.rail-controls button:disabled{opacity:.4;cursor:default}
/* Trois problèmes sur une composition commune. */
.problems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.problem-card{min-width:0;position:relative}.v3-blocage-num{position:relative;z-index:2;margin-bottom:-10px}.problem-art{width:100%;aspect-ratio:480/380;position:relative;container-type:inline-size;margin-bottom:21px}.problem-art .art-stage{width:480px;max-width:none;height:380px;position:absolute;top:0;left:0;transform:scale(calc(100cqi / 480px));transform-origin:top left;border:0;border-radius:22px}.problem-card h3{font-size:24px;line-height:1.16;letter-spacing:-.035em;margin:0 0 15px;text-wrap:balance;min-height:84px}.problem-card p{font-size:15px;line-height:1.6;color:#62656f}.problem-card p+p{margin-top:12px}.v3-conclusion{margin-top:30px;font-size:19px}.art-orbite__track{width:66%;animation-duration:34s}.art-orbite__chip{width:116px;left:-58px;font-size:11px;animation-duration:34s}.art-orbite__center{width:110px;height:110px}.satellite-0{left:85%;top:15%}.satellite-1{left:85%;top:85%}.satellite-2{left:15%;top:85%}.satellite-3{left:15%;top:15%}.satellite-small .art-orbite__chip{width:90px;left:-45px;height:33px;top:-16px;border-radius:10px;gap:6px;padding:0 8px;font-size:10px}.satellite-small .art-orbite__chip svg{width:17px;height:17px}.art-orbite__chip{background:#17181d;color:white;border-color:#ffffff30;box-shadow:0 0 12px #00a5e318}.art-orbite__point--right .art-orbite__chip{box-shadow:0 0 12px #e8007120}.art-orbite__point--bottom .art-orbite__chip{box-shadow:0 0 12px #ffd40030}
/* Citation animée. */
.v3-faute{background:#17181d;color:white;padding-block:76px}.blame-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.v3-faute-titre{font-size:44px;line-height:1.05;letter-spacing:-.04em;text-wrap:balance;margin-bottom:24px;max-width:420px;color:white}.v3-faute-avant{max-width:490px;color:#c2c3ca;font-size:17px}.moon-quote{position:relative;font-size:38px;font-weight:600;line-height:1.15;letter-spacing:-.035em;padding-top:100px}.moon-art{position:absolute;top:-15px;left:28%;width:240px;height:140px;transform:rotate(-12deg)}.moon{position:absolute;width:90px;height:90px;left:80px;top:20px;border-radius:50%;background:linear-gradient(120deg,#fff7c6,#ffd400 60%,#1c1d24 61%);box-shadow:0 0 30px #ffd40018}.moon-art svg{position:absolute;width:100%;height:100%;fill:none;stroke:#e8007199;stroke-width:1}.quote-yellow{color:#ffd400}.v3-faute-apres{margin:42px 0 0;padding-top:28px;border-top:1px solid #ffffff24;max-width:none;color:#d4d5da;text-align:left;font-size:19px}
/* Cas Jérôme et méthode. */
.v3-tunnel{gap:8px}.v3-tunnel .v3-pastille{background:#17181d;color:white;display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--c),transparent 55%);box-shadow:0 0 12px color-mix(in srgb,var(--c),transparent 87%);padding:9px 12px;font-size:11px}.v3-tunnel .v3-pastille svg{width:17px;height:17px;color:var(--c)}.v3-tunnel-fleche{display:none}.v3-systeme-grille{gap:50px;align-items:start;margin-top:35px}.method-item{border-bottom:1px solid #dfe1e6}.method-item:first-child{border-top:1px solid #dfe1e6}.method-item summary{display:flex;gap:18px;padding:21px 0;list-style:none;align-items:center;font-size:25px;font-weight:600;letter-spacing:-.025em;line-height:1.2}.method-item summary::-webkit-details-marker{display:none}.method-num{font:12px var(--mono);color:#62656f}.method-plus{margin-left:auto;font-size:24px;font-weight:400}.method-item[open] .method-plus{transform:rotate(45deg)}.method-copy{font-size:16px;padding:0 15px 22px 35px;color:#62656f}.v3-cockpit{padding:14px 14px 0;border:1px solid #dfe1e6;border-radius:16px;background:#fff;box-shadow:0 0 35px #00a5e312;transform:rotate(1deg);margin:0;min-width:0}.cockpit-tabs{display:flex;gap:20px;margin-bottom:14px;border-bottom:1px solid #e0e2e7}.cockpit-tabs button{border:0;background:none;padding:9px 3px 12px;font-size:13px;color:#62656f}.cockpit-tabs button[aria-selected=true]{border-bottom:2px solid #e80071;color:#1c1d24}.image-open{display:block;padding:0;border:0;background:none;width:100%;text-align:right}.image-open img{width:100%;height:auto}.image-open>span{display:inline-block;padding:10px 0;font:10px var(--mono)}.v3-metier-texte p{margin-bottom:20px}.v3-metier-grille{gap:90px}.v3-metier .v3-photo{margin:10px 25px 20px}.v3-appel-cadre{padding:42px}.v3-objectifs{margin-top:28px}.v3-appel-texte{margin-top:30px}.call-points{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 35px;margin:28px 0}.call-points li{display:flex;gap:13px;font-size:16px;line-height:1.6}.call-points .v3-num{flex:none;margin-top:3px}.portfolio-entry{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.portfolio-entry .v3-titre{margin:20px 0}.portfolio-entry p{color:#62656f;margin-bottom:26px}.portfolio-collage{height:330px;position:relative;display:block;isolation:isolate}.portfolio-collage img:first-child{position:absolute;width:49%;left:5%;top:12px;transform:rotate(-8deg);border-radius:12px;box-shadow:0 20px 35px #17181d20}.portfolio-collage img:nth-child(2){position:absolute;width:75%;right:0;top:95px;transform:rotate(5deg);border-radius:8px;box-shadow:0 20px 35px #17181d20;border:1px solid #e0e2e7}.portfolio-collage>span{position:absolute;bottom:15px;right:0;background:#17181d;color:white;padding:11px 17px;border-radius:7px;font-size:13px}.lightbox{padding:0;border:1px solid #ddd;border-radius:14px;max-width:95vw;width:1200px;background:white;color:#1c1d24;max-height:93vh}.lightbox::backdrop{background:#10121bd9}.lightbox-bar{position:sticky;top:0;background:white;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:20px;font-size:14px}.lightbox-bar button{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:white;font-size:12px;white-space:nowrap}.lightbox-scroll{overflow:auto;max-height:80vh}.lightbox-scroll img{display:block;width:100%;height:auto}
@keyframes flowdot{0%,60%,100%{opacity:.3;transform:translateX(0)}30%{opacity:1;transform:translateX(4px)}}@keyframes moonFloat{50%{transform:translateY(-9px) rotate(-5deg)}}@media(prefers-reduced-motion:no-preference){.moon-art{animation:moonFloat 6s ease-in-out infinite}.mini-video,.target-icon{animation:moonFloat 7s ease-in-out infinite}.mini-email{animation:moonFloat 7s ease-in-out -3s infinite}}
@media(max-width:1100px){.v3{--marge:38px}.v3-hero-grille{gap:45px;grid-template-columns:minmax(0,1fr) 245px}.v3-poles{gap:20px}.service-art>div{transform:translate(-50%,-50%) scale(.59)}.service-art{height:140px}.v3-pole>p{min-height:113px}.v3-pole h3{font-size:23px}.metier-label{font-size:9px}.problems-grid{gap:22px}.problem-card h3{font-size:22px;min-height:102px}.v3-titre{font-size:38px}.v3-confiance-tete{display:block}.v3-confiance-chiffre{margin:20px 100px 0 0;max-width:none}.blame-grid{gap:50px}.v3-faute-titre{font-size:38px}.moon-quote{font-size:32px}.v3-metier-grille{gap:60px}.portfolio-collage{height:290px}}
@media(max-width:899px){.v3{--marge:24px}.v3-partie{padding-block:58px}.v3-hero-grille{display:grid;grid-template-columns:1fr;gap:0}.v3-hero{padding-block:36px 58px}.v3-hero-titre{--t:min(46px,100cqi / 12.7)}.v3-hero .v3-photo{gap:25px;margin:14px 10px 38px;align-items:center}.v3-hero .v3-photo-rond{width:108px}.v3-hero .v3-photo-nom{margin:0;padding:0;position:static;max-width:none;background:none;border:0;box-shadow:none}.v3-hero .v3-photo-nom span{font-size:9px;white-space:normal;max-width:170px}.v3-hero .portrait-rings{width:130px;inset:-12px auto -12px -10px}.v3-poles{grid-template-columns:1fr 1fr;gap:30px 22px}.service-art{height:175px}.service-art>div{transform:translate(-50%,-50%) scale(.8)}.v3-pole>p{min-height:0}.v3-garde-grille{grid-template-columns:1fr;gap:25px;margin-top:36px}.v3-cote .v3-coches{display:block}.v3-clients>li{flex-basis:145px}.problems-grid{grid-template-columns:1fr;gap:40px}.problem-card{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;align-items:center}.problem-card .v3-blocage-num{position:absolute;top:0;left:0}.problem-art{margin:0}.problem-card h3{min-height:0;font-size:25px}.problem-card p{font-size:16px}.blame-grid{grid-template-columns:1fr;gap:52px}.v3-faute{padding-block:60px}.v3-faute-titre{font-size:36px}.moon-quote{max-width:520px;font-size:34px}.v3-systeme-grille{grid-template-columns:1fr;gap:30px}.v3-cockpit{transform:none}.v3-metier-grille{grid-template-columns:1fr;gap:35px}.v3-metier .v3-photo{max-width:240px;margin:15px auto 30px}.v3-metier .v3-photo-nom{right:-10px;left:auto}.call-points{grid-template-columns:1fr}.v3-appel-cadre{padding:28px}.portfolio-entry{grid-template-columns:1fr;gap:25px}.portfolio-collage{max-width:550px;width:100%;margin:auto;height:340px}.lightbox-bar{font-size:12px;padding:12px}.v3-hero-suite{min-width:0}}
@media(max-width:599px){.v3{--marge:20px}.v3-titre{font-size:33px;line-height:1.12}.v3-poles{grid-template-columns:1fr;gap:30px}.v3-pole{display:grid;grid-template-columns:1fr}.service-art{height:195px;margin-bottom:18px}.service-art>div{transform:translate(-50%,-50%) scale(.9)}.v3-pole h3{font-size:26px}.v3-pole>p{font-size:16px}.metier-label{font-size:10px;margin-top:12px}.problem-card{display:flex;flex-direction:column;align-items:stretch;gap:0}.problem-card h3{font-size:27px;margin:0 0 16px}.problem-card .v3-blocage-num{top:2px}.problem-art{margin-bottom:23px}.v3-intro{font-size:17px}.v3-conclusion{font-size:18px}.v3-confiance-chiffre{font-size:19px;max-width:260px;margin:22px 0 0}.rail-controls{top:85px}.v3-client-nom{font-size:14px}.v3-photo-nom strong{font-size:14px}.v3-deux li{font-size:16px}.v3-hero-charge{font-size:16px}.v3-garde h3{font-size:26px}.v3-appel-cadre{padding:24px 18px}.v3-objectifs{grid-template-columns:1fr;gap:16px}.v3-objectif{padding:20px}.v3-objectif-nb{font-size:37px}.v3-appel-texte{font-size:17px}.v3-appel .v3-bouton{font-size:13px;padding-inline:8px}.v3-faute-titre{font-size:34px}.moon-quote{font-size:32px}.v3-faute-apres{font-size:17px}.v3-jerome-grille{gap:30px}.v3-jerome-photo{max-width:220px;margin:auto}.v3-jerome-chiffre{text-align:center}.v3-metier-texte p{font-size:16px}.v3-metier-fort{font-size:23px!important}.portfolio-collage{height:250px}.lightbox-scroll img{min-width:850px;max-width:none}.v3-hero .v3-photo{gap:20px}.v3-pastille-hero{font-size:10px;letter-spacing:.08em}.v3-hero .v3-photo-nom span{max-width:150px}}
@media(max-width:359px){.v3{--marge:16px}.v3-titre{font-size:30px}.v3-hero .v3-photo-rond{width:90px}.v3-hero .portrait-rings{width:112px}.v3-hero .v3-photo{gap:18px;margin-left:5px}.v3-photo-nom strong{font-size:12px}.v3-hero .v3-photo-nom span{font-size:8px;max-width:130px}.v3-pastille-hero{font-size:9px}.v3-hero-titre{--t:calc(100cqi / 12.7)}.v3-confiance-chiffre{max-width:200px;font-size:18px}.service-art>div{transform:translate(-50%,-50%) scale(.78)}.v3-appel .v3-bouton{font-size:11.5px}.portfolio-collage{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.v3-hero .v3-hero-ligne-inner{transform:none!important;opacity:1!important}}
/* Réglages après observation de la première sortie. */
.v3 ul,.v3 ol{list-style:none;padding-left:0}.v3-hero,.v3-metier{overflow:clip}.v3-clients{margin-bottom:0;width:100%}.v3-client{margin:0}.v3-hero .v3-photo-rond{transform:none}.v3-photo-rond img{transform:none}
@media(min-width:900px){#prise-en-charge,#bloque{padding-block:48px}.v3-pole>p{min-height:72px;margin-bottom:0}.v3-poles{margin-top:22px}.v3-cote{padding:18px 22px}.v3-cote .v3-coches{margin:0;gap:10px 20px}.v3-cote .v3-coches li{padding:3px 0;border:0;gap:8px;font-size:14px}.v3-cote .v3-coche{width:19px;height:19px}.v3-cote .v3-coche:after{left:6px;top:2px}.v3-cote .v3-chiffre-inline{font-size:23px}.v3-temps-marketing{margin-top:14px}.v3-garde{padding-left:18px}.v3-garde:before{top:8px;bottom:8px}.v3-intro{margin-bottom:18px}.problems-grid{margin-top:24px}.problem-art{max-width:350px;margin-inline:auto}.problem-card h3{min-height:56px}.problem-card>.v3-blocage-num{position:absolute;top:0;left:0;margin:0}.v3-conclusion{margin-top:25px}}
@media(min-width:900px) and (max-width:1100px){.problem-card h3{min-height:78px}.v3-garde-grille{gap:28px}.v3-cote .v3-coches{gap:7px 12px}.v3-cote .v3-coches li{font-size:13px}.v3-garde p{font-size:15px}.v3-garde h3{font-size:23px}.v3-pole>p{min-height:93px}}

.cockpit-caption{font-size:11px;color:#62656f;text-align:left;border-top:1px solid #e0e2e7;padding:10px 0}