/* Les expertises deviennent des scènes : explorer, jouer, comprendre. */
.illustrated-expertises .page-heading{padding-bottom:60px}.expertise-cast{padding-bottom:95px}.cast-heading{display:flex;justify-content:space-between;gap:30px;margin-bottom:28px}.cast-heading>.tiny{color:var(--muted);font-size:8px}.cast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cast-link{display:block;background:#eae1d6;color:var(--wine);position:relative;overflow:hidden;padding:25px 26px;isolation:isolate;transition:translate .6s var(--motion-ease),box-shadow .6s}.cast-link:hover{translate:0 -8px;box-shadow:0 24px 50px #80162d17}.cast-identite{background:#ead5d7}.cast-contenu{background:#e3dfd0}.cast-number{font:italic 105px/.8 Instrument;letter-spacing:-.08em;position:absolute;top:25px;left:22px;opacity:.15}.cast-scenery{display:block;height:250px;position:relative}.cast-scenery:after{content:'';position:absolute;width:110px;height:12px;bottom:6px;left:50%;translate:-50% 0;border-radius:50%;background:#4a112219;filter:blur(5px);animation:character-shadow 5s ease-in-out infinite}.comic-character{object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 7px #4a112216);transform-origin:50% 95%;will-change:transform;animation:character-breathe 5s ease-in-out infinite}.cast-scenery>.comic-character{position:absolute;bottom:8px;left:50%;height:235px;width:75%;max-width:none;transform:translateX(-50%);z-index:2;animation:cast-character 5s ease-in-out infinite}.cast-identite .comic-character{animation-delay:-1.7s}.cast-contenu .comic-character{animation-delay:-3s}.cast-title{display:block;font-size:clamp(26px,2.8vw,45px);line-height:1.02;letter-spacing:-.05em;margin-top:15px}.cast-title em{font-size:1.12em}.cast-note{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #80162d35;padding-top:17px;margin-top:25px;font-size:10px;align-items:center}.cast-note i{font-style:normal;font-size:22px;transition:rotate .6s}.cast-link:hover .cast-note i{rotate:45deg}.cast-window{position:absolute;width:68%;height:130px;right:4%;top:50px;background:#f5f1ea;border:1px solid #80162d77;border-radius:6px;rotate:-10deg;box-shadow:8px 14px 0 #80162d14;animation:prop-float 7s ease-in-out infinite}.cast-window:before{content:'···';position:absolute;left:10px;right:10px;top:0;height:20px;border-bottom:1px solid #80162d33;letter-spacing:5px;line-height:1}.cast-window:after{content:'';position:absolute;inset:38px 20px 20px;background:linear-gradient(90deg,#80162d 40%,transparent 40%),linear-gradient(#dfb8bf 50%,#e9ddd2 50%)}.cast-pointer{position:absolute;right:7%;top:42%;font-size:45px;z-index:3;font-style:normal;animation:cast-pointer 4s ease-in-out infinite}.cast-shape{position:absolute;display:block;width:140px;height:140px;right:4%;top:35px;background:#80162d;border-radius:50%;animation:shape-morph 9s ease-in-out infinite}.shape-two{width:110px;height:110px;left:5%;top:auto;bottom:30px;background:#e2a789;border-radius:0;rotate:15deg;animation-delay:-4s}.cast-poster{position:absolute;width:140px;height:170px;left:10%;top:24px;background:url('assets/projet-materia-1536.webp') center/cover;border:8px solid #f5f1ea;rotate:-12deg;box-shadow:10px 10px 0 #80162d19;animation:prop-float 7s -2s ease-in-out infinite}.cast-burst{position:absolute;right:4%;top:25px;font:normal 70px Manrope;animation:orbit 14s linear infinite}.cast-link:hover .comic-character{animation-duration:2.8s}
.illustrated-expertises .service-detail{grid-template-columns:1.15fr 1fr;gap:7%;padding-block:95px}.illustrated-expertises .service-detail-name{align-self:start}.illustrated-expertises .service-detail-name h2{font-size:clamp(38px,4vw,65px);margin-bottom:35px}.illustrated-expertises .service-detail-copy{padding-top:65px}.expertise-lab{position:relative;background:#eae1d6;border:1px solid #ded1c4;isolation:isolate;--lab-x:0deg;--lab-y:0deg}.expertise-lab:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#80162d15 .6px,transparent .6px);background-size:12px 12px;pointer-events:none}.expertise-lab>.surface-glow{z-index:0}.lab-toolbar{position:relative;z-index:3;padding:20px 20px 16px;display:flex;flex-direction:column;gap:13px;border-bottom:1px solid #80162d1c}.lab-toolbar>.tiny{font-size:8px;color:var(--muted);letter-spacing:.11em}.lab-switches{display:flex;gap:5px;align-self:flex-start;padding:4px;background:#f5f1ea90;border:1px solid #80162d24;border-radius:30px}.lab-switches button{position:relative;min-height:34px;padding:7px 13px;font-size:10px;border-radius:25px;transition:background .4s,color .4s,box-shadow .4s,translate .4s}.lab-switches button[aria-pressed=true]{background:var(--wine);color:var(--paper);box-shadow:0 4px 10px #80162d21}.lab-switches button:hover{translate:0 -1px}.lab-stage{position:relative;height:430px;overflow:hidden;perspective:1000px;z-index:1}.lab-caption{position:relative;z-index:2;padding:18px 20px;border-top:1px solid #80162d24;font-size:10px;line-height:1.6;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f5f1ea45}.lab-caption>p{max-width:270px}.lab-caption>a{white-space:nowrap;border-bottom:1px solid #80162d66;font-size:9px;color:var(--wine)}.lab-disclaimer{font-size:9px;line-height:1.7;color:var(--muted);padding:0 20px 18px;background:#f5f1ea45;position:relative;z-index:2}.comic-bubble{position:absolute;z-index:4;padding:13px 17px;border:1px solid #80162d80;border-radius:16px 16px 16px 2px;background:var(--paper);color:var(--wine);font-size:12px;line-height:1.25;letter-spacing:-.025em;box-shadow:3px 4px 0 #80162d15;rotate:-5deg;animation:bubble-float 6s ease-in-out infinite}.comic-bubble:after{content:'';position:absolute;width:10px;height:10px;background:var(--paper);border-right:1px solid #80162d80;border-bottom:1px solid #80162d80;left:12px;bottom:-6px;rotate:45deg}.lab-stage>.comic-character{position:absolute;z-index:3}.character-web{left:-5%;bottom:3px;width:36%;height:280px;animation:designer-point 5s ease-in-out infinite}.browser-design{position:absolute;top:75px;right:4%;width:80%;height:302px;border-radius:7px 7px 0 0;background:var(--paper);box-shadow:0 17px 35px #4a11222b;border:1px solid #b99f8a;transform:rotateY(var(--lab-y)) rotateX(var(--lab-x)) rotate(-5deg);transform-origin:center 85%;transition:width 1s var(--motion-ease),height 1s var(--motion-ease),right 1s var(--motion-ease),top 1s var(--motion-ease),transform 1s var(--motion-ease),box-shadow 1s;overflow:hidden;z-index:2}.designed-chrome{height:22px;padding:0 9px;display:flex;align-items:center;gap:4px;background:#e9dfd4;border-bottom:1px solid #cdbbaa}.designed-chrome i{width:4px;height:4px;border-radius:50%;background:#bba595}.designed-chrome>span{font-size:6px;margin-left:auto;margin-right:auto;color:#765b50}.designed-page{position:relative;height:calc(100% - 22px);background:#f5efdf;color:#604333;overflow:hidden}.designed-nav{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;font:400 23px Instrument}.designed-nav>span{font:500 6px Manrope}.designed-nav i{font:400 13px Manrope;font-style:normal}.designed-visual{position:absolute;inset:50px 0 0 51%;background:url('assets/projet-aveline-1536.webp') center/cover;transition:inset .85s var(--motion-ease),opacity .6s}.designed-copy{position:absolute;left:7%;top:33%;z-index:1;transition:top .85s var(--motion-ease),left .85s}.designed-copy>span:first-child{font-size:5px;letter-spacing:.09em}.designed-copy h3{font:400 clamp(28px,2.6vw,42px)/.95 Instrument;letter-spacing:-.04em;margin:12px 0}.designed-copy h3 em{color:var(--wine)}.designed-copy p{font-size:6px;line-height:1.7}.designed-discover{font-size:6px;display:inline-block;border-bottom:1px solid #604333;margin-top:15px;padding-bottom:4px}.designed-baseline{position:absolute;left:7%;bottom:15px;display:flex;gap:6px}.designed-baseline i{width:20px;height:2px;background:#cbb498}.designed-baseline i:first-child{background:var(--wine)}.web-bubble{top:23px;left:6%;font-size:11px}.interface-cursor{position:absolute;right:27%;bottom:62px;z-index:4;color:var(--wine);font-size:34px;filter:drop-shadow(2px 2px 0 #f5f1ea);animation:interface-click 5s ease-in-out infinite}.lab-spark{position:absolute;font:500 40px Manrope;color:var(--wine);animation:orbit 18s linear infinite}.web-spark{right:7%;top:16px}.lab-web[data-device=mobile] .browser-design{width:43%;height:346px;right:16%;top:45px;border-radius:20px;border:5px solid #4a1122;transform:rotate(4deg);box-shadow:8px 16px 0 #80162d17}.lab-web[data-device=mobile] .designed-chrome{height:12px;justify-content:center;padding:0;border:0;background:#4a1122}.lab-web[data-device=mobile] .designed-chrome i{display:none}.lab-web[data-device=mobile] .designed-chrome>span{font-size:0;width:30%;height:3px;border-radius:3px;background:#d0a3a8;margin-top:-4px}.lab-web[data-device=mobile] .designed-page{height:calc(100% - 12px);border-radius:0 0 12px 12px}.lab-web[data-device=mobile] .designed-nav{padding:12px 14px;font-size:22px}.lab-web[data-device=mobile] .designed-nav>span{display:none}.lab-web[data-device=mobile] .designed-visual{inset:48px 0 40% 0}.lab-web[data-device=mobile] .designed-copy{top:62%;left:10%}.lab-web[data-device=mobile] .designed-copy>span:first-child{font-size:4px}.lab-web[data-device=mobile] .designed-copy h3{font-size:30px;margin:7px 0}.lab-web[data-device=mobile] .designed-copy p{display:none}.lab-web[data-device=mobile] .designed-discover{margin-top:9px}.lab-web[data-device=mobile] .designed-baseline{display:none}.lab-web[data-device=mobile] .interface-cursor{right:26%;bottom:70px;animation-name:interface-mobile-click}
.lab-identity{--brand-paper:#e4e4d7;--brand-ink:#365247;--brand-accent:#b0c3aa;--brand-font:Instrument,Georgia,serif;background:#dfe1d6;transition:background .8s}.identity-stage{background:radial-gradient(ellipse at 50% 70%,#f5f1ea80,transparent 70%)}.brand-poster{position:absolute;left:8%;top:35px;width:67%;height:285px;background:var(--brand-paper);color:var(--brand-ink);padding:22px;rotate:-7deg;box-shadow:9px 15px 0 #364d4316,0 20px 35px #253d3212;transition:background .8s,color .8s,rotate .8s,box-shadow .8s;overflow:hidden}.brand-edition{font-size:6px;letter-spacing:.16em;display:block}.brand-word{display:block;font:400 clamp(70px,8vw,115px)/1 var(--brand-font);letter-spacing:-.06em;margin-top:25px;transition:letter-spacing .8s;position:relative;z-index:1}.brand-manifesto{display:block;font-size:11px;letter-spacing:-.02em;line-height:1.3;margin-top:18px;position:relative;z-index:1}.brand-poster-mark{font-style:normal;position:absolute;right:20px;bottom:15px;font-size:45px}.brand-seal{position:absolute;bottom:36px;left:6%;height:100px;width:100px;display:grid;place-items:center;background:var(--brand-ink);color:var(--brand-paper);font:italic 80px/.8 Instrument;border-radius:50%;box-shadow:7px 8px 0 #80162d16;rotate:8deg;transition:color .8s,background .8s,border-radius .8s,rotate .8s}.brand-palette{position:absolute;right:5%;top:35px;display:flex;gap:5px;rotate:7deg}.brand-palette i{width:20px;height:50px;background:var(--brand-ink);border:3px solid var(--paper);box-shadow:3px 4px 0 #80162d12;transition:background .8s,rotate .8s}.brand-palette i:nth-child(2){background:var(--brand-paper)}.brand-palette i:nth-child(3){background:var(--brand-accent)}.character-identity{right:-6%;bottom:0;width:40%;height:300px;animation:artist-conduct 6s ease-in-out infinite}.identity-bubble{right:6%;top:90px;rotate:6deg;font-size:10px}.identity-bubble:after{left:auto;right:14px}.pencil-trace{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;fill:none;stroke:var(--brand-ink);stroke-width:1;opacity:.55}.pencil-trace path{stroke-dasharray:650;stroke-dashoffset:650;animation:sketch-loop 8s ease-in-out infinite}.lab-identity[data-tone=editorial]{--brand-paper:#f1d5c8;--brand-ink:#7d1932;--brand-accent:#bc7791;background:#e6cbd0}.lab-identity[data-tone=editorial] .brand-word{font-style:italic;letter-spacing:-.07em}.lab-identity[data-tone=editorial] .brand-poster{rotate:4deg}.lab-identity[data-tone=editorial] .brand-seal{rotate:-10deg;border-radius:4px 50% 4px 50%}.lab-identity[data-tone=electric]{--brand-paper:#e24f44;--brand-ink:#fff2bc;--brand-accent:#7c1833;--brand-font:Manrope,Arial,sans-serif;background:#f0bca2}.lab-identity[data-tone=electric] .brand-word{text-transform:uppercase;font-weight:800;font-size:clamp(48px,6vw,90px);letter-spacing:-.09em;rotate:-8deg;margin-left:-6px;margin-top:45px}.lab-identity[data-tone=electric] .brand-poster{rotate:-4deg;box-shadow:12px 14px 0 #7c18334d}.lab-identity[data-tone=electric] .brand-poster:after{content:'';position:absolute;inset:-50%;background:repeating-linear-gradient(45deg,transparent 0,transparent 24px,#7c183318 25px,#7c183318 26px);rotate:10deg}.lab-identity[data-tone=electric] .brand-seal{background:var(--brand-accent);border-radius:0;rotate:-15deg}.lab-identity[data-tone=electric] .brand-palette{rotate:-10deg}.lab-identity[data-tone=electric] .brand-palette i{rotate:8deg}
.lab-content{background:#e9d5cf}.content-stage{height:455px}.campaign-poster{--poster-w:240px;position:absolute;z-index:2;left:9%;top:32px;width:var(--poster-w);height:350px;background:#762638;color:var(--paper);overflow:hidden;rotate:-6deg;border:8px solid #f5f1ea;box-shadow:0 20px 35px #4a112230;transition:width .9s var(--motion-ease),height .9s var(--motion-ease),left .9s var(--motion-ease),top .9s var(--motion-ease),rotate .9s var(--motion-ease)}.campaign-poster>img{width:100%;height:100%;object-fit:cover;object-position:center}.campaign-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#41112180,transparent 70%);pointer-events:none}.campaign-brand{position:absolute;top:15px;left:15px;z-index:1;font:italic 23px/1 Instrument}.campaign-poster>strong{position:absolute;bottom:48px;left:14px;right:12px;font-size:37px;letter-spacing:-.065em;line-height:.95;font-weight:500;z-index:1;transition:font-size .8s,bottom .8s}.campaign-poster>strong em{font-size:1.17em}.campaign-footnote{position:absolute;left:15px;bottom:14px;font-size:5px;letter-spacing:.15em;z-index:1}.poster-peel{position:absolute;right:0;bottom:0;width:20px;height:20px;background:linear-gradient(135deg,#fff9ea 0,#ddd1c2 48%,#4a112230 50%,transparent 52%);z-index:3;transition:width .5s,height .5s}.campaign-poster:hover .poster-peel{width:35px;height:35px}.content-echo{position:absolute;left:11%;top:40px;width:245px;height:350px;border:1px solid #80162d55;rotate:4deg;transition:height .9s,width .9s,rotate .9s}.character-content{right:-5%;bottom:0;width:39%;height:290px;animation:campaign-dance 4s ease-in-out infinite}.content-bubble{right:4%;top:28px;rotate:6deg;font-size:11px}.content-bubble:after{left:auto;right:14px}.sound-waves{position:absolute;right:27%;top:39%;width:50px;height:80px;z-index:3;fill:none;stroke:var(--wine);stroke-width:1.4;pointer-events:none}.sound-waves path{animation:sound-call 2.4s ease-in-out infinite;transform-origin:right center}.sound-waves path:nth-child(2){animation-delay:.2s}.sound-waves path:nth-child(3){animation-delay:.4s}.lab-content[data-format=story] .campaign-poster{width:200px;height:355px;left:14%;top:30px;rotate:3deg}.lab-content[data-format=story] .campaign-poster>strong{font-size:34px;bottom:65px}.lab-content[data-format=story] .content-echo{width:200px;height:355px;left:13%;rotate:-6deg}.lab-content[data-format=post] .campaign-poster{width:290px;height:290px;left:7%;top:63px;rotate:-3deg}.lab-content[data-format=post] .campaign-poster>strong{font-size:41px;bottom:40px}.lab-content[data-format=post] .content-echo{width:290px;height:290px;left:8%;top:65px;rotate:5deg}
.lab-reacting .comic-character{animation:character-action .8s var(--motion-ease) both}.lab-reacting .comic-bubble{animation:bubble-pop .7s var(--motion-ease) both}.lab-reacting .pencil-trace path{animation:sketch-action 1.3s var(--motion-ease) both}
.contact-illustration{position:relative;height:220px;max-width:430px;margin-top:25px;overflow:hidden}.contact-illustration>.comic-character{position:absolute;right:20px;bottom:-7px;width:135px;height:215px;z-index:2;animation:designer-point 5s ease-in-out infinite}.contact-illustration>.comic-bubble{top:23px;left:40px;font-size:15px;rotate:-5deg}.contact-illustration>svg{position:absolute;inset:0;fill:none;stroke:#80162d66;stroke-width:.7;width:100%;height:100%;z-index:0}.contact-comic-spark{position:absolute;left:44%;bottom:30px;color:var(--wine);font:normal 40px Manrope;animation:orbit 20s linear infinite}
@keyframes character-breathe{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -8px;rotate:1deg}}
@keyframes cast-character{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -12px;rotate:2deg}}
@keyframes character-shadow{0%,100%{scale:1;opacity:.7}50%{scale:.8;opacity:.35}}
@keyframes prop-float{0%,100%{translate:0 0;rotate:-9deg}50%{translate:4px -8px;rotate:-3deg}}
@keyframes cast-pointer{0%,100%{translate:0 0;rotate:0deg}45%{translate:-14px 13px;rotate:-10deg}60%{translate:-11px 9px;scale:.9}}
@keyframes shape-morph{0%,100%{border-radius:50%;rotate:0deg;translate:0 0}50%{border-radius:15% 50% 15% 50%;rotate:90deg;translate:0 -6px}}
@keyframes designer-point{0%,100%{translate:0 0;rotate:-1deg}30%{translate:4px -5px;rotate:2deg}55%{translate:7px -2px;rotate:1deg}75%{translate:0 -3px;rotate:-2deg}}
@keyframes artist-conduct{0%,100%{translate:0 0;rotate:-1deg}35%{translate:-4px -4px;rotate:-4deg}65%{translate:2px -6px;rotate:3deg}}
@keyframes campaign-dance{0%,100%{translate:0 0;rotate:-2deg}25%{translate:-4px -11px;rotate:2deg}55%{translate:2px 0;rotate:0deg}80%{translate:5px -6px;rotate:3deg}}
@keyframes bubble-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes interface-click{0%,100%{translate:0 0;scale:1}35%{translate:-40px -23px;scale:1}48%{translate:-40px -23px;scale:.8}58%{translate:-40px -23px;scale:1}}
@keyframes interface-mobile-click{0%,100%{translate:0 0;scale:1}35%{translate:-10px -35px;scale:1}48%{translate:-10px -35px;scale:.8}58%{translate:-10px -35px;scale:1}}
@keyframes sketch-loop{0%,15%{stroke-dashoffset:650;opacity:0}30%{opacity:.6}70%,85%{stroke-dashoffset:0;opacity:.6}100%{stroke-dashoffset:-650;opacity:0}}
@keyframes sketch-action{from{stroke-dashoffset:650;opacity:.7}to{stroke-dashoffset:0;opacity:.6}}
@keyframes sound-call{0%,100%{opacity:0;scale:.8}35%,65%{opacity:.75;scale:1}}
@keyframes character-action{0%{translate:0 0;rotate:0deg}35%{translate:-7px -13px;rotate:-5deg}70%{translate:4px -3px;rotate:3deg}100%{translate:0 0;rotate:0deg}}
@keyframes bubble-pop{from{opacity:0;scale:.75;translate:0 8px}to{opacity:1;scale:1;translate:0 0}}
@media(min-width:1500px){.lab-stage{height:460px}.browser-design{height:330px;top:80px}.character-web{height:310px}.character-identity{height:330px}.character-content{height:320px}.brand-poster{height:310px}.campaign-poster{height:365px;width:250px}.content-echo{height:365px;width:250px}.lab-content[data-format=story] .campaign-poster,.lab-content[data-format=story] .content-echo{height:380px;width:213px}.lab-content[data-format=post] .campaign-poster,.lab-content[data-format=post] .content-echo{height:310px;width:310px}}
@media(max-width:1100px){.cast-grid{gap:15px}.cast-link{padding:22px 20px}.cast-scenery{height:220px}.cast-scenery>.comic-character{height:210px}.cast-title{font-size:30px}.cast-note{font-size:8px}.lab-switches button{padding-inline:11px;font-size:9px}.lab-stage{height:365px}.browser-design{height:260px;top:70px}.designed-copy h3{font-size:32px}.character-web,.character-identity{height:235px}.character-content{height:225px}.brand-poster{height:250px;padding:18px}.brand-word{font-size:80px}.brand-manifesto{font-size:9px}.brand-seal{width:80px;height:80px;font-size:65px;bottom:25px}.identity-bubble{font-size:9px;padding:10px;top:75px}.brand-palette i{width:17px;height:40px}.campaign-poster,.content-echo{height:300px;width:210px}.lab-content[data-format=story] .campaign-poster,.lab-content[data-format=story] .content-echo{height:300px;width:169px}.lab-content[data-format=post] .campaign-poster,.lab-content[data-format=post] .content-echo{width:240px;height:240px}.campaign-poster>strong{font-size:30px}.lab-content[data-format=post] .campaign-poster>strong{font-size:34px}.content-bubble{font-size:9px;padding:11px}.sound-waves{right:25%;width:35px;height:60px}.lab-caption{display:block;font-size:9px}.lab-caption>a{display:inline-block;margin-top:8px;font-size:9px}.lab-disclaimer{font-size:8px}}
@media(max-width:800px){.cast-heading>.tiny{display:none}.cast-link{padding:18px 15px}.cast-scenery{height:185px}.cast-scenery>.comic-character{height:185px;width:100%}.cast-number{font-size:75px;top:23px;left:15px}.cast-title{font-size:25px}.cast-note{font-size:7px;min-height:50px}.cast-window{height:90px;top:45px;right:0}.cast-window:after{inset:30px 10px 15px}.cast-pointer{font-size:30px;right:0}.cast-shape{width:90px;height:90px;top:40px}.shape-two{width:75px;height:75px;top:auto;bottom:20px}.cast-poster{width:95px;height:120px;left:0;top:30px;border-width:5px}.cast-burst{font-size:45px;right:-5px}.illustrated-expertises .service-detail{grid-template-columns:1fr;gap:40px;padding-block:65px}.illustrated-expertises .service-detail-name h2{font-size:48px;margin-bottom:25px}.illustrated-expertises .service-detail-copy{padding-top:0;max-width:650px}.illustrated-expertises .service-detail-copy h3{font-size:38px}.expertise-lab{max-width:650px}.lab-toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.lab-toolbar>.tiny{max-width:130px;font-size:7px}.lab-stage{height:450px}.browser-design{height:330px;top:65px;right:6%;width:76%}.designed-copy h3{font-size:44px}.designed-copy p{font-size:8px}.designed-copy>span:first-child{font-size:6px}.designed-discover{font-size:7px}.character-web{height:305px;width:33%;left:-2%}.character-identity{height:320px;right:0;width:35%}.character-content{height:310px;right:0;width:35%}.brand-poster{height:300px;top:45px;width:63%}.brand-word{font-size:115px}.brand-manifesto{font-size:12px}.brand-seal{width:95px;height:95px;bottom:37px}.brand-palette{right:10%;top:45px}.identity-bubble{font-size:12px;top:105px;right:6%}.campaign-poster,.content-echo{height:350px;width:250px;left:10%;top:40px}.campaign-poster>strong{font-size:39px}.lab-content[data-format=story] .campaign-poster,.lab-content[data-format=story] .content-echo{height:365px;width:205px;left:15%}.lab-content[data-format=post] .campaign-poster,.lab-content[data-format=post] .content-echo{width:310px;height:310px;left:8%}.lab-content[data-format=post] .campaign-poster>strong{font-size:44px}.content-bubble{font-size:11px;right:6%;top:35px}.sound-waves{width:50px;height:80px;right:28%}.lab-caption{display:flex;font-size:11px}.lab-caption>a{margin:0;font-size:10px}.lab-disclaimer{font-size:9px}.lab-identity[data-tone=electric] .brand-word{font-size:88px}.contact-illustration{height:175px;max-width:390px;margin-top:15px}.contact-illustration>.comic-character{height:175px;width:115px;right:30px}.contact-illustration>.comic-bubble{left:20px;top:25px;font-size:13px}.contact-comic-spark{font-size:30px;bottom:20px}}
@media(max-width:520px){.illustrated-expertises .page-heading{padding-bottom:40px}.expertise-cast{padding-bottom:60px}.cast-heading{margin-bottom:22px}.cast-heading>.eyebrow{font-size:8px}.cast-grid{grid-template-columns:1fr;gap:14px}.cast-link{min-height:225px;padding:25px 20px;display:flex;flex-direction:column;justify-content:center}.cast-number{font-size:92px;top:20px;left:auto;right:22px;opacity:.11}.cast-scenery{position:absolute;right:8px;top:8px;bottom:8px;width:47%;height:auto}.cast-scenery>.comic-character{height:195px;bottom:0}.cast-title{font-size:29px;position:relative;z-index:3;width:58%;margin-top:0}.cast-note{width:54%;padding-top:13px;margin-top:20px;font-size:8px;min-height:0;position:relative;z-index:3;line-height:1.4;gap:10px}.cast-note i{font-size:20px}.cast-window{height:85px;width:95px;right:-4px;top:40px}.cast-shape{right:-4px;top:23px;width:90px;height:90px}.shape-two{left:0;top:auto;bottom:25px;width:75px;height:75px}.cast-poster{width:90px;height:115px;left:15px;top:12px}.cast-burst{font-size:37px;right:-2px;top:25px}.illustrated-expertises .service-detail{padding-block:45px;gap:30px}.illustrated-expertises .service-detail-name h2{font-size:10vw;margin-top:15px;margin-bottom:22px}.illustrated-expertises .service-detail-copy h3{font-size:8.5vw}.lab-toolbar{flex-direction:column;align-items:flex-start;padding:18px 15px 15px;gap:12px}.lab-toolbar>.tiny{max-width:none;font-size:7px}.lab-switches{max-width:100%}.lab-switches button{min-height:34px;padding:7px 12px;font-size:9px}.lab-stage{height:345px}.browser-design{height:240px;top:72px;width:80%;right:4%}.designed-nav{font-size:20px;padding:12px}.designed-nav>span{font-size:5px}.designed-visual{inset:42px 0 0 51%}.designed-copy{top:32%}.designed-copy h3{font-size:30px;margin:10px 0}.designed-copy p{font-size:6px}.designed-copy>span:first-child{font-size:4px}.designed-discover{font-size:5px;margin-top:11px}.character-web{height:220px;width:38%;left:-6%}.web-bubble{top:18px;left:7%;font-size:10px;padding:10px 13px}.web-spark{font-size:28px;right:6%;top:20px}.interface-cursor{font-size:27px;bottom:45px}.lab-web[data-device=mobile] .browser-design{width:46%;right:14%;height:290px;top:28px;border-width:4px;border-radius:16px}.lab-web[data-device=mobile] .designed-nav{font-size:18px;padding:10px}.lab-web[data-device=mobile] .designed-visual{inset:42px 0 39% 0}.lab-web[data-device=mobile] .designed-copy{top:63%}.lab-web[data-device=mobile] .designed-copy h3{font-size:26px;margin:6px 0}.lab-web[data-device=mobile] .designed-discover{font-size:5px;margin-top:5px}.lab-caption{display:block;padding:15px;font-size:10px}.lab-caption>a{display:inline-block;margin-top:7px;font-size:9px}.lab-disclaimer{padding:0 15px 16px;font-size:8px}.brand-poster{left:8%;top:30px;width:65%;height:240px;padding:17px}.brand-edition{font-size:5px}.brand-word{font-size:80px;margin-top:25px}.brand-manifesto{font-size:9px;margin-top:16px}.brand-poster-mark{font-size:32px;bottom:12px;right:15px}.brand-seal{width:76px;height:76px;font-size:60px;bottom:24px;left:5%}.brand-palette{right:6%;top:20px;gap:3px}.brand-palette i{width:16px;height:36px;border-width:2px}.character-identity{height:235px;width:43%;right:-7%}.identity-bubble{right:4%;top:82px;font-size:9px;padding:10px}.lab-identity[data-tone=electric] .brand-word{font-size:61px;margin-top:44px}.campaign-poster,.content-echo{height:275px;width:193px;left:8%;top:30px;border-width:6px}.campaign-poster>strong{font-size:30px;bottom:39px;left:12px}.campaign-brand{font-size:20px;left:12px;top:13px}.campaign-footnote{font-size:4px;left:12px;bottom:12px}.character-content{height:228px;width:41%;right:-6%}.content-bubble{font-size:9px;right:3%;top:21px;padding:10px}.sound-waves{width:35px;height:60px;right:26%;top:39%}.lab-content[data-format=story] .campaign-poster,.lab-content[data-format=story] .content-echo{height:285px;width:160px;left:12%;top:28px}.lab-content[data-format=story] .campaign-poster>strong{font-size:27px;bottom:58px}.lab-content[data-format=post] .campaign-poster,.lab-content[data-format=post] .content-echo{width:232px;height:232px;left:6%;top:52px}.lab-content[data-format=post] .campaign-poster>strong{font-size:33px;bottom:38px}.contact-illustration{height:150px;max-width:340px;margin-top:20px}.contact-illustration>.comic-character{height:155px;width:100px;right:8px}.contact-illustration>.comic-bubble{font-size:12px;left:12px;top:18px}.contact-comic-spark{font-size:29px;left:47%;bottom:25px}}
@media(prefers-reduced-motion:reduce){.comic-character,.cast-scenery>.comic-character,.comic-bubble,.cast-window,.cast-shape,.cast-burst,.cast-pointer,.interface-cursor,.lab-spark,.pencil-trace path,.sound-waves path,.contact-comic-spark{animation:none!important;will-change:auto}.pencil-trace path{stroke-dashoffset:0;opacity:.4}.sound-waves path{opacity:.45}.browser-design{transform:rotate(-5deg)}.lab-reacting .comic-character,.lab-reacting .comic-bubble{animation:none!important}.cast-link:hover{translate:0 0}}
@media(max-width:520px){.character-content{right:0;width:39%}.character-identity{right:-2%}}

/* Un sommaire discret accompagne les trois prestations, puis laisse place à la méthode. */
.expertise-sequence{--expertise-top:78px}
html:has(.expertise-nav){scroll-padding-top:154px}
.expertise-nav{position:sticky;top:var(--expertise-top);z-index:60;background:#f5f1eaf5;border-block:1px solid var(--line);backdrop-filter:blur(16px)}
.expertise-nav>.wrap{display:flex;align-items:center;gap:30px;min-height:76px}
.expertise-nav-label{margin-right:auto;font-size:11px;line-height:1.5;color:var(--muted)}
.expertise-nav-links{display:flex;gap:30px}
.expertise-nav-links>a{display:flex;align-items:center;gap:10px;min-height:56px;padding-block:14px;font-size:13px;position:relative}
.expertise-nav-links>a>span{font-size:10px;color:var(--muted)}
.expertise-nav-links>a:after{content:'';position:absolute;bottom:0;inset-inline:0;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.expertise-nav-links>a:hover,.expertise-nav-links>a[aria-current]{color:var(--wine)}
.expertise-nav-links>a:hover:after,.expertise-nav-links>a[aria-current]:after{transform:scaleX(1)}
.expertise-nav-contact{display:flex;align-items:center;gap:20px;margin-left:auto;min-height:44px;font-size:12px;color:var(--wine)}
.expertise-nav-contact>span{font-size:22px}
.illustrated-expertises .service-detail{scroll-margin-top:20px}
.cast-note{font-size:13px;font-weight:600;letter-spacing:-.01em}
.lab-switches button{min-height:44px;font-size:11px}
.lab-caption,.lab-caption>a{font-size:12px}
.lab-caption>a{display:inline-flex;align-items:center;min-height:44px}
.lab-disclaimer{font-size:11px}
.decorative-paused .browser-design{transform:rotate(-5deg)}
@media(max-width:1100px){.expertise-nav>.wrap{gap:20px}.expertise-nav-links{gap:22px}.expertise-nav-label{display:none}.expertise-nav-contact{font-size:11px}}
@media(max-width:800px){.expertise-sequence{--expertise-top:72px}html:has(.expertise-nav){scroll-padding-top:148px}.expertise-nav>.wrap{min-height:64px}.expertise-nav-links{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:14px}.expertise-nav-links>a{min-height:64px;font-size:12px;gap:7px;line-height:1.35}.expertise-nav-contact{display:none}.lab-switches button{font-size:11px}.lab-caption,.lab-caption>a{font-size:12px}.lab-disclaimer{font-size:11px}}
@media(max-width:520px){.cast-note{font-size:11px;line-height:1.4}.lab-caption{display:block}.lab-caption>a{margin-top:4px}.lab-disclaimer{font-size:11px}.lab-switches button{padding-inline:11px}.expertise-nav-links>a>span{display:none}.expertise-nav-links>a{justify-content:center;text-align:center}}