/* Source: Weman Group_Charte graphique.pdf, pages 4–7, supplied 27 Oct 2026. */
:root{
 --paper:#FAF7F3;--ink:#252420;--black:#111111;--white:#FFFFFF;
 --blue:#0071FE;--pink:#FD3892;--mint:#34D9A1;--yellow:#FFCB37;
 --coral:#FF806D;--purple:#A78AFA;--text:var(--ink);
 --soft-purple:color-mix(in srgb,var(--purple) 15%,var(--paper));
 --soft-mint:color-mix(in srgb,var(--mint) 11%,var(--paper));
 --soft-pink:color-mix(in srgb,var(--pink) 7%,var(--paper));
 --soft-yellow:color-mix(in srgb,var(--yellow) 19%,var(--paper));
 --secondary:color-mix(in srgb,var(--ink) 78%,var(--white));
 --title-coral:color-mix(in srgb,var(--coral) 78%,var(--ink));
 --title-pink:color-mix(in srgb,var(--pink) 92%,var(--ink));
 --title-yellow:color-mix(in srgb,var(--yellow) 60%,var(--ink));
}
body{font-family:'Archivo',Arial,sans-serif;font-weight:400;color:var(--ink)}
h1,.hero h1{font-weight:900;color:var(--black)}
h2,.sectionhead h2,.story h2,.closing h2,.audiences h2{font-weight:800;color:var(--black)}
h3,.card h3,.audience h3{font-weight:700;color:var(--black)}
strong,b,.point b,.btn,.textlink,.card-link{font-weight:600}
.alignment-card>span:not(.card-index),.thought-bubble,.tag,.eyebrow{font-weight:700}
.intro,.card p,.story p,.closing p,.audience p,.sectionhead p,dialog p,dialog li{color:var(--ink);font-weight:400}
.partner-note,.footer small,.point small,.form-note,.detail-state,.composition-label{color:var(--secondary)}
.point small,.footer small,.alignment-card small{font-weight:300}
.hero h1 .accent,.gradient-title,.closing .accent{background-image:linear-gradient(105deg,var(--title-coral) 4%,var(--title-pink) 49%,var(--title-yellow) 97%)}
.top{background:var(--white);backdrop-filter:none}
/* Show the supplied JPG pixels without redrawing the wordmark or recolouring it.
   The CSS viewport removes only surplus white margins; the protection area remains. */
.logo{position:relative;display:block;width:200px;height:76px;overflow:hidden;background:var(--white);border-radius:0}
.logo img{position:absolute;left:-12px;top:-10px;width:236px;height:auto;max-height:none;max-width:none;object-fit:contain}
.footer{background:var(--white);position:relative}
.footer:before{content:'';position:absolute;inset:0 calc((1220px - 100vw)/2);background:var(--white);z-index:-1}
.footer .logo{width:170px;height:65px}.footer .logo img{width:200px;left:-10px;top:-9px}
.solutions-tint{background:var(--soft-purple)}.approach-tint{background:var(--soft-mint)}.contact-tint{background:var(--soft-pink)}
.audience{background:var(--soft-yellow);box-shadow:none}.audience:nth-child(2){background:color-mix(in srgb,var(--pink) 11%,var(--paper))}.audience:after{display:none}
.card:nth-child(2),.skills{background:var(--yellow)}.card:nth-child(5){background:var(--mint)}.wishes,.heroart .badge{background:var(--pink)}
.card .icon{box-shadow:none}.heroart .badge{box-shadow:2px 3px 0 var(--ink)}
.services,.audiences{position:relative}
.ribbon-arc{width:75px;height:57px;fill:none;stroke-width:20;stroke-linecap:butt;stroke-linejoin:round}
.hero-arcs{width:76px;height:60px;stroke:var(--pink);right:-1%;top:44%;rotate:-36deg}
.contact-arcs{width:65px;height:53px;stroke:var(--blue);left:-1%;bottom:7%;rotate:19deg}
.solutions-arc{right:38px;top:12px;width:61px;height:47px;stroke:var(--mint);rotate:153deg}
.audiences-arc{right:42px;top:14px;width:57px;height:44px;stroke:var(--yellow);rotate:15deg}
.top>.btn{background:var(--white)}.footer button{color:var(--ink)}
body.editmode [data-edit]{outline-color:color-mix(in srgb,var(--blue) 55%,transparent)}
body.editmode [data-edit]:hover{background:color-mix(in srgb,var(--yellow) 20%,transparent)}
body.editmode [data-edit]:focus{background:var(--soft-yellow)}
body.editmode .gradient-title [data-edit],body.editmode .accent [data-edit]{color:var(--title-pink)}
@media(max-width:1220px){.footer:before{inset:0}}
@media(max-width:800px){.logo{width:170px;height:65px}.logo img{width:200px;left:-10px;top:-9px}.hero-arcs{width:69px;height:52px}.solutions-arc{right:28px;top:7px;width:49px}.audiences-arc{right:25px;top:9px;width:48px}}
@media(max-width:600px){.hero-arcs{right:-3px;width:54px;height:44px}.solutions-arc{right:22px;top:9px;width:42px;height:32px}.audiences-arc{right:24px;top:14px;width:38px;height:29px}.contact-arcs{left:1%;width:55px;height:45px}.closing h2,.sectionhead h2{letter-spacing:-1px}.footer{padding-bottom:28px}}
.footer{max-width:none;padding-inline:max(40px,calc((100vw - 1140px)/2))}.footer:before{display:none}@media(max-width:800px){.footer{padding-inline:25px}}