/* v2.1 · plafonds typographiques, héros 2 colonnes, en-tête lisible, arrondis, correctifs de revue. */
:root{--nk-r-card:20px;--nk-r-field:14px;--nk-r-pill:999px;
--fs-h1x:clamp(40px,5vw,72px);--fs-giga:var(--fs-h1x);--fs-tera:var(--fs-h1x);--fs-quote:clamp(28px,3.4vw,56px);--fs-h2xl:clamp(30px,3.4vw,56px);--fs-h2:clamp(28px,3vw,48px);--fs-stat:clamp(48px,5vw,72px)}
/* Aucun texte au-delà de 96 px */
.giga,.tera,.ec-h1{font-size:var(--fs-h1x)!important;line-height:1.04;letter-spacing:-.03em}
.chap h2{font-size:var(--fs-h2xl);max-width:20ch}
.kx-hero .ec-big{font-size:clamp(64px,8vw,96px);line-height:.9}
.kx-hero .ec-big small{font-size:.42em}
.kx-hero .lbl{padding-bottom:8px}
.kx-row .v{font-size:clamp(36px,3.6vw,56px)}
.qx blockquote{font-size:var(--fs-quote);max-width:24ch}
.spec{font-size:96px;line-height:1;overflow:hidden}
.feat2 .n{font-size:clamp(48px,5vw,72px)}
.fmt4 .big2{font-size:clamp(48px,5vw,72px)}
.frise .ph4 .w,.frise .ph4 .ec-w{font-size:clamp(36px,3.6vw,56px)}
.card .rv2 .kv2{font-size:clamp(40px,4vw,64px)}
.card.xl .t{font-size:clamp(26px,2.4vw,40px)}
.lead2{font-size:clamp(20px,1.8vw,28px)}
.nx2 .t{font-size:clamp(36px,5vw,72px)}
.cta2 h2{font-size:clamp(36px,5vw,72px)}
.logo-ph{font-size:clamp(40px,5vw,72px)!important}
.marquee span{font-size:clamp(24px,2.6vw,40px)}
.ai-stage .ec-stp b{font-size:56px}
.sx{padding:clamp(88px,15vh,180px) 0}.kx{padding:clamp(88px,15vh,180px) 0}.qx{padding:clamp(96px,16vh,200px) 0}.cta2{padding:clamp(88px,15vh,180px) 0}
/* En-tête lisible : le premier héros sombre passe sous l'en-tête */
main>section.dk:first-child,main>section.ec-h.dk:first-child,main>section.ec-hv-s:first-child{margin-top:-72px}
/* Héros v2.1 */
.ec-h{position:relative;overflow:hidden;padding:calc(72px + clamp(20px,4vh,48px)) 0 clamp(32px,6vh,64px)}
.ec-h.lt{background:var(--creme);color:var(--marin);padding-top:clamp(20px,4vh,48px)}
.ec-h-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"t v" "k v" "m v";column-gap:clamp(32px,5vw,88px);row-gap:clamp(16px,2.6vh,28px);align-items:start}
.ec-h-t{grid-area:t;min-width:0}.ec-h-k{grid-area:k}.ec-h-v{grid-area:v;align-self:center;min-width:0}.ec-h-m{grid-area:m}
.ec-h1{max-width:17ch;margin-top:14px;overflow-wrap:break-word;hyphens:manual}
.ec-h .hx-sig{margin:22px 0 0;max-width:100%}
.ec-h-sub{margin-top:18px;font-weight:200;font-size:clamp(17px,1.25vw,20px);line-height:1.45;max-width:46ch}
.ec-h.dk .ec-h-sub{color:var(--mud)}
.ec-kick{font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:flex;gap:14px;align-items:center;color:var(--mud);margin-top:18px}
.lt .ec-kick{color:var(--mu)}
.ec-kick::before{content:"";width:40px;height:2px;background:var(--milieu);flex:0 0 auto}
.ec-h-k{display:flex;align-items:flex-end;gap:18px;border-top:1px solid var(--lnd);padding-top:16px}
.lt .ec-h-k{border-color:var(--ln)}
.ec-h-kv{font-weight:200;font-size:clamp(44px,4.4vw,64px);line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ec-h-kv small{font-size:.5em;margin-left:.08em}
.ec-h-kl{font-size:14px;line-height:1.35;max-width:24ch;padding-bottom:4px}
.ec-h-m{display:grid;grid-template-columns:auto auto 1fr;gap:12px 28px;font-size:14px}
.ec-h-m dt{margin-bottom:6px}.ec-h-m .tags span{font-size:11px;padding:4px 10px}
.ec-h-v .ec-hv,.ec-h-v>.frame{width:100%;max-height:calc(100svh - 72px - 96px);aspect-ratio:4/3}
/* CÉCS · staging featured video (16:9 hero + 2×2 keyframes) */
/* Audits · CDÉNÉ (ERP 288) · Han hero: texte, filet dégradé 2px, visuel pleine largeur */
body[data-page="projet-audits"] main>section.ec-audits-cdene{background:#010C30;color:#FEF9F3;--g:0;padding:calc(72px + clamp(48px,8vh,96px)) 0 clamp(32px,6vh,56px)}
body[data-page="projet-audits"] .ec-audits-cdene::before{display:none}
body[data-page="projet-audits"] .ec-audits-cdene-stack{display:flex;flex-direction:column;gap:0;max-width:1280px}
body[data-page="projet-audits"] .ec-audits-cdene-k{margin:0 0 20px;font:400 13px/1.2 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#FF6B4A}
body[data-page="projet-audits"] .ec-audits-cdene-h1{font-weight:200!important;max-width:none;margin:0 0 24px}
body[data-page="projet-audits"] .ec-audits-cdene-lead{margin:0;max-width:40rem;font-weight:300;font-size:clamp(16px,1.25vw,20px);line-height:1.45;opacity:.8}
body[data-page="projet-audits"] .ec-audits-cdene-ln{height:2px;margin:clamp(28px,4vh,40px) clamp(20px,6vw,80px) 0;background:linear-gradient(90deg,#523DCB,#FF6B4A)}
body[data-page="projet-audits"] .ec-audits-cdene-shot{margin:0;width:100%}
body[data-page="projet-audits"] .ec-audits-cdene-shot img{display:block;width:100%;height:auto;object-fit:cover;object-position:66% 40%}
@media (max-width:600px){
 body[data-page="projet-audits"] .ec-audits-cdene-shot img{aspect-ratio:4/5;object-fit:cover;object-position:center}
}
body[data-page="projet-audits"] .ec-audits-cdene-shot figcaption{margin-top:12px;font-size:12px;line-height:1.35;color:rgba(254,249,243,.72)}
.ec-h.lt.ec-sites-h{overflow:visible;position:relative;z-index:2}
.ec-sites-h .wrap.ec-sites-h-stack{width:100%;min-width:0;container-type:normal;box-sizing:border-box;overflow:visible}
.ec-sites-h-stack{display:flex;flex-direction:column;gap:clamp(20px,3.5vh,36px);min-width:0;overflow:visible}
.ec-sites-browser{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-bottom:-80px;position:relative;z-index:2}
.ec-sites-browser .browser{position:relative;z-index:2}
.ec-sites-h+section{position:relative;z-index:1}
.ec-sites-h+section:not(.ec-sites-fiche){padding-top:calc(clamp(88px,15vh,180px) + 80px)}
.ec-sites-browser .browser{width:100%;max-width:100%}
.ec-sites-browser .scrollshot{height:min(52vh,460px);overflow:hidden}
.ec-sites-browser .ec-sites-hero-shot{aspect-ratio:16/10;width:100%;max-height:min(52vh,460px);overflow:hidden;position:relative;background:#e8e4df}
.ec-sites-browser .ec-sites-hero-shot img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.ec-sites-cap{margin:12px 0 0;font-size:13px;line-height:1.4;color:var(--mud);max-width:100%;overflow-wrap:anywhere}
.ec-sites-fiche{background:#FEF9F3;position:relative;z-index:1;padding-top:calc(clamp(28px,4vh,40px) + 80px);padding-bottom:clamp(28px,4vh,40px)}
.ec-sites-fiche-ln{height:2px;margin:0 0 clamp(20px,3vh,28px);background:linear-gradient(90deg,#3713D0,#86267A,#B0304F,#D43829)}
.ec-sites-fiche .ec-h-m{margin:0}
.ec-sites-go{margin:clamp(16px,2vh,24px) 0 0}
.ec-camp-hero{position:relative;width:100%;max-height:85vh;min-height:min(85vh,720px);overflow:hidden;background:#010C30}
.ec-camp-hero-media{position:relative;width:100%;height:min(85vh,900px);min-height:min(85vh,720px)}
.ec-camp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ec-camp-hero-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(1,12,48,.55) 0%,rgba(1,12,48,0) 55%);pointer-events:none}
.ec-camp-accroche-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:min(92vw,1200px);padding:0 5vw;box-sizing:border-box;display:flex;align-items:center;justify-content:center;pointer-events:none}
.ec-camp-accroche-scrim{position:absolute;inset:-20% -24%;background:radial-gradient(ellipse at center,rgba(1,12,48,.55) 0%,rgba(1,12,48,.42) 42%,rgba(1,12,48,.18) 68%,rgba(1,12,48,0) 85%);pointer-events:none;z-index:0}
.ec-camp-accroche{position:relative;z-index:1;margin:0;max-width:100%;font-weight:200;font-size:clamp(32px,min(140px,calc(min(92vw,1200px)/(var(--ec-accroche-chars,12)*1.9))),140px);line-height:1.08;letter-spacing:-.03em;text-align:center;color:#FEF9F3;overflow:visible;text-overflow:unset;display:block;text-wrap:balance;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset}
.ec-camp-h1-band{background:#FEF9F3;padding:clamp(32px,5vw,56px) 0}
.ec-camp-h1-wrap{width:100%;min-width:0;container-type:normal;box-sizing:border-box}
.ec-camp-filet{height:2px;width:min(100%,420px);margin:clamp(16px,2vh,24px) 0 0;background:linear-gradient(90deg,#3713D0,#86267A,#B0304F,#D43829)}
.ec-camp-fiche{background:#FEF9F3}
.ec-camp-fiche-ln{height:2px;margin:0 0 clamp(20px,3vh,28px);background:linear-gradient(90deg,#3713D0,#86267A,#B0304F,#D43829)}
.ec-camp-fiche-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.ec-camp-idee{background:#FFFFFF}
.ec-camp-idee-cols{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,32px)}
.ec-camp-mur-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,28px)}
.ec-camp-mur-grid figure{margin:0}
.ec-camp-mur-grid .frame{border-radius:8px;overflow:hidden}
.ec-camp-cal{background:#FEF9F3}
.ec-camp-kpi{background:#FFFFFF}
.ec-camp-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.ec-camp-kpi-v{font-weight:200;font-size:clamp(48px,5vw,72px);line-height:.95;color:#D43829;margin:0}
.ec-camp-kpi-l{margin:8px 0 0;font-size:15px;line-height:1.35}
@media (max-width:767px){
 .ec-camp-hero-media{aspect-ratio:4/5;height:auto;min-height:0;max-height:none}
 .ec-camp-hero{min-height:0;max-height:none}
 .ec-camp-accroche{font-size:clamp(22px,min(48px,calc(92vw/(var(--ec-accroche-chars,12)*1.9))),48px);line-height:1.12}
 .ec-camp-fiche-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ec-camp-mur-grid{grid-template-columns:1fr}
 .ec-camp-kpi-grid{grid-template-columns:1fr}
}
@media (min-width:768px) and (max-width:1023px){
 .ec-camp-fiche-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ec-camp-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
 .ec-camp-idee-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:901px) and (max-width:1279px){
 body[data-slug="un-site-b2b-pour-attirer-des-clients-d-affaires"] .ec-sites-browser .scrollshot,
 body[data-slug="un-site-b2b-pour-attirer-des-clients-d-affaires"] .ec-h-v .scrollshot{height:min(48vh,420px)}
 body[data-slug="un-site-b2b-pour-attirer-des-clients-d-affaires"] .ec-sites-browser img,
 body[data-slug="un-site-b2b-pour-attirer-des-clients-d-affaires"] .ec-sites-h .scrollshot img,
 body[data-slug="un-site-b2b-pour-attirer-des-clients-d-affaires"] .ec-h-v>.frame.ec-hv img{object-fit:contain!important;object-position:center top}
 body[data-slug="un-site-b2b-pour-attirer-des-clients-d-affaires"] .ec-h-v>.frame.ec-hv{max-width:100%;overflow:hidden}
 body[data-slug="un-site-b2b-pour-attirer-des-clients-d-affaires"] .ec-h-v figcaption,
 body[data-slug="un-site-b2b-pour-attirer-des-clients-d-affaires"] .ec-sites-cap{white-space:normal;overflow:visible;text-overflow:unset;max-width:100%}
}
.ec-plat-h{background:#010C30!important;--g:0;padding:clamp(40px,5vw,56px) 0}
.ec-plat-h::before{display:none}
.ec-plat-h .wrap.ec-plat-h-stack{width:100%;min-width:0;container-type:normal;box-sizing:border-box}
.ec-plat-h-inner{min-height:min(800px,85vh);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,48px);align-items:end}
.ec-plat-h-copy{align-self:end;z-index:2;color:var(--creme)}
.ec-plat-h .ec-h1,.ec-plat-h .ec-h-sub{color:var(--creme)}
.ec-plat-h .ec-crumbs .ln{color:rgba(254,249,243,.72)}
.ec-plat-filet{height:2px;width:min(100%,420px);margin:clamp(16px,2vh,24px) 0;background:linear-gradient(90deg,#3713D0,#86267A,#B0304F,#D43829)}
.ec-plat-h-visual--stack{position:relative;min-height:min(520px,52vh);perspective:1200px}
.ec-plat-layer{position:absolute;inset:0 auto auto 0;width:min(100%,640px);transform:skewY(-6deg) translateY(calc(var(--plat-i,0) * 60px));transform-origin:center;box-shadow:0 18px 48px rgba(1,12,48,.35);border-radius:8px;overflow:hidden;background:#0a1638}
.ec-plat-layer img{width:100%;height:auto;display:block;object-fit:cover}
.ec-plat-h-visual--mobile{display:none}
.ec-plat-fiche{background:#FEF9F3;padding:clamp(32px,5vw,56px) 0}
.ec-plat-fiche-ln{height:2px;margin:0 0 clamp(20px,3vh,28px);background:linear-gradient(90deg,#3713D0,#86267A,#B0304F,#D43829)}
.ec-plat-fiche-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.ec-plat-arch{background:#FEF9F3}
.ec-plat-mod{background:#FFFFFF}
.ec-plat-mod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,32px)}
.ec-plat-mod-card{margin:0}
.ec-plat-mod-card .frame,.ec-plat-mod-card .scrollshot{border-radius:8px;overflow:hidden;background:rgba(1,12,48,.04)}
.ec-plat-mod-card img{width:100%;height:auto;display:block;object-fit:cover}
.ec-plat-scroll{max-height:min(70vh,720px);overflow:auto}
.ec-plat-usage{background:#FEF9F3}
@media (max-width:767px){
 .ec-plat-h-inner{grid-template-columns:1fr;min-height:0}
 .ec-plat-h-visual--stack{display:none}
 .ec-plat-h-visual--mobile{display:block;margin-top:clamp(20px,4vw,32px)}
 .ec-plat-h-visual--mobile .frame.ec-fit-4x3{aspect-ratio:4/5;max-width:100%}
 .ec-plat-h-visual--mobile img{width:100%;height:100%;object-fit:cover;object-position:center top}
 .ec-plat-fiche-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ec-plat-mod-grid{grid-template-columns:1fr}
}
@media (min-width:768px) and (max-width:1023px){
 .ec-plat-fiche-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
body[data-page="projet-video-contenu"] main>section.ec-h.dk.gr{background:#010C30;--g:0}
body[data-page="projet-video-contenu"] main>section.ec-h.dk.gr::before{display:none}
body[data-page="projet-video-contenu"] .ec-h-v>.frame.ec-cecs-video{aspect-ratio:16/9;max-height:none;background:#000}
body[data-page="projet-video-contenu"] .ec-cecs-video video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.ec-cecs-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.5vw,16px)}
.ec-cecs-stills .frame{aspect-ratio:16/9}
.ec-cecs-stills img{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:1024px){
 body[data-page="projet-video-contenu"] .ec-cecs-stills{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.ec-h-v .frame img{width:100%;height:100%;object-fit:cover}
/* Visuel 16/9 (CÉCS) : le cadre épouse l'image, le texte et les pastilles restent entiers. */
.ec-h-v .frame.ec-fit{aspect-ratio:16/9;max-height:none}
.ec-h-v .frame.ec-fit.ec-fit-4x3{aspect-ratio:4/3!important;max-height:min(72vh,780px)}
.ec-h-v .frame.ec-fit img{object-fit:contain;object-position:center}
.ec-h-v .frame.ec-fit.ec-fit-4x3 img{object-fit:contain!important;object-position:center}
.ec-h-v .browser{aspect-ratio:auto;max-height:none}
.ec-h-v .browser .scrollshot{height:min(52vh,460px)}
.ec-h-v .screen{aspect-ratio:16/10;border-radius:var(--nk-r-card)}
.ec-h-v .ph{aspect-ratio:4/3;width:100%}
.ec-docs{display:flex;perspective:1400px;padding:24px 0}
.ec-docs .doc{flex:1;margin-left:-6%;transform:rotateY(-16deg);box-shadow:-24px 24px 48px -24px rgba(1,12,48,.35)}
.ec-docs .doc:first-child{margin-left:0}
.ec-audit-v{display:grid;gap:20px}.ec-audit-v .frame{aspect-ratio:16/9;max-height:42vh}
/* Fil d'Ariane complet */
.ec-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:var(--mud);margin:0;padding:0}
.lt .ec-crumbs ol{color:var(--mu)}
.ec-crumbs li{display:flex;gap:10px;min-width:0;max-width:100%}
.ec-crumbs li+li::before{content:"/";opacity:.6}
.ec-crumbs a{color:inherit}
/* Vidéo : lecteur en tête, raisonnable, titre visible */
.ec-hv-s{padding:calc(72px + 16px) 0 clamp(32px,5vh,56px)}
.ec-hv-s .pl-wrap{position:relative;aspect-ratio:16/9;width:min(100%,calc((100svh - 72px - 390px)*16/9));min-width:min(100%,560px);margin:0 auto}
.ec-hv-s .player{position:absolute;inset:0;aspect-ratio:auto;border-radius:var(--nk-r-card);overflow:hidden}
.ec-hv-s .player.mini{position:fixed;inset:auto 20px 20px auto;width:min(380px,60vw);height:auto;aspect-ratio:16/9;z-index:70}
.ec-hv-g{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,64px);margin-top:clamp(20px,3vh,32px);align-items:end}
.ec-hv-g .ec-h-m{margin-top:16px}
/* Arrondis : cartes et cadres */
.frame,.browser,.ba,.screen,.player,.ph,.arch2 .node,.arch2 .core,.doc,.matrix .q,.fmt4>div,.pipe,.scope,.ai-ba,.concept .idea,.card .frame,.rel .frame,.feat2 .frame,.decl .frame,.hstrip .frame,.stills .frame,.film>div,.evo,.loupe .doc3 .frame,.ec-fi-im{border-radius:var(--nk-r-card);overflow:hidden}
.pipe>div,.scope>div{border-radius:0}
.fmt4{gap:12px;background:none}.fmt4>div{border:1px solid var(--lnd)}
.concept{gap:12px}.concept .frame{border-radius:var(--nk-r-card)}
.vswitch,.filt button{border-radius:var(--nk-r-pill)}
/* Correctifs de la revue staging */
.ba .a,.ba .b{display:flex;align-items:center}
.ba .a{justify-content:flex-start;padding-left:10%}.ba .b{justify-content:flex-end;padding-right:10%}
.ba .a>.ph,.ba .a>img,.ba .b>img,.ba .b>.screen,.ba .a>.ai-ui-old{padding:0}
.ba>.a:has(img),.ba>.a:has(.ph),.ba>.a:has(.ai-ui-old),.ba>.b:has(img),.ba>.b:has(.screen){padding:0}
.ec-fi-im{display:none;aspect-ratio:16/9;margin:0 0 20px}
.ec-fi-im img{width:100%;height:100%;object-fit:cover}
.xr .loupe .doc3{display:none}.xr .loupe .fl{grid-column:1/-1}.xr .ec-fi-im{display:block}
.xr .frise .ph4>div::before{background:var(--corail)}
.ix-hero{padding:clamp(32px,6vh,72px) 0 clamp(24px,4vh,40px)}
.ix-hero .body12{margin-top:20px!important}
.ix-hero .tera{max-width:16ch}
.ec-note{font-size:12px;color:var(--mu);padding-top:28px;padding-bottom:28px;letter-spacing:.02em}
.card .meta,.card .ec-meta{display:flex;justify-content:space-between;gap:16px;margin-top:16px}
@media (min-width:600px) and (max-width:1100px){.ixg .card{grid-column:span 6}.ixg .card.xl{grid-column:1/-1}}
/* Sans visuel : le titre et le texte prennent 10 colonnes sur 12, pas une demi-grille vide. */
@media (min-width:1024px){
 .ec-h-g:not(:has(.ec-h-v)){grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:none}
 .ec-h-g:not(:has(.ec-h-v))>:is(.ec-h-t,.ec-h-k,.ec-h-m){grid-area:auto / 1 / auto / span 10}
 .ec-h-g:not(:has(.ec-h-v)) :is(.ec-h1,.ec-h-sub){max-width:none!important}
}
/* Cartes, loupe, matrice 30/60/90 et parcours : le texte approuvé, sans chiffre inventé. */
.nk-cards{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 0;padding:0}
.nk-cards li{border:1px solid var(--ln);border-radius:var(--nk-r-card);padding:20px 22px;min-width:0}
.nk-cards strong{display:block;font-weight:600;margin:0 0 8px}
.nk-cards p{margin:0;font-size:16px;line-height:1.5}
.nk-loupe{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:28px;max-width:70ch}
.nk-loupe strong{display:block;font-weight:600;margin:0 0 8px}
.nk-loupe p{margin:0;max-width:70ch;font-size:18px;line-height:1.55}
.nk-road{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}
.nk-road>div{border-top:2px solid var(--marin);padding-top:16px;min-width:0}
.nk-road h3{font-weight:600;font-size:18px;margin:0 0 12px}
.nk-road ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.nk-road li{font-size:16px;line-height:1.45}
.nk-tl{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0 0;padding:0;position:relative}
.nk-tl::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--ln)}
.nk-tl>li{position:relative;padding-top:44px;min-width:0}
.nk-tl .n{position:absolute;top:0;left:0;z-index:1;width:32px;height:32px;border-radius:50%;background:var(--creme);border:2px solid var(--marin);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.nk-tl strong{display:block;font-weight:600;margin:0 0 8px}
.nk-tl p{margin:0;font-size:16px;line-height:1.5}
.nx-band{height:auto!important;min-height:0!important}
.nx-band .wrap{padding-top:88px;padding-bottom:48px}
@media (max-width:599px){
 .nk-cards,.nk-road,.nk-tl{grid-template-columns:1fr}
 .nk-tl{gap:0}
 .nk-tl::before{left:15px;right:auto;top:0;bottom:0;width:2px;height:auto}
 .nk-tl>li{padding:0 0 28px 52px}
}
@media (max-width:1023px){
 .ec-h-g{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "k" "v" "m"}
 .ec-h-v .ec-hv,.ec-h-v>.frame{max-height:none}
 .ec-hv-g{grid-template-columns:1fr}
 .ec-h-m{grid-template-columns:1fr 1fr}.ec-h-m .sv{grid-column:1/-1}
}
@media (max-width:900px){.ec-fi-im{display:block}.loupe .fl{grid-column:1/-1}}
@media (max-width:599px){
 .ec-h{padding-top:calc(72px + 16px)}.ec-h.lt{padding-top:16px}
 .ec-h .hx-sig{margin-top:16px}
 .ec-h-v .ec-hv,.ec-h-v>.frame:not(.ec-fit-4x3){aspect-ratio:16/10}
 .ec-h-kv{font-size:44px}
 .ec-hv-s .pl-wrap{min-width:0;width:100%}
 .ec-docs{padding:8px 0}
}
@media (max-width:599px){.kx-row{grid-template-columns:1fr 1fr!important}.evo{font-size:13px}.evo th,.evo td{padding-left:6px!important;padding-right:6px!important}}
@media (max-width:599px){.evo{width:100%;table-layout:fixed;overflow-wrap:anywhere}}
@media (max-width:599px){.ec-docs .doc{padding:12px}.ec-docs .doc strong{font-size:15px;overflow-wrap:anywhere}}
/* v2.1-reel · espacement des sections claires (crème, texte seul) */
main>section:not(.dk):not(.bleed){--clair:clamp(40px,5vw,64px);--avant-filet:clamp(32px,3.4vw,48px);min-height:0}
main>section.sx:not(.dk):not(:has(img,video)),main>section.qx:not(.dk):not(:has(img,video)){padding-block:var(--clair)}
/* section claire suivie d'une autre section claire : ~48 px (1440) / ~32 px (375) entre le dernier contenu et le filet */
main>section:not(.dk):not(.bleed):has(+section:not(.dk):not(.bleed)){padding-bottom:var(--avant-filet)}
main>section:not(.dk):not(.bleed) .checks{margin-bottom:0}
main>section:not(.dk):not(.bleed) .checks li:last-child{padding-bottom:0;margin-bottom:0}
main>section:not(.dk):not(.bleed)+section:not(.dk):not(.bleed){padding-top:0;border-top:0!important}
main>section:not(.dk):not(.bleed)+section:not(.dk):not(.bleed)>.wrap{border-top:1px solid var(--ln);padding-top:var(--avant-filet)}
/* Texte courant des fiches. Inter 400, 18 px, pleine largeur utile sous 900 px.
   Dégradé Milieu : crème #FEF9F3 sur le stop le plus clair #D43829 = 4.56:1.
   Voile Marin 45–72 % (charte) : le stop le plus clair reste au-dessus de 4,5:1. */
.ec-livre{position:relative;isolation:isolate;background:var(--milA);color:var(--creme);padding:clamp(40px,5vw,64px) 0;overflow:hidden}
.ec-livre::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,12,48,.72),rgba(1,12,48,.45));pointer-events:none}
.ec-livre>.wrap{position:relative;z-index:1}
.ec-livre .lab{color:var(--creme);display:block;margin:0 0 16px}
.ec-prose{width:100%;max-width:none;font-weight:400;font-size:18px;line-height:1.6;letter-spacing:0}
.ec-prose p{margin:0 0 16px;max-width:none;font-weight:400;font-size:18px;line-height:1.6;letter-spacing:0;color:var(--marin)}
.ec-livre .ec-prose p{color:var(--creme)}
.ec-suite:focus,.ec-suite:focus-visible{outline:none}
.ec-suite:not([hidden]){animation:ecIn .3s ease both}
@keyframes ecIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.ec-suite{animation:none}}
main .lead2,main .body12 .p,main .qx .p,main .sx .p{font-weight:400;font-size:18px;line-height:1.6;letter-spacing:0;color:var(--marin);max-width:68ch}
@media (min-width:900px){.ec-prose{max-width:68ch}}
@media (max-width:899px){
 main .lead2,main .ec-prose,main .ec-prose p,main .body12 .c .p,main .qx .p,main .sx .p{max-width:none;width:100%}
 main .body12 .c,main .body12 .c-w{grid-column:1/-1}
}
@media (max-width:599px){
 main>section:not(.dk):not(.bleed){--clair:clamp(32px,8vw,48px);--avant-filet:32px}
}
@media (max-width:820px){
 .rel{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--m));padding-inline:var(--m);scroll-padding-inline:var(--m);scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .rel::-webkit-scrollbar{display:none}
 .rel>a{flex:0 0 78%;min-width:0;scroll-snap-align:start}
}
/* Fiche 86 v2. Visuals are full-bleed. Le geste and L'impact are light quotes.
   Section numerals stay solid ink: no gradient and no background-clip on this text. */
.nk-han-full{margin:0;padding:0;line-height:0;background:#F4EFEC}
.nk-han-full img{width:100%;height:auto;display:block}
.nk-han-c{background:#060C18}
.nk-han-d img{aspect-ratio:1440/800}
.nk-han-b img{aspect-ratio:1440/720}
.nk-han-a img{aspect-ratio:1440/660}
.nk-han-c img{aspect-ratio:1440/990}
.nk-han-quote{background:#F4EFEC;color:#0E1830;padding:120px 0}
.nk-han-quote .wrap{max-width:1440px}
p.nk-han-k{margin:0 0 28px;font-size:12px!important;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;font-weight:500!important;color:#7B3FCB;background:none;-webkit-text-fill-color:#7B3FCB}
p.nk-han-q{margin:0;max-width:980px;font-size:40px!important;font-weight:300!important;letter-spacing:-.02em;line-height:1.35;color:#0E1830;background:none;-webkit-text-fill-color:#0E1830}
@media(max-width:600px){
 .nk-han-quote{padding:72px 0}
 p.nk-han-q{font-size:26px!important;line-height:1.4}
 .nk-han-d img{aspect-ratio:375/600}
 .nk-han-b img{aspect-ratio:375/980}
 .nk-han-a img{aspect-ratio:375/1152}
 .nk-han-c img{aspect-ratio:375/1490}
}
/* Plateformes · Adèle : visuel 4:3 visible et non rogné (375 → 1440). regles.css remet aspect-ratio:auto sous 900 px. */
body[data-page="projet-plateformes-applications"] .ec-h-g{align-items:stretch}
body[data-page="projet-plateformes-applications"] .ec-h-v{align-self:stretch;display:flex!important;min-width:0;width:100%}
body[data-page="projet-plateformes-applications"] .ec-h-v>.frame.ec-fit.ec-fit-4x3{
 flex:1;width:100%;max-height:min(72vh,780px);aspect-ratio:4/3!important;min-height:min(56vw,420px)
}
body[data-page="projet-plateformes-applications"] .ec-h-v>.frame.ec-fit.ec-fit-4x3 picture{
 display:flex;width:100%;height:100%;align-items:center;justify-content:center
}
body[data-page="projet-plateformes-applications"] .ec-h-v>.frame.ec-fit.ec-fit-4x3 :is(img,picture){
 width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important
}
/* Adèle · desktop (≥900) : cadre 4:3 naturel, fond Marin, image en cover (pas de bandes crème). */
@media (min-width:900px){
 body[data-page="projet-plateformes-applications"] .ec-h-v{align-self:start}
 body[data-page="projet-plateformes-applications"] .ec-h-v>.frame.ec-hv.ec-fit.ec-fit-4x3{
  flex:none;width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:4/3!important;
  background:#0A1590;overflow:hidden;border-radius:var(--nk-r-card)
 }
 body[data-page="projet-plateformes-applications"] .ec-h-v>.frame.ec-fit.ec-fit-4x3 picture{
  display:block;width:100%;height:100%;margin:0
 }
 body[data-page="projet-plateformes-applications"] .ec-h-v>.frame.ec-fit.ec-fit-4x3 :is(img,picture){
  width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important
 }
}
@media (min-width:1024px){
 body[data-page="projet-plateformes-applications"] .ec-h-v>.frame:not(.ec-fit),
 body[data-page="projet-plateformes-applications"] .ec-h-result{flex:1;width:100%;height:100%;aspect-ratio:4/5}
 body[data-page="projet-plateformes-applications"] .ec-h-v>.frame:not(.ec-fit) img{width:100%;height:100%;object-fit:cover}
}
@media (min-width:1280px){
 body[data-page="projet-plateformes-applications"] .ec-h-v>.frame:not(.ec-fit),
 body[data-page="projet-plateformes-applications"] .ec-h-result{min-height:420px}
}
body[data-page="projet-plateformes-applications"] .ec-h-result{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:clamp(28px,3vw,48px);border-radius:var(--nk-r-card);background:rgba(254,249,243,.06)}
body[data-page="projet-plateformes-applications"] .ec-h-result .ec-h-kv{font-size:clamp(72px,8vw,96px)}
body[data-page="projet-plateformes-applications"] .feat2 .frame{background:rgba(254,249,243,.06)}
body[data-page="projet-plateformes-applications"] .feat2 .frame img{object-fit:contain!important;object-position:center top}

/* DocTocToc · 06B lancement (hero 21:9 desktop, presse Kaléo) */
body.ec-doctoctoc .ec-dt-hero,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero,body[data-page="projet-marketing-mandat"] .ec-dt-hero{
 padding:calc(72px + clamp(12px,2vh,24px)) 0 clamp(24px,4vh,48px)
}
body.ec-doctoctoc .ec-dt-hero .ec-dt-hero-in,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero .ec-dt-hero-in,body[data-page="projet-marketing-mandat"] .ec-dt-hero .ec-dt-hero-in{
 display:block;max-width:none;padding-bottom:clamp(32px,4vw,56px)
}
body.ec-doctoctoc .ec-dt-hero .ec-h-g,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero .ec-h-g,body[data-page="projet-marketing-mandat"] .ec-dt-hero .ec-h-g{
 display:block
}
body.ec-doctoctoc .ec-dt-hero .ec-kick,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero .ec-kick,body[data-page="projet-marketing-mandat"] .ec-dt-hero .ec-kick{margin-top:12px}
body.ec-doctoctoc .ec-dt-hero .ec-h1,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero .ec-h1,body[data-page="projet-marketing-mandat"] .ec-dt-hero .ec-h1{
 font-size:calc(var(--fs-h1x)*.8)!important;margin-top:10px;max-width:17ch
}
body.ec-doctoctoc .ec-dt-hero .hx-sig,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero .hx-sig,body[data-page="projet-marketing-mandat"] .ec-dt-hero .hx-sig{margin:14px 0 0}
body.ec-doctoctoc .ec-dt-lead,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-lead,body[data-page="projet-marketing-mandat"] .ec-dt-lead{margin-top:14px}
body.ec-doctoctoc .ec-dt-meta,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-meta,body[data-page="projet-marketing-mandat"] .ec-dt-meta{
 grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 28px;margin:18px 0 0
}
body.ec-doctoctoc .ec-dt-hero-shot,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero-shot,body[data-page="projet-marketing-mandat"] .ec-dt-hero-shot{
 margin:14px 0 0;width:100%;overflow:hidden
}
body.ec-doctoctoc .ec-dt-hero-shot picture,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero-shot picture,body[data-page="projet-marketing-mandat"] .ec-dt-hero-shot picture{display:block;width:100%}
body.ec-doctoctoc .ec-dt-hero-shot img,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero-shot img,body[data-page="projet-marketing-mandat"] .ec-dt-hero-shot img{
 width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 55%;display:block
}
@media (min-width:1024px){
 body.ec-doctoctoc .ec-dt-hero .ec-h1,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero .ec-h1,body[data-page="projet-marketing-mandat"] .ec-dt-hero .ec-h1{
  font-size:calc(var(--fs-h1x)*.72)!important;max-width:24ch;line-height:1.06
 }
 body.ec-doctoctoc .ec-dt-hero-shot,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero-shot,body[data-page="projet-marketing-mandat"] .ec-dt-hero-shot{margin-top:12px}
}
@media (min-width:1024px){
 body.ec-doctoctoc .ec-dt-hero-shot img,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero-shot img,body[data-page="projet-marketing-mandat"] .ec-dt-hero-shot img{aspect-ratio:21/9}
}
body.ec-doctoctoc .ec-dt-credit,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-credit,body[data-page="projet-marketing-mandat"] .ec-dt-credit{
 font-size:12px;opacity:.65;margin-top:10px
}
body.ec-doctoctoc .ec-dt-steps,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-steps,body[data-page="projet-marketing-mandat"] .ec-dt-steps{
 display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ln);margin-top:-1px
}
body.ec-doctoctoc .ec-dt-steps a,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-steps a,body[data-page="projet-marketing-mandat"] .ec-dt-steps a{
 padding:20px 0 20px 20px;font-size:15px;color:inherit;text-decoration:none;border-right:1px solid var(--ln)
}
body.ec-doctoctoc .ec-dt-steps a:first-child,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-steps a:first-child,body[data-page="projet-marketing-mandat"] .ec-dt-steps a:first-child{padding-left:0}
body.ec-doctoctoc .ec-dt-steps a:last-child,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-steps a:last-child,body[data-page="projet-marketing-mandat"] .ec-dt-steps a:last-child{border-right:0}
body.ec-doctoctoc .ec-dt-steps b,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-steps b,body[data-page="projet-marketing-mandat"] .ec-dt-steps b{font-weight:400;color:var(--corail);margin-right:8px}
body.ec-doctoctoc .ec-dt-two,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-two,body[data-page="projet-marketing-mandat"] .ec-dt-two{
 display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,80px);align-items:start
}
body.ec-doctoctoc .ec-dt-list,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-list,body[data-page="projet-marketing-mandat"] .ec-dt-list{
 list-style:none;padding:0;margin:0
}
body.ec-doctoctoc .ec-dt-list li,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-list li,body[data-page="projet-marketing-mandat"] .ec-dt-list li{
 border-top:1px solid var(--ln);padding:22px 0;display:grid;grid-template-columns:48px 1fr;gap:12px;font-size:17px;line-height:1.5
}
body.ec-doctoctoc .ec-dt-list .n,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-list .n,body[data-page="projet-marketing-mandat"] .ec-dt-list .n{color:var(--corail);font-size:13px;padding-top:3px}
body.ec-doctoctoc .ec-dt-list small,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-list small,body[data-page="projet-marketing-mandat"] .ec-dt-list small{display:block;opacity:.65;font-size:14px;margin-top:4px;font-weight:400}
body.ec-doctoctoc .ec-dt-lead2,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-lead2,body[data-page="projet-marketing-mandat"] .ec-dt-lead2{font-size:20px;line-height:1.5;max-width:40rem;margin-top:12px}
body.ec-doctoctoc .ec-dt-lead2--dk,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-lead2--dk,body[data-page="projet-marketing-mandat"] .ec-dt-lead2--dk{opacity:.85;color:var(--mud)}
body.ec-doctoctoc .ec-dt-wall,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-wall,body[data-page="projet-marketing-mandat"] .ec-dt-wall{
 display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--ln);margin:48px 0 0
}
body.ec-doctoctoc .ec-dt-wall div,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-wall div,body[data-page="projet-marketing-mandat"] .ec-dt-wall div{
 min-height:96px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:18px;font-weight:200;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln)
}
body.ec-doctoctoc .ec-dt-aud,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-aud,body[data-page="projet-marketing-mandat"] .ec-dt-aud{
 display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,4vw,64px);margin-top:40px;align-items:start
}
body.ec-doctoctoc .ec-dt-aud table,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-aud table,body[data-page="projet-marketing-mandat"] .ec-dt-aud table{width:100%;border-collapse:collapse}
body.ec-doctoctoc .ec-dt-aud td,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-aud td,body[data-page="projet-marketing-mandat"] .ec-dt-aud td{border-top:1px solid var(--ln);padding:14px 0;font-size:16px;vertical-align:top}
body.ec-doctoctoc .ec-dt-t,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-t,body[data-page="projet-marketing-mandat"] .ec-dt-t{opacity:.6;font-size:14px}
body.ec-doctoctoc .ec-dt-n,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-n,body[data-page="projet-marketing-mandat"] .ec-dt-n{text-align:right;color:var(--corail);font-weight:200;font-size:22px;white-space:nowrap}
body.ec-doctoctoc .ec-dt-muted,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-muted,body[data-page="projet-marketing-mandat"] .ec-dt-muted{font-size:15px;opacity:.7;margin-top:8px}
body.ec-doctoctoc .ec-dt-arts,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-arts,body[data-page="projet-marketing-mandat"] .ec-dt-arts{
 display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px
}
body.ec-doctoctoc .ec-dt-march-lab,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-march-lab,body[data-page="projet-marketing-mandat"] .ec-dt-march-lab{margin-top:64px}
body.ec-doctoctoc .ec-dt-arts--march,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-arts--march,body[data-page="projet-marketing-mandat"] .ec-dt-arts--march{margin-top:24px}
body.ec-doctoctoc .ec-dt-art,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-art,body[data-page="projet-marketing-mandat"] .ec-dt-art{
 background:var(--creme);border:1px solid var(--ln);display:flex;flex-direction:column;color:inherit;text-decoration:none
}
body.ec-doctoctoc .ec-dt-shot,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-shot,body[data-page="projet-marketing-mandat"] .ec-dt-shot{
 min-height:240px;background:#fff center top/cover no-repeat;border-bottom:1px solid var(--ln)
}
body.ec-doctoctoc .ec-dt-shot--ph,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-shot--ph,body[data-page="projet-marketing-mandat"] .ec-dt-shot--ph{
 display:flex;align-items:center;justify-content:center;background:var(--creme);font-size:13px;opacity:.6
}
body.ec-doctoctoc .ec-dt-art-tx,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-art-tx,body[data-page="projet-marketing-mandat"] .ec-dt-art-tx{padding:24px}
body.ec-doctoctoc .ec-dt-art h3,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-art h3,body[data-page="projet-marketing-mandat"] .ec-dt-art h3{font-size:20px;font-weight:200;margin:8px 0 12px;line-height:1.3}
body.ec-doctoctoc .ec-dt-src,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-src,body[data-page="projet-marketing-mandat"] .ec-dt-src{font-size:13px;opacity:.65;margin:0}
body.ec-doctoctoc .ec-dt-gal,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-gal,body[data-page="projet-marketing-mandat"] .ec-dt-gal{
 display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:12px;margin-top:48px
}
body.ec-doctoctoc .ec-dt-gal picture,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-gal picture,body[data-page="projet-marketing-mandat"] .ec-dt-gal picture{display:block;min-height:0;height:100%}
body.ec-doctoctoc .ec-dt-gal img,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-gal img,body[data-page="projet-marketing-mandat"] .ec-dt-gal img{width:100%;height:100%;object-fit:cover;display:block}
body.ec-doctoctoc .ec-dt-g1,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-g1,body[data-page="projet-marketing-mandat"] .ec-dt-g1{grid-column:span 8;grid-row:span 3}
body.ec-doctoctoc .ec-dt-g2,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-g2,body[data-page="projet-marketing-mandat"] .ec-dt-g2{grid-column:span 4;grid-row:span 3}
body.ec-doctoctoc .ec-dt-g3,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-g3,body[data-page="projet-marketing-mandat"] .ec-dt-g3{grid-column:span 3;grid-row:span 2}
body.ec-doctoctoc .ec-dt-g4,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-g4,body[data-page="projet-marketing-mandat"] .ec-dt-g4{grid-column:span 3;grid-row:span 2}
body.ec-doctoctoc .ec-dt-g5,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-g5,body[data-page="projet-marketing-mandat"] .ec-dt-g5{grid-column:span 3;grid-row:span 2}
body.ec-doctoctoc .ec-dt-g6,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-g6,body[data-page="projet-marketing-mandat"] .ec-dt-g6{grid-column:span 3;grid-row:span 2}
body.ec-doctoctoc .ec-dt-kpis,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-kpis,body[data-page="projet-marketing-mandat"] .ec-dt-kpis{
 display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;border-top:1px solid var(--ln)
}
body.ec-doctoctoc .ec-dt-kpi,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-kpi,body[data-page="projet-marketing-mandat"] .ec-dt-kpi{padding:32px 24px 0 0}
body.ec-doctoctoc .ec-dt-kpi-n,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-kpi-n,body[data-page="projet-marketing-mandat"] .ec-dt-kpi-n{
 display:block;font-size:clamp(44px,4vw,64px);font-weight:200;color:var(--corail);letter-spacing:-.03em;line-height:1
}
body.ec-doctoctoc .ec-dt-kpi p,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-kpi p,body[data-page="projet-marketing-mandat"] .ec-dt-kpi p{font-size:15px;line-height:1.45;margin-top:12px}
body.ec-doctoctoc .ec-dt-kpi small,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-kpi small,body[data-page="projet-marketing-mandat"] .ec-dt-kpi small{display:block;font-size:12px;opacity:.6;margin-top:8px}
body.ec-doctoctoc .ec-dt-footnote,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-footnote,body[data-page="projet-marketing-mandat"] .ec-dt-footnote{margin-top:40px;font-size:15px;opacity:.7}
body.ec-doctoctoc .ec-dt-liv-g,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-liv-g,body[data-page="projet-marketing-mandat"] .ec-dt-liv-g{
 display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px
}
body.ec-doctoctoc .ec-dt-liv-g>div,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-liv-g>div,body[data-page="projet-marketing-mandat"] .ec-dt-liv-g>div{
 border-top:2px solid transparent;border-image:var(--grad) 1;padding-top:24px
}
body.ec-doctoctoc .ec-dt-liv-g h3,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-liv-g h3,body[data-page="projet-marketing-mandat"] .ec-dt-liv-g h3{font-weight:200;margin-bottom:16px}
body.ec-doctoctoc .ec-dt-liv-g li,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-liv-g li,body[data-page="projet-marketing-mandat"] .ec-dt-liv-g li{font-size:16px;line-height:1.5;margin-bottom:8px}
@media (max-width:760px){
 body.ec-doctoctoc .ec-dt-meta,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-meta,body[data-page="projet-marketing-mandat"] .ec-dt-meta{grid-template-columns:1fr 1fr}
 body.ec-doctoctoc .ec-dt-steps,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-steps,body[data-page="projet-marketing-mandat"] .ec-dt-steps{grid-template-columns:1fr 1fr}
 body.ec-doctoctoc .ec-dt-two,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-two,body[data-page="projet-marketing-mandat"] .ec-dt-two{grid-template-columns:1fr}
 body.ec-doctoctoc .ec-dt-wall,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-wall,body[data-page="projet-marketing-mandat"] .ec-dt-wall{grid-template-columns:1fr 1fr}
 body.ec-doctoctoc .ec-dt-aud,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-aud,body[data-page="projet-marketing-mandat"] .ec-dt-aud{grid-template-columns:1fr}
 body.ec-doctoctoc .ec-dt-t,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-t,body[data-page="projet-marketing-mandat"] .ec-dt-t{display:none}
 body.ec-doctoctoc .ec-dt-arts,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-arts,body[data-page="projet-marketing-mandat"] .ec-dt-arts{grid-template-columns:1fr}
 body.ec-doctoctoc .ec-dt-kpis,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-kpis,body[data-page="projet-marketing-mandat"] .ec-dt-kpis{grid-template-columns:1fr 1fr}
 body.ec-doctoctoc .ec-dt-liv-g,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-liv-g,body[data-page="projet-marketing-mandat"] .ec-dt-liv-g{grid-template-columns:1fr}
 body.ec-doctoctoc .ec-dt-n,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-n,body[data-page="projet-marketing-mandat"] .ec-dt-n{white-space:normal;font-size:18px}
 body.ec-doctoctoc .ec-dt-hero-shot img,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-hero-shot img,body[data-page="projet-marketing-mandat"] .ec-dt-hero-shot img{aspect-ratio:4/3;object-position:50% 50%}
 body.ec-doctoctoc .ec-dt-gal,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-gal,body[data-page="projet-marketing-mandat"] .ec-dt-gal{grid-template-columns:1fr 1fr;grid-auto-rows:120px;gap:8px}
 body.ec-doctoctoc .ec-dt-gal picture,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-gal picture,body[data-page="projet-marketing-mandat"] .ec-dt-gal picture{grid-column:span 1!important;grid-row:span 1!important}
 body.ec-doctoctoc .ec-dt-g1,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-g1,body[data-page="projet-marketing-mandat"] .ec-dt-g1{grid-column:span 2!important;grid-row:span 2!important}
 body.ec-doctoctoc .ec-dt-g2,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-g2,body[data-page="projet-marketing-mandat"] .ec-dt-g2{grid-row:span 2!important}
}
@media (max-width:767px){
 html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-mandat-06b-hero .ec-mandat-06b-shot.ec-dt-hero-shot{height:auto;max-height:none;width:100%}
 html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-mandat-06b-hero .ec-mandat-06b-shot.ec-dt-hero-shot picture{display:block;width:100%;height:auto}
 html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-mandat-06b-hero .ec-mandat-06b-shot.ec-dt-hero-shot img{
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:2400/1194;
  object-fit:contain;
  object-position:center;
 }
}
html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-mandat-06b-hero .ec-mandat-06b-steps{
 display:grid;
 grid-template-columns:repeat(2,1fr);
 border-top:1px solid var(--ln);
 margin:clamp(20px,3vh,28px) 0 0;
 width:100%;
 max-width:100%;
}
html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-mandat-06b-hero .ec-mandat-06b-steps a{
 padding:20px 0 20px 20px;
 font-size:15px;
 color:inherit;
 text-decoration:none;
 border-right:1px solid var(--ln);
}
html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-mandat-06b-hero .ec-mandat-06b-steps a:first-child{padding-left:0}
html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-mandat-06b-hero .ec-mandat-06b-steps a:last-child{border-right:0}
html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-mandat-06b-hero .ec-mandat-06b-steps b{
 font-weight:400;
 color:var(--corail);
 margin-right:8px;
}
html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-mandat-06b-hero .ec-mandat-06b-meta{margin-top:32px}
html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-num{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:12px;
 column-gap:12px;
}
html[data-nk-staging="1"] body[data-slug="defi-28-jours"] .ec-num i{
 display:block;
 width:32px;
 min-width:32px;
 height:1px;
 background:var(--corail);
 flex:0 0 32px;
}
@media (max-width:1024px){
 body.ec-doctoctoc .ec-dt-kpis,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-kpis,body[data-page="projet-marketing-mandat"] .ec-dt-kpis{grid-template-columns:1fr 1fr}
 body.ec-doctoctoc .ec-dt-meta,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-meta,body[data-page="projet-marketing-mandat"] .ec-dt-meta{grid-template-columns:1fr 1fr}
 body.ec-doctoctoc .ec-dt-aud,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-aud,body[data-page="projet-marketing-mandat"] .ec-dt-aud{grid-template-columns:1fr;overflow-x:auto}
 body.ec-doctoctoc .ec-dt-wall,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-wall,body[data-page="projet-marketing-mandat"] .ec-dt-wall{grid-template-columns:repeat(3,1fr)}
 body.ec-doctoctoc .ec-dt-arts,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] .ec-dt-arts,body[data-page="projet-marketing-mandat"] .ec-dt-arts{grid-template-columns:1fr 1fr;gap:20px}
}
body.ec-doctoctoc main.ec-doctoctoc,body[data-slug="lancer-une-clinique-mobile-et-remercier-ses-donateurs"] main,body[data-page="projet-marketing-mandat"] main.ec-doctoctoc{overflow-x:clip;max-width:100%}

/* Bazar Verdunois · gabarit 04 v2.1 (hero photo, anatomie, grille 1320) */
body[data-page="projet-bazar-image-de-marque"] main{overflow-x:clip;max-width:100%}
body[data-page="projet-bazar-image-de-marque"] main>section.ec-bz-hero--photo:first-child{margin-top:0;padding-top:0}
body[data-page="projet-bazar-image-de-marque"]:has(main>section.ec-bz-hero--photo:first-child) .hd:not(.sc):not(.open){
 background:rgb(6,9,40)!important;color:#FEF9F3!important;border-bottom-color:transparent!important;box-shadow:none!important
}
body[data-page="projet-bazar-image-de-marque"]:has(main>section.ec-bz-hero--photo:first-child) .hd:not(.sc):not(.open) :is(a,.ln,.lng,.lng a,.lng span,button):not(.btn){color:#FEF9F3!important;opacity:1!important}
body[data-page="projet-bazar-image-de-marque"]:has(main>section.ec-bz-hero--photo:first-child) .hd:not(.sc):not(.open) .lg{display:none!important}
body[data-page="projet-bazar-image-de-marque"]:has(main>section.ec-bz-hero--photo:first-child) .hd:not(.sc):not(.open) .lg.lg-w{display:block!important}
body[data-page="projet-bazar-image-de-marque"]:has(main>section.ec-bz-hero--photo:first-child) .hd:not(.sc):not(.open) .btn{
 color:#FEF9F3!important;border:1px solid rgba(254,249,243,.6)!important;background:transparent!important;opacity:1!important
}
body[data-page="projet-bazar-image-de-marque"] .hd.on-dk:not(.sc):not(.open){
 background:rgb(6,9,40)!important;color:#FEF9F3!important;border-bottom-color:transparent!important;box-shadow:none!important
}
body[data-page="projet-bazar-image-de-marque"] .hd.on-dk:not(.sc):not(.open) :is(a,.ln,.lng,.lng a,.lng span,button):not(.btn){color:#FEF9F3!important;opacity:1!important}
body[data-page="projet-bazar-image-de-marque"] .hd.on-dk:not(.sc):not(.open) .lg{display:none!important}
body[data-page="projet-bazar-image-de-marque"] .hd.on-dk:not(.sc):not(.open) .lg.lg-w{display:block!important}
body[data-page="projet-bazar-image-de-marque"] .hd.on-dk:not(.sc):not(.open) .btn{
 color:#FEF9F3!important;border:1px solid rgba(254,249,243,.6)!important;background:transparent!important;opacity:1!important
}
body[data-page="projet-bazar-image-de-marque"] .hd.on-dk:not(.sc):not(.open) .btn:hover{background:#FEF9F3!important;color:#010C30!important;border-color:#FEF9F3!important}
.ec-bz-hero--photo{
 position:relative;display:flex;flex-direction:column;overflow:hidden;color:#FEF9F3;
 background:rgb(6,9,40);--ec-bz-hero-pos:50% 40%
}
.ec-bz-hero--photo::before,.ec-bz-hero--photo::after{content:none}
.ec-bz-hero-media{position:relative;flex:0 0 auto;width:100%;overflow:hidden}
.ec-bz-hero-media picture{display:block;width:100%;height:100%}
.ec-bz-hero-media picture img,.ec-bz-hero-bg{width:100%;height:100%;max-width:none;display:block;object-fit:cover;object-position:var(--ec-bz-hero-pos);pointer-events:none}
.ec-bz-hero-cap{
 position:relative;flex:0 0 auto;z-index:2;padding:clamp(28px,4vh,40px) 0 clamp(36px,5vh,56px);
 background:rgb(6,9,40);box-sizing:border-box
}
.ec-bz-hero-cap>.wrap{position:relative;z-index:1}
.ec-bz-hero--photo .ec-kick{color:#FEF9F3;opacity:.9}
.ec-bz-hero--photo .ec-h1{color:#FEF9F3;max-width:min(900px,92vw);font-size:clamp(40px,5vw,72px);line-height:1.05}
.ec-bz-hero--photo .ec-h-sub{margin-top:18px;color:rgba(254,249,243,.72);max-width:56ch;font-size:clamp(17px,1.25vw,20px);font-weight:400;line-height:1.45}
.ec-bz-hero--photo .ec-crumbs a,.ec-bz-hero--photo .ec-crumbs li{color:#FEF9F3}
.ec-bz-hero--photo .hx-sig i{background:rgba(254,249,243,.55)}
.ec-bz-hero--photo .hx-sig b{display:none}
@media (min-width:1024px){
 .ec-bz-hero-media{height:70vh;min-height:320px}
}
@media (min-width:761px) and (max-width:1023px){
 .ec-bz-hero-media{height:60vh;min-height:280px}
}
.ec-bz-anat{display:grid;grid-template-columns:5fr 5fr 2fr;gap:64px;align-items:center;margin:clamp(40px,6vw,64px) 0 clamp(32px,5vw,48px)}
.ec-bz-anat-panel{background:#d5463a;padding:8% 6%;max-height:560px;min-width:0}
.ec-bz-anat-mk{position:relative}
.ec-bz-lgsvg{display:block;width:100%;height:auto;max-height:440px;overflow:visible}
.ec-bz-lgsvg path{fill:#fff!important}
.ec-bz-lgsvg .pt{transition:opacity .35s ease}
.ec-bz-anat.on .ec-bz-lgsvg .pt{opacity:.25}
.ec-bz-anat.on .ec-bz-lgsvg .pt.act{opacity:1}
.ec-bz-chips{display:none}
.ec-bz-anat-mk .ec-bz-hs{position:absolute;transform:translate(-50%,-50%)}
.ec-bz-hs{width:34px;height:34px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}
.ec-bz-hs span{display:block;width:24px;height:24px;border-radius:50%;background:#FEF9F3;color:#882523;font:400 11px/24px Inter,sans-serif;text-align:center;box-shadow:0 1px 6px rgba(70,40,40,.35);transition:transform .2s,background .2s,color .2s}
.ec-bz-hs.act span{background:#010C30;color:#fff;transform:scale(1.18)}
.ec-bz-hs:hover span{transform:scale(1.12)}
.ec-bz-hs:focus{outline:none}
.ec-bz-hs:focus-visible span{outline:3px solid #010C30;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.ec-bz-cap-area{min-height:300px;display:flex;flex-direction:column;min-width:0;grid-column:span 2}
.ec-bz-lgcap{border-top:1px solid var(--corail);padding-top:20px;margin-top:20px;min-height:190px}
.ec-bz-lgcap .cn{font-size:13px;letter-spacing:.14em;color:#B02E22}
.ec-bz-lgcap .cn span{color:#5a5f78}
.ec-bz-lgcap .ct{font-size:clamp(28px,3vw,34px);line-height:1.15;margin:12px 0 12px;font-weight:200}
.ec-bz-lgcap .cc{font-size:17px;line-height:1.6;max-width:420px}
.ec-bz-lgcap .cf{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#882523;margin-top:12px}
.ec-bz-anat-nav{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.ec-bz-ar{width:48px;height:48px;border-radius:50%;border:1px solid #010C30;background:transparent;color:#010C30;font-size:18px;cursor:pointer;flex-shrink:0}
.ec-bz-ar:hover{background:#010C30;color:#fff}
.ec-bz-ar:focus-visible{outline:3px solid var(--corail);outline-offset:3px}
.ec-bz-anat-hint{font-size:13px;color:#4a4f68;margin-left:8px}
.ec-bz-prog{display:flex;gap:6px;margin-top:22px}
.ec-bz-prog i{flex:1;height:2px;background:rgba(1,12,48,.15);display:block}
.ec-bz-prog i.act{background:var(--corail)}
.ec-bz-meta{display:flex;flex-wrap:wrap;gap:28px 56px;font-size:14px;margin-top:28px;color:#FEF9F3}
.ec-bz-meta dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:4px}
.ec-bz-meta dd{margin:0}
.ec-bz-dec h2,.ec-bz-apps h2,.ec-bz-facs h2{margin:14px 0 18px;font-size:clamp(34px,4vw,56px);font-weight:200}
.ec-bz-tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:clamp(40px,6vw,64px)}
.ec-bz-tile{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12%;aspect-ratio:16/10}
.ec-bz-tile img{width:100%;height:100%;object-fit:contain;display:block}
.ec-bz-tile-pos{grid-column:span 6;background:#FEF9F3;outline:1px solid rgba(1,12,48,.14);outline-offset:-1px}
.ec-bz-tile-neg{grid-column:span 6;background:#C94836}
.ec-bz-tile-mono{grid-column:span 4;background:#DED1C5;aspect-ratio:1}
.ec-bz-tile-sym{grid-column:span 4;background:#010C30;aspect-ratio:1;padding:0}
.ec-bz-tile-sym img{width:auto;height:62%;max-width:100%}
.ec-bz-tile-sml{grid-column:span 4;background:#FEF9F3;outline:1px solid rgba(1,12,48,.14);outline-offset:-1px;aspect-ratio:1;flex-direction:column;gap:28px;padding:10%}
.ec-bz-tile-sml img{width:auto;flex:none;height:auto}
.ec-bz-s1{height:64px!important;width:auto!important}
.ec-bz-s2{height:32px!important;width:auto!important}
.ec-bz-s3{height:20px!important;width:auto!important}
.ec-bz-tiles-cap{font-size:13px;opacity:.6;margin-top:10px}
.ec-bz-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:56px;font-size:14px}
.ec-bz-swatch{display:block;aspect-ratio:2/1;margin-bottom:12px;border-radius:0}
.ec-bz-swatch--outline{outline:1px solid rgba(1,12,48,.14);outline-offset:-1px}
.ec-bz-swatch-cap{display:block;font-size:13px;opacity:.6;margin-top:4px}
.ec-bz-facs{padding:0 0 clamp(88px,12vh,140px)}
.ec-bz-fac{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:56px}
.ec-bz-fac figure{margin:0;min-width:0}
.ec-bz-fac img{width:100%;aspect-ratio:160/230;object-fit:cover;display:block}
.ec-bz-fac .n{font-size:12px;color:var(--corail);letter-spacing:.14em;margin:16px 0 6px}
.ec-bz-fac h3{font-size:17px;line-height:1.3;font-weight:200;margin:0}
.ec-bz-uni h2{margin:14px 0 18px}
.ec-bz-muted{opacity:.85}
.ec-bz-uni-grid{display:grid;grid-template-columns:3fr 9fr;gap:64px;margin-top:72px;border-top:1px solid rgba(254,249,243,.18);padding-top:40px}
.ec-bz-uni-grid+.ec-bz-uni-grid{margin-top:40px}
.ec-bz-uni-grid h3{font-size:22px;font-weight:200;margin:0}
.ec-bz-uni-grid small{display:block;font-size:13px;opacity:.6;margin-top:10px;line-height:1.5}
.ec-bz-sw{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.ec-bz-sw img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;display:block}
.ec-bz-ty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ec-bz-ty img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}
.ec-bz-mo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.ec-bz-mo img{width:100%;height:120px;object-fit:cover;display:block}
.ec-bz-wall{margin:56px 0 0}
.ec-bz-wall img{width:100%;aspect-ratio:2400/1237;object-fit:cover;object-position:50% 50%;display:block}
.ec-bz-wall figcaption{font-size:13px;opacity:.65;margin-top:10px}
.ec-bz-apps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.ec-bz-apps-grid figure{margin:0;min-width:0}
.ec-bz-apps-grid img,.ec-bz-apps-grid picture{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.ec-bz-apps-grid picture img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 50%}
.ec-bz-apps-grid figcaption{font-size:13px;opacity:.65;margin-top:10px}
.ec-bz-liv{padding:0 0 clamp(88px,12vh,140px)}
.ec-bz-liv h2{margin:14px 0 0;font-size:clamp(34px,4vw,56px);font-weight:200}
.ec-bz-liv-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:56px}
.ec-bz-liv-cols>div{border-top:1px solid rgba(1,12,48,.18);padding-top:22px;min-width:0}
.ec-bz-liv-cols h3{font-size:22px;font-weight:200;margin:0 0 12px}
.ec-bz-liv-cols li{font-size:16px;line-height:1.6;list-style:none}
@media (max-width:1100px){
 .ec-bz-hero--photo{--ec-bz-hero-pos:30% 35%}
 .ec-bz-hero--photo .ec-h1{font-size:60px}
 .ec-bz-anat{grid-template-columns:6fr 6fr;gap:48px}
 .ec-bz-cap-area{grid-column:span 1}
 .ec-bz-fac{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1024px){
 .ec-bz-fac{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
 .ec-bz-hero--photo{--ec-bz-hero-pos:18% 40%}
 .ec-bz-apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ec-bz-tile-mono,.ec-bz-tile-sym{grid-column:span 6}
 .ec-bz-tile-sml{grid-column:span 12;aspect-ratio:auto;flex-direction:row;padding:40px}
}
@media (min-width:1024px){
 .ec-bz-hero--photo .ec-crumbs ol{margin-bottom:10px}
 .ec-bz-hero--photo .ec-kick{margin-top:22px}
 .ec-bz-hero--photo .ec-h1{margin-top:22px}
}
@media (max-width:760px){
 .ec-bz-hero--photo{--ec-bz-hero-pos:50% 100%}
 .ec-bz-hero-media{aspect-ratio:4/5;height:auto}
 .ec-bz-hero-media picture img,.ec-bz-hero-media .ec-bz-hero-bg{height:auto;aspect-ratio:4/5}
 .ec-bz-hero-cap{padding:28px 0 32px}
 .ec-bz-anat-mk .ec-bz-hs{display:none}
 .ec-bz-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
 .ec-bz-chip{width:auto;height:48px;border-radius:24px;border:1px solid rgba(1,12,48,.25);position:static;transform:none}
 .ec-bz-chip span{width:auto;height:auto;background:none;box-shadow:none;color:#010C30;font-size:14px;line-height:1}
 .ec-bz-chip.act{background:#010C30;border-color:#010C30}
 .ec-bz-chip.act span{background:none;color:#fff;transform:none}
 .ec-bz-anat{grid-template-columns:1fr;gap:24px}
 .ec-bz-anat-panel{padding:10% 6%}
 .ec-bz-cap-area{min-height:0}
 .ec-bz-lgcap{min-height:170px}
 .ec-bz-anat-hint{display:none}
 .ec-bz-anat-nav{margin-top:16px}
 .ec-bz-meta{flex-direction:column;gap:12px 20px}
 .ec-bz-hero--photo .ec-h-sub{margin-top:12px}
 .ec-bz-hero--photo .ec-h1{font-size:40px}
 .ec-bz-meta{gap:20px}
 .ec-bz-tiles{gap:10px}
 .ec-bz-tile-pos,.ec-bz-tile-neg{grid-column:span 12}
 .ec-bz-tile-sml{flex-direction:column;gap:20px;padding:28px}
 .ec-bz-fac{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:40px}
 .ec-bz-fac h3{font-size:15px}
 .ec-bz-uni-grid{grid-template-columns:1fr;gap:20px;margin-top:48px}
 .ec-bz-sw{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ec-bz-ty{grid-template-columns:1fr}
 .ec-bz-mo{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ec-bz-mo img{height:80px}
 .ec-bz-wall img{aspect-ratio:4/3;object-position:0% 50%}
 .ec-bz-apps-grid{gap:10px}
 .ec-bz-liv-cols{grid-template-columns:1fr;gap:24px}
}

/* Gabarit 04 · lot marque (hero 100vh, faits sur le hero) */
body[data-page="projet-marque-image-de-marque"] main>section.ec-m04-hero.dk:first-child{margin-top:-72px}
html[data-nk-staging="1"] body[data-page="projet-marque-image-de-marque"] main>section.ec-marque-04-hero:first-child,
html[data-nk-staging="1"] body[data-slug="de-bos-law-a-summit-law-une-marque-qui-guide"] main>section.ec-marque-04-hero:first-child,
html[data-nk-staging="1"] body[data-slug="site-web-et-univers-de-marque-2"] main>section.ec-marque-04-hero:first-child{margin-top:-72px}
html[data-nk-staging="1"] .ec-marque-04-hero.ec-mandat-06b-hero{padding:calc(72px + clamp(12px,3vh,32px)) 0 clamp(24px,4vh,48px);height:auto;min-height:0;overflow:visible;color:var(--marin,#010C30)}
html[data-nk-staging="1"] .ec-marque-04-hero .ec-mandat-06b-in{width:100%;min-width:0;max-width:calc(1200px + 2 * var(--nk-gutter,var(--m)))}
html[data-nk-staging="1"] .ec-marque-04-hero .ec-h-t{min-width:0}
html[data-nk-staging="1"] .ec-marque-04-hero .ec-marque-04-shot,
html[data-nk-staging="1"] .ec-marque-04-hero .ec-mandat-06b-shot{margin-top:clamp(12px,2vh,20px);width:100%}
html[data-nk-staging="1"] .ec-marque-04-hero .ec-marque-04-shot picture,
html[data-nk-staging="1"] .ec-marque-04-hero .ec-mandat-06b-shot picture{display:block;width:100%}
html[data-nk-staging="1"] .ec-marque-04-hero .ec-marque-04-shot img,
html[data-nk-staging="1"] .ec-marque-04-hero .ec-mandat-06b-shot img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/9}
html[data-nk-staging="1"] .ec-marque-04-hero .ec-h-sub{margin-top:clamp(16px,2.5vh,24px);max-width:46ch;color:inherit}
html[data-nk-staging="1"] .ec-marque-04-hero .ec-m04-meta{margin-top:clamp(20px,3vh,32px)}
@media (max-width:767px){
 html[data-nk-staging="1"] .ec-marque-04-hero .ec-marque-04-shot img,
 html[data-nk-staging="1"] .ec-marque-04-hero .ec-mandat-06b-shot img{aspect-ratio:4/5}
}
.ec-marque-lot{overflow-x:clip;max-width:100%}
.ec-m04--cream{background:#FEF9F3}
.ec-m04--white{background:#fff}
.ec-m04-hero{position:relative;height:100vh;min-height:760px;overflow:hidden;color:#fff;isolation:isolate}
.ec-m04-hero-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:var(--ec-m04-hero-pos,50% 45%);pointer-events:none}
.ec-m04-hero-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(100px,14vh,160px) 0 clamp(32px,5vh,56px);background:linear-gradient(180deg,rgba(1,12,48,0),rgba(1,12,48,.78));max-height:min(92vh,100%);box-sizing:border-box}
.ec-marque-lot .ec-m04-hero-cap>.wrap,.ec-marque-lot .ec-m04-logo>.wrap,.ec-marque-lot .ec-m04-uni>.wrap,.ec-marque-lot .ec-m04-cmp>.wrap,.ec-marque-lot .ec-m04-liv>.wrap{width:100%;min-width:0;max-width:var(--w,1320px);margin-inline:auto;container-type:normal}
.ec-marque-lot .ec-m04-logo-row>div{min-width:0}
.ec-m04-hero .ec-h-t,.ec-marque-lot .ec-m04-lead{max-width:56ch}
.ec-m04-hero .ec-kick{color:#fff;opacity:.9}
.ec-m04-hero .ec-h1,.ec-m04-hero .ec-h-sub{color:#fff;max-width:min(900px,90vw)}
.ec-m04-hero .ec-crumbs a,.ec-m04-hero .ec-crumbs li{color:#fff}
.ec-m04-hero .hx-sig{margin-top:18px}
.ec-m04-meta{display:flex;flex-wrap:wrap;gap:28px 56px;font-size:14px;margin-top:28px}
.ec-m04-meta dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:4px}
.ec-m04-meta dd{margin:0}
.ec-m04-logo,.ec-m04-apps,.ec-m04-cmp,.ec-m04-liv{padding:clamp(72px,10vh,120px) 0}
.ec-m04-sh h2{font-size:clamp(32px,4vw,52px);font-weight:200;line-height:1.06;margin:12px 0 20px}
.ec-m04-kick{color:var(--corail)}
.ec-m04-lead{font-size:clamp(17px,2vw,20px);line-height:1.55;max-width:42ch;margin:0 0 28px;font-weight:300}
.ec-m04-logo-row{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,6vw,80px);align-items:end}
.ec-m04-logo-row figure{margin:0;min-width:0}
.ec-m04-logo-row img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.ec-m04-facets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:clamp(48px,8vh,96px)}
.ec-m04-facets figure{margin:0;min-width:0}
.ec-m04-facets img{width:100%;aspect-ratio:160/230;object-fit:cover;display:block}
.ec-m04-facets .n{font-size:12px;color:var(--corail);letter-spacing:.14em;margin:16px 0 0}
.ec-m04-palette{margin-top:32px}
.ec-m04-palette h3{font-size:22px;font-weight:200;margin:0}
.ec-m04-palette small{display:block;font-size:13px;opacity:.7;margin-top:8px}
.ec-m04-palette-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}
.ec-m04-swatch img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:50%}
.ec-m04-app{position:relative}
.ec-m04-app>img{width:100%;height:92vh;min-height:640px;object-fit:cover;display:block}
.ec-m04-tag{position:absolute;left:clamp(20px,4vw,60px);bottom:clamp(20px,4vh,48px);background:#FEF9F3;color:var(--marin);padding:22px 28px;max-width:420px}
.ec-m04-tag h3{font-weight:200;margin:6px 0 0;font-size:22px}
.ec-m04-duo{display:grid;grid-template-columns:1fr 1fr;gap:0}
.ec-m04-duo img{width:100%;height:100vh;min-height:720px;object-fit:cover;display:block}
.ec-m04-spread{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ec-m04-spread img{width:100%;height:auto;object-fit:cover;display:block}
.ec-m04-mosaic-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;padding:8px 0}
.ec-m04-mosaic-cell{min-width:0;grid-column:span 6;min-height:40vh}
.ec-m04-mosaic-cell:first-child{grid-column:1/-1;min-height:70vh}
.ec-m04-mosaic-cell img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}
.ec-m04-liv h2{font-size:clamp(32px,4vw,52px);font-weight:200;margin:14px 0 0}
.ec-m04-liv-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px}
.ec-m04-liv-cols>div{border-top:1px solid rgba(1,12,48,.18);padding-top:22px}
.ec-m04-liv-cols li{font-size:16px;line-height:1.6;list-style:none}
@media (max-width:1024px){
 .ec-m04-facets{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ec-m04-mosaic-cell{grid-column:span 6;min-height:32vh}
 .ec-m04-mosaic-cell:first-child{grid-column:1/-1}
}
@media (max-width:760px){
 .ec-m04-hero{height:88vh;min-height:620px}
 .ec-m04-hero-cap{padding:120px 0 32px}
 .ec-m04-meta{gap:20px}
 .ec-m04-logo-row{grid-template-columns:1fr;gap:28px}
 .ec-m04-facets{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:56px}
 .ec-m04-palette-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ec-m04-spread{grid-template-columns:1fr}
 .ec-m04-app>img{height:70vh;min-height:460px}
 .ec-m04-tag{left:20px;right:20px;max-width:none;padding:16px 18px}
 .ec-m04-duo{grid-template-columns:1fr}
 .ec-m04-duo img{height:auto;min-height:0;aspect-ratio:4/5}
 .ec-m04-mosaic-cell,.ec-m04-mosaic-cell:first-child{grid-column:1/-1;min-height:0}
 .ec-m04-mosaic-cell img{aspect-ratio:4/5;height:auto}
 .ec-m04-liv-cols{grid-template-columns:1fr;gap:24px}
 .ec-m04-duo img.ec-m04-shot--phone{width:min(72%,280px)}
 .ec-m04-app>img.ec-m04-shot--phone{width:min(78%,300px)}
}

/* Marque 04 · screenshots. Facets and swatches contain the file. Full pages show a top crop in a frame, never the full 16k height. */
.ec-m04-facets img{object-fit:contain;object-position:center;background:#efe8df}
.ec-m04-swatch{background:#141824}
.ec-m04-swatch img{object-fit:contain;object-position:center;background:#141824}
.ec-m04-app>img.ec-m04-shot--phone,
.ec-m04-duo img.ec-m04-shot--phone{
 width:min(100%,340px);height:auto;min-height:0;max-height:none;aspect-ratio:9/19.5;
 object-fit:cover;object-position:top center;margin-inline:auto;display:block;box-sizing:border-box;
 border:10px solid #0b0d12;border-radius:32px;background:#0b0d12
}
.ec-m04-app>img.ec-m04-shot--browser,
.ec-m04-duo img.ec-m04-shot--browser{
 width:min(100%,1040px);height:auto;min-height:0;max-height:none;aspect-ratio:16/10;
 object-fit:cover;object-position:top center;margin-inline:auto;display:block;box-sizing:border-box;
 border:12px solid #ece7e1;box-shadow:0 18px 40px rgba(1,12,48,.12);background:#fff
}
.ec-m04-app>img.ec-m04-shot--page,
.ec-m04-duo img.ec-m04-shot--page{
 width:min(100%,640px);height:auto;min-height:0;max-height:none;aspect-ratio:3/4;
 object-fit:contain;object-position:center;margin-inline:auto;display:block;background:#efe8df
}
.ec-m04-app>img.ec-m04-shot--photo,
.ec-m04-duo img.ec-m04-shot--photo{
 width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/10;object-fit:cover;object-position:center
}
.ec-m04-app:has(>img[class*="ec-m04-shot--"]){
 display:flex;flex-direction:column;align-items:center;gap:20px;
 padding:clamp(28px,5vh,64px) clamp(16px,4vw,40px);background:#f6f1ea
}
.ec-m04-app:has(>img[class*="ec-m04-shot--"]) .ec-m04-tag{position:static;max-width:420px}
.ec-m04-duo:has(img[class*="ec-m04-shot--"]){
 display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(16px,3vw,40px);
 padding:clamp(28px,5vh,64px) clamp(16px,4vw,40px);background:#f6f1ea
}

/* Affilia · gabarit 04 dédié (photo, logo, univers, applications, site) */
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url("/cases/affilia/roboto-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Liberation Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/cases/affilia/liberation-serif-italic-latin.woff2") format("woff2")}
body[data-page="projet-affilia"] main{overflow-x:clip;max-width:100%}
body[data-page="projet-affilia"] main>section.ec-bz-hero--photo:first-child{margin-top:0;padding-top:0}
body[data-page="projet-affilia"]:has(main>section.ec-bz-hero--photo:first-child) .hd:not(.sc):not(.open){
 background:#010C30!important;color:#FEF9F3!important;border-bottom-color:transparent!important;box-shadow:none!important
}
body[data-page="projet-affilia"]:has(main>section.ec-bz-hero--photo:first-child) .hd:not(.sc):not(.open) :is(a,.ln,.lng,.lng a,.lng span,button):not(.btn){color:#FEF9F3!important;opacity:1!important}
body[data-page="projet-affilia"]:has(main>section.ec-bz-hero--photo:first-child) .hd:not(.sc):not(.open) .lg{display:none!important}
body[data-page="projet-affilia"]:has(main>section.ec-bz-hero--photo:first-child) .hd:not(.sc):not(.open) .lg.lg-w{display:block!important}
body[data-page="projet-affilia"]:has(main>section.ec-bz-hero--photo:first-child) .hd:not(.sc):not(.open) .btn{
 color:#FEF9F3!important;border:1px solid rgba(254,249,243,.6)!important;background:transparent!important;opacity:1!important
}
body[data-page="projet-affilia"] .ec-bz-hero--photo{--ec-bz-hero-pos:50% 40%}
body[data-page="projet-affilia"] .ec-bz-hero-media{height:clamp(420px,50vw,720px);min-height:0}
body[data-page="projet-affilia"] .ec-bz-hero--photo .ec-h-sub{max-width:44ch;color:rgba(254,249,243,.86)}
body[data-page="projet-affilia"] .ec-bz-hero--photo .hx-sig{max-width:760px}
body[data-page="projet-affilia"] .ec-bz-hero--photo .hx-sig b{display:block;width:30%}
body[data-page="projet-affilia"] .ec-bz-hero--photo .ec-m04-meta{
 display:grid;grid-template-columns:120px 90px minmax(0,1fr) auto;gap:28px;
 margin-top:56px;padding:22px 0 8px;border-top:1px solid rgba(254,249,243,.18)
}
body[data-page="projet-affilia"] .lab .n{color:var(--corail)}
body[data-page="projet-affilia"] .ec-af-intro{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:end}
body[data-page="projet-affilia"] .ec-af-intro .lead{max-width:none;margin:0}
body[data-page="projet-affilia"] .ec-bz-uni .lead{max-width:46ch}
body[data-page="projet-affilia"] .ec-bz-uni-grid{gap:40px;margin-top:56px}
body[data-page="projet-affilia"] .ec-bz-uni-grid+.ec-bz-uni-grid{margin-top:0}
body[data-page="projet-affilia"] .ec-af-logo-big{
 margin-top:72px;background:#F9F5F2;border:1px solid rgba(1,12,48,.14);border-radius:14px;
 aspect-ratio:16/7;display:grid;place-items:center;position:relative;overflow:hidden
}
body[data-page="projet-affilia"] .ec-af-logo-big img{width:62%;height:auto}
body[data-page="projet-affilia"] .ec-af-tag{position:absolute;left:28px;bottom:22px}
body[data-page="projet-affilia"] .ec-af-tag2{position:absolute;right:28px;bottom:22px}
body[data-page="projet-affilia"] .ec-af-tiles{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
body[data-page="projet-affilia"] .ec-af-tiles>.ec-bz-tile{grid-column:auto;aspect-ratio:4/3}
body[data-page="projet-affilia"] .ec-af-neg{background:#061747}
body[data-page="projet-affilia"] .ec-af-pierre{background:#DFDCD5}
body[data-page="projet-affilia"] .ec-af-neg img,body[data-page="projet-affilia"] .ec-af-pierre img{width:52%;height:auto}
body[data-page="projet-affilia"] .ec-af-sml{flex-direction:column;gap:26px;background:#fff}
body[data-page="projet-affilia"] .ec-af-s1{width:160px!important;height:auto!important}
body[data-page="projet-affilia"] .ec-af-s2{width:96px!important;height:auto!important}
body[data-page="projet-affilia"] .ec-af-s3{width:56px!important;height:auto!important}
body[data-page="projet-affilia"] .ec-af-sw{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body[data-page="projet-affilia"] .ec-af-sw>div{display:flex;flex-direction:column;gap:12px;min-width:0}
body[data-page="projet-affilia"] .ec-af-sw i{display:block;aspect-ratio:1;border-radius:50%;border:1px solid rgba(254,249,243,.18)}
body[data-page="projet-affilia"] .ec-af-sw b{font-weight:400;font-size:14px}
body[data-page="projet-affilia"] .ec-af-sw span{font-size:12px;opacity:.7;margin-top:-8px}
body[data-page="projet-affilia"] .ec-af-ty{grid-template-columns:1fr 1fr;gap:16px}
body[data-page="projet-affilia"] .ec-af-ty-card{
 border:1px solid rgba(254,249,243,.18);border-radius:14px;padding:28px;min-height:220px;
 display:flex;flex-direction:column;justify-content:space-between
}
body[data-page="projet-affilia"] .ec-af-aa{font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:96px;line-height:1;color:#FEF9F3}
body[data-page="projet-affilia"] .ec-af-al{font-family:Roboto,Arial,sans-serif;font-size:15px;opacity:.7}
body[data-page="projet-affilia"] .ec-af-ty-img{border-radius:14px;overflow:hidden;min-height:220px}
body[data-page="projet-affilia"] .ec-af-ty-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
body[data-page="projet-affilia"] .ec-af-ty-spec{
 background:#F9F5F2;color:#061747;display:flex;flex-direction:column;justify-content:space-between;
 container-type:size;padding:clamp(14px,8cqh,28px);gap:8px
}
body[data-page="projet-affilia"] .ec-af-spec{margin:0;display:flex;flex-direction:column;line-height:1.02;min-width:0}
body[data-page="projet-affilia"] .ec-af-spec-up{
 font-family:Roboto,Arial,sans-serif;font-weight:500;font-style:normal;letter-spacing:.04em;
 font-size:clamp(18px,16cqh,44px);line-height:1
}
body[data-page="projet-affilia"] .ec-af-spec-it{
 font-family:"Liberation Serif","Times New Roman",Times,serif;font-style:italic;font-weight:400;
 font-size:clamp(15px,11cqh,30px);letter-spacing:0;line-height:1.05
}
body[data-page="projet-affilia"] .ec-af-spec-it + .ec-af-spec-up{margin-top:.35em}
body[data-page="projet-affilia"] .ec-af-ty-spec .ec-af-al{color:#061747}
body[data-page="projet-affilia"] .ec-af-mo{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body[data-page="projet-affilia"] .ec-af-mo > .ec-af-fig:has(.ec-af-mo-svg){aspect-ratio:1;height:auto}
body[data-page="projet-affilia"] .ec-af-mo-svg{display:block;width:100%;height:auto;aspect-ratio:1}
body[data-page="projet-affilia"] .ec-af-mo-build .ec-af-grid,
body[data-page="projet-affilia"] .ec-af-mo-build .ec-af-guides,
body[data-page="projet-affilia"] .ec-af-mo-build .ec-af-ring-mo{vector-effect:non-scaling-stroke}
body[data-page="projet-affilia"] .ec-af-mo img,body[data-page="projet-affilia"] .ec-af-mo picture{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
body[data-page="projet-affilia"] .ec-af-fig{border-radius:14px;overflow:hidden;background:#e9e6e2}
body[data-page="projet-affilia"] .ec-af-fig picture{display:block;width:100%;height:100%;line-height:0}
body[data-page="projet-affilia"] .ec-af-fig img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;aspect-ratio:auto}
body[data-page="projet-affilia"] .ec-af-scr picture,body[data-page="projet-affilia"] .ec-af-phone picture{display:block;width:100%;line-height:0}
body[data-page="projet-affilia"] .ec-af-mo picture{display:block}
body[data-page="projet-affilia"] .ec-af-apps{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:64px}
body[data-page="projet-affilia"] .ec-af-c7{grid-column:span 7}
body[data-page="projet-affilia"] .ec-af-c5{grid-column:span 5}
body[data-page="projet-affilia"] .ec-af-c4{grid-column:span 4}
body[data-page="projet-affilia"] .ec-af-c7 .ec-af-fig,body[data-page="projet-affilia"] .ec-af-c5 .ec-af-fig{height:520px}
body[data-page="projet-affilia"] .ec-af-c4 .ec-af-fig{aspect-ratio:4/3;height:auto}
body[data-page="projet-affilia"] .ec-af-web{overflow-x:clip}
body[data-page="projet-affilia"] .ec-af-web-head{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:end}
body[data-page="projet-affilia"] .ec-af-web .lead{max-width:36ch}
body[data-page="projet-affilia"] .ec-af-quote{
 font-size:20px;font-weight:200;line-height:1.4;border-left:1px solid var(--corail);
 padding-left:22px;margin:0;color:#FEF9F3
}
body[data-page="projet-affilia"] .ec-af-quote cite{display:block;font-style:normal;font-size:12px;letter-spacing:.06em;opacity:.7;margin-top:10px}
body[data-page="projet-affilia"] .ec-af-stage{position:relative;margin-top:80px;height:720px}
body[data-page="projet-affilia"] .ec-af-ring{
 position:absolute;border-radius:50%;padding:1.5px;background:var(--milieu,linear-gradient(120deg,#3713D0 0%,#86267A 55%,#D43829 100%));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none
}
body[data-page="projet-affilia"] .ec-af-ring-1{width:min(560px,48vw);height:min(560px,48vw);left:50%;top:-10px;transform:translateX(-64%)}
body[data-page="projet-affilia"] .ec-af-ring-2{width:min(560px,48vw);height:min(560px,48vw);left:50%;top:170px;transform:translateX(-12%);opacity:.75}
body[data-page="projet-affilia"] .ec-af-laptop{position:absolute;left:0;top:40px;width:min(900px,74%)}
body[data-page="projet-affilia"] .ec-af-scr{background:#0b0d12;border-radius:18px 18px 0 0;padding:16px 16px 18px;box-shadow:0 40px 80px rgba(0,0,0,.45)}
body[data-page="projet-affilia"] .ec-af-scr img{border-radius:3px;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;height:auto}
body[data-page="projet-affilia"] .ec-af-base{height:18px;background:linear-gradient(#d8dade,#a7abb2);border-radius:0 0 14px 14px;margin:0 -46px;position:relative}
body[data-page="projet-affilia"] .ec-af-base::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:140px;height:7px;background:#8d9198;border-radius:0 0 8px 8px}
body[data-page="projet-affilia"] .ec-af-phone{
 position:absolute;right:40px;top:150px;width:min(276px,28%);background:#0b0d12;border-radius:46px;padding:12px;
 box-shadow:0 40px 80px rgba(0,0,0,.5);border:1px solid #2a2e37
}
body[data-page="projet-affilia"] .ec-af-st{height:34px;background:#fff;border-radius:35px 35px 0 0}
body[data-page="projet-affilia"] .ec-af-phone img{border-radius:0 0 35px 35px;width:100%;aspect-ratio:375/780;object-fit:cover;object-position:top;height:auto}
body[data-page="projet-affilia"] .ec-af-phone::before{
 content:"";position:absolute;left:50%;top:22px;transform:translateX(-50%);width:84px;height:24px;background:#0b0d12;border-radius:20px;z-index:2
}
body[data-page="projet-affilia"] .ec-af-ctx{display:grid;grid-template-columns:7fr 5fr;gap:16px;margin-top:48px}
body[data-page="projet-affilia"] .ec-af-ctx .ec-af-fig{height:440px}
body[data-page="projet-affilia"] .ec-af-link{
 display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(254,249,243,.18)
}
body[data-page="projet-affilia"] .ec-af-link p{font-size:14px;opacity:.7;margin:0}
body[data-page="projet-affilia"] .ec-bz-liv{padding:clamp(88px,12vh,140px) 0}
body[data-page="projet-affilia"] .ec-af-liv{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
body[data-page="projet-affilia"] .ec-af-liv>div{padding-top:18px}
body[data-page="projet-affilia"] .ec-af-liv .n{display:block;font-size:11px;letter-spacing:.14em;color:var(--corail);margin-bottom:10px}
body[data-page="projet-affilia"] .ec-af-liv li{list-style:none}
@media (max-width:1024px){
 body[data-page="projet-affilia"] .ec-af-base{margin:0 -24px}
 body[data-page="projet-affilia"] .ec-af-phone{right:12px}
}
@media (max-width:820px){
 body[data-page="projet-affilia"] .ec-af-apps .ec-af-fig,
 body[data-page="projet-affilia"] .ec-af-ctx .ec-af-fig{height:auto;aspect-ratio:4/3}
 body[data-page="projet-affilia"] .ec-af-ty-card{min-height:170px}
 body[data-page="projet-affilia"] .ec-af-aa{font-size:72px}
}
@media (max-width:760px){
 body[data-page="projet-affilia"] .ec-bz-hero-media{height:auto;aspect-ratio:4/5}
 body[data-page="projet-affilia"] .ec-bz-hero--photo .ec-m04-meta{grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:40px}
 body[data-page="projet-affilia"] .ec-bz-hero--photo .ec-m04-meta>div:nth-child(3),
 body[data-page="projet-affilia"] .ec-bz-hero--photo .ec-m04-meta>div:nth-child(4){grid-column:1/-1}
 body[data-page="projet-affilia"] .ec-af-intro,body[data-page="projet-affilia"] .ec-af-web-head{grid-template-columns:1fr;gap:24px}
 body[data-page="projet-affilia"] .ec-af-logo-big{aspect-ratio:4/3;margin-top:40px}
 body[data-page="projet-affilia"] .ec-af-logo-big img{width:78%}
 body[data-page="projet-affilia"] .ec-af-tag,body[data-page="projet-affilia"] .ec-af-tag2{bottom:14px}
 body[data-page="projet-affilia"] .ec-af-tag{left:16px}
 body[data-page="projet-affilia"] .ec-af-tag2{right:16px}
 body[data-page="projet-affilia"] .ec-af-stage{height:auto;margin-top:48px;overflow:visible;display:flex;flex-direction:column;align-items:center}
 body[data-page="projet-affilia"] .ec-af-ring-1{width:240px;height:240px;top:-10px;transform:translateX(-80%)}
 body[data-page="projet-affilia"] .ec-af-ring-2{width:240px;height:240px;top:220px;transform:translateX(-10%)}
 body[data-page="projet-affilia"] .ec-af-laptop{position:relative;width:calc(100% - 28px);top:0}
 body[data-page="projet-affilia"] .ec-af-scr{padding:7px 7px 8px;border-radius:10px 10px 0 0}
 body[data-page="projet-affilia"] .ec-af-base{height:9px;margin:0 -14px}
 body[data-page="projet-affilia"] .ec-af-base::after{width:60px;height:4px}
 body[data-page="projet-affilia"] .ec-af-phone{position:relative;right:auto;top:0;width:200px;margin-top:28px;border-radius:34px;padding:9px}
 body[data-page="projet-affilia"] .ec-af-st{height:26px;border-radius:26px 26px 0 0}
 body[data-page="projet-affilia"] .ec-af-phone img{border-radius:0 0 26px 26px}
 body[data-page="projet-affilia"] .ec-af-phone::before{top:16px;width:60px;height:18px}
 body[data-page="projet-affilia"] .ec-af-link{flex-direction:column;align-items:flex-start}
 body[data-page="projet-affilia"] .ec-af-liv{grid-template-columns:1fr;gap:0}
}