/* Scène Atelier : la matière Bonbon de l'app (plaques blanches, liseré d'encre violette, ombre franche, police arrondie, ciel de dessin animé). */
.aa{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#58ace9 0,#a6d8f6 52%,#e6f4fb 100%);color:#33264d;--u:1px;--s:135px;--encre:#33264d;--rose:#ff4f8c;--rose-fort:#d62a6b;font-family:"Arial Rounded MT Bold","Arial Rounded MT",ui-rounded,"SF Pro Rounded","Helvetica Neue",Arial,sans-serif}
.aa p{margin:0}
.aa img{user-select:none;-webkit-user-drag:none;pointer-events:none}
.aa-ciel{position:absolute;inset:0;z-index:0;pointer-events:none}
.aa-nuage{position:absolute;left:calc(var(--s)*-2.8);top:calc(var(--s)*-1.9);width:calc(var(--s)*5.59);height:calc(var(--s)*3.6);transform-origin:calc(var(--s)*2.8) calc(var(--s)*1.9);will-change:transform}
.aa-monde{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform,opacity;z-index:2}
.aa-plot{position:absolute;left:0;top:0;width:0;height:0}
.aa-haut{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}
.aa-pi{position:absolute;left:calc(var(--s)*-1.8);top:calc(var(--s)*-2.75);width:calc(var(--s)*3.6);height:calc(var(--s)*4.197)}
.aa-tete,.aa-tete2{will-change:transform;transform-origin:50% 47%}
.aa-bord{opacity:0}
.aa-fut{position:absolute;left:calc(var(--s)*-1.8);top:calc(var(--s)*-6);width:calc(var(--s)*3.6);height:calc(var(--s)*7.1);overflow:hidden}
.aa-fh,.aa-fb{position:absolute;left:0;top:calc(var(--s)*5.5);width:calc(var(--s)*3.6);height:calc(var(--s)*3.897);will-change:transform}
.aa-bulles{position:absolute;left:0;top:0;width:0;height:0}
.aa-b{position:absolute;left:0;top:0;padding:calc(var(--s)*.05) calc(var(--s)*.11);background:#fff;border:calc(var(--s)*.022) solid var(--encre);border-radius:calc(var(--s)*.12);box-shadow:0 calc(var(--s)*.03) 0 var(--encre);font-size:calc(var(--s)*.126);line-height:1.2;white-space:nowrap}
.aa-b::after{content:"";position:absolute;left:50%;bottom:calc(var(--s)*-.1);width:calc(var(--s)*.13);height:calc(var(--s)*.1);margin-left:calc(var(--s)*-.065);background:var(--encre);clip-path:polygon(0 0,100% 0,50% 100%)}
.aa-rep{background:var(--rose-fort);color:#fff;font-size:calc(var(--s)*.15)}
.aa-tag{background:#fff;color:#a12a5a}

.aa-journaux{position:absolute;inset:0;z-index:3;pointer-events:none}
.aa-j{position:absolute;left:0;top:0;background:#241b38;border:3px solid var(--encre);border-radius:12px;overflow:hidden;transform-origin:0 0;box-shadow:0 5px 0 #1a1329;will-change:transform,opacity}
.aa-j__h{display:flex;align-items:center;gap:7px;height:26px;padding:0 10px;background:#33264d;color:#c6bbe0;font:500 11.5px/1 "IBM Plex Mono",ui-monospace,monospace;position:relative;z-index:1}
.aa-j__h i{width:8px;height:8px;border-radius:50%;background:#6d5f8c}
.aa-j pre{margin:0;padding:8px 10px;color:#a79ad0;font:400 11px/1.55 "IBM Plex Mono",ui-monospace,monospace;white-space:pre;will-change:transform}
.aa-plaque{position:absolute;left:50%;top:52%;padding:calc(var(--u)*30) calc(var(--u)*50);background:#fff;border:calc(var(--u)*5) solid var(--encre);border-radius:calc(var(--u)*30);box-shadow:0 calc(var(--u)*9) 0 var(--encre);text-align:center;font-size:clamp(22px,calc(var(--u)*52),52px);line-height:1.14;white-space:nowrap;z-index:6}
.aa-rose{color:#d62a6b}

.aa-tete-p{position:absolute;left:clamp(12px,calc(var(--u)*44),44px);right:clamp(12px,calc(var(--u)*48),48px);top:clamp(8px,calc(var(--u)*30),30px);display:flex;justify-content:space-between;align-items:flex-start;z-index:12;pointer-events:none;opacity:0}
.aa-logo{display:flex;align-items:center;gap:calc(var(--u)*10);font-size:clamp(20px,calc(var(--u)*34),34px);line-height:1}
.aa-logo img{width:clamp(34px,calc(var(--u)*64),64px);height:clamp(34px,calc(var(--u)*64),64px);object-fit:contain}
.aa-droite{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.aa-etapes{position:relative;display:block;width:200px;height:13px}
.aa-etape{position:absolute;right:0;top:0;font-size:13px;line-height:1;letter-spacing:.14em;white-space:pre;opacity:0}
.aa-pied{font-size:clamp(9px,calc(var(--u)*13),13px);line-height:1;letter-spacing:.15em}
.aa-pastille{position:absolute;right:clamp(12px,calc(var(--u)*48),48px);top:clamp(52px,calc(var(--u)*92),92px);display:flex;align-items:center;gap:10px;padding:8px 19px 8px 9px;background:#fff;border:3.5px solid var(--encre);border-radius:999px;box-shadow:0 5px 0 var(--encre);font-size:clamp(14px,calc(var(--u)*21),21px);z-index:12;opacity:0}
.aa-pastille b{display:grid;place-items:center;width:clamp(26px,calc(var(--u)*36),36px);height:clamp(26px,calc(var(--u)*36),36px);border-radius:50%;background:var(--rose-fort);color:#fff;font-weight:400}
.aa-pastille.est-zero b{background:#2b8044}
.aa-pastille:focus{outline:none}
.aa-pastille:focus-visible{outline:3px solid var(--encre);outline-offset:3px}
.aa-titre{position:absolute;left:clamp(14px,calc(var(--u)*48),48px);bottom:clamp(40px,calc(var(--u)*60),60px);width:calc(var(--u)*640);font-size:clamp(24px,calc(var(--u)*47),47px);line-height:1.08;z-index:11;opacity:0;pointer-events:none;text-shadow:0 0 calc(var(--u)*16) #ffffffd0,0 0 calc(var(--u)*5) #ffffffb0}
.aa-titre small{display:block;font-size:clamp(13.5px,calc(var(--u)*23),23px);line-height:1.3;margin-top:calc(var(--u)*12);width:calc(var(--u)*470);color:#3a2d58}

.aa-q{position:absolute;left:0;top:0;padding:calc(var(--u)*18) calc(var(--u)*26) calc(var(--u)*22);background:#fff;border:calc(var(--u)*4.5) solid var(--encre);border-radius:calc(var(--u)*26);box-shadow:0 calc(var(--u)*8) 0 var(--encre);text-align:center;font-size:clamp(17px,calc(var(--u)*31),31px);line-height:1.12;white-space:nowrap;z-index:14;opacity:0;will-change:transform,opacity}
.aa-q::after{content:"";position:absolute;left:50%;bottom:calc(var(--u)*-22);width:calc(var(--u)*32);height:calc(var(--u)*22);margin-left:calc(var(--u)*-16);background:var(--encre);clip-path:polygon(0 0,100% 0,50% 100%)}
.aa-q small{display:block;font-size:clamp(12px,calc(var(--u)*18),18px);color:#6d5f8c;margin-bottom:calc(var(--u)*5)}
.aa-q div{display:flex;gap:calc(var(--u)*13);justify-content:center;margin-top:calc(var(--u)*15)}
.aa-q button{-webkit-appearance:none;appearance:none;padding:calc(var(--u)*11) calc(var(--u)*26);min-height:40px;border:calc(var(--u)*3.5) solid var(--encre);border-radius:calc(var(--u)*15);box-shadow:0 calc(var(--u)*5) 0 var(--encre);background:#fff;color:var(--encre);font:inherit;font-size:clamp(15px,calc(var(--u)*24),24px);cursor:pointer;transition:transform .1s,box-shadow .1s}
.aa-q button:first-of-type{background:var(--rose-fort);color:#fff}
.aa-q button:hover{transform:translateY(calc(var(--u)*2));box-shadow:0 calc(var(--u)*3) 0 var(--encre)}
.aa-q button:active{transform:translateY(calc(var(--u)*5));box-shadow:0 0 0 var(--encre)}
.aa-q button.est-presse{transform:translateY(calc(var(--u)*5));box-shadow:0 0 0 var(--encre)}
.aa-q button:focus-visible{outline:3px solid var(--encre);outline-offset:3px}

.aa-couv,.aa-fin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 16px;z-index:9;pointer-events:none}
.aa-couv img{width:calc(var(--u)*300);height:calc(var(--u)*300);min-width:150px;min-height:150px}
.aa-couv__m{font-size:clamp(60px,calc(var(--u)*128),128px);line-height:1;margin-top:calc(var(--u)*-16)!important}
.aa-couv__s{font-size:clamp(17px,calc(var(--u)*31),31px);margin-top:calc(var(--u)*16)!important;color:#3a2d58}
.aa-fin{background:linear-gradient(180deg,#58ace9 0,#a6d8f6 52%,#e6f4fb 100%);z-index:13}
.aa-fin p,.aa-fin img{opacity:0}
.aa-fin img{width:calc(var(--u)*200);height:calc(var(--u)*200);min-width:110px;min-height:110px}
.aa-fin__m{font-size:clamp(48px,calc(var(--u)*96),96px);line-height:1;margin-top:calc(var(--u)*-8)!important}
.aa-fin__d{font-size:clamp(17px,calc(var(--u)*31),31px);margin-top:calc(var(--u)*12)!important}
.aa-fin__p{font-size:clamp(14px,calc(var(--u)*22),22px);color:#a12a5a;margin-top:calc(var(--u)*26)!important}
.aa-fin__r{font-size:clamp(14px,calc(var(--u)*22),22px);line-height:1.34;max-width:calc(var(--u)*840);margin-top:calc(var(--u)*12)!important;color:#3a2d58}
.aa-fin__l{font-size:clamp(12.5px,calc(var(--u)*18),18px);margin-top:calc(var(--u)*14)!important;color:#55477a}

/* Téléphone debout : une seule colonne, le plateau déborde, la caméra suit l'agent qui appelle. */
.aa.est-haut .aa-plaque{white-space:normal;width:calc(100% - 32px);font-size:24px;padding:18px}
.aa.est-haut .aa-titre{width:calc(100% - 28px);top:54px;bottom:auto;font-size:25px}
.aa.est-haut .aa-titre small{width:auto;font-size:14px;margin-top:6px}
.aa.est-haut .aa-pastille{top:auto;bottom:44px;right:auto;left:12px;font-size:13px;padding:4px 12px 4px 5px}
.aa.est-haut .aa-pastille b{width:24px;height:24px}
.aa.est-haut .aa-etapes{width:130px}
.aa.est-haut .aa-etape{font-size:10.5px}
.aa.est-haut .aa-droite{gap:4px}
.aa.est-haut .aa-j__h{height:20px;font-size:9.5px}
.aa.est-haut .aa-j pre{font-size:8.5px;padding:5px 6px}
.aa.est-haut .aa-q{font-size:18px;padding:12px 16px 14px;border-radius:18px}
.aa.est-haut .aa-q div{gap:10px;margin-top:10px}
.aa.est-haut .aa-q button{font-size:15px;padding:8px 18px}
.aa.est-haut .aa-q::after{bottom:-14px;width:22px;height:14px;margin-left:-11px}
.aa.est-court .aa-titre small{display:none}
.aa.est-haut .aa-b{font-size:11.5px;padding:3px 8px;border-width:2px;border-radius:8px;box-shadow:0 2px 0 var(--encre)}
.aa.est-haut .aa-b::after{bottom:-7px;width:10px;height:7px;margin-left:-5px}
.aa.est-haut .aa-rep,.aa.est-haut .aa-tag{font-size:12.5px}
@media (max-height:520px){.aa-etape,.aa-pied{font-size:10px}.aa-etapes{height:10px}}
/* Fin commune (css/fin.css) aux couleurs de l'Atelier */
.aa-fin.fc{padding:6vh 6vw 12vh;--fc-texte:#33264d;--fc-texte-2:#3a2d58;--fc-accent:#d62a6b;--fc-sur-accent:#fff;--fc-accent-texte:#a12a5a;--fc-trait:#33264d33;--fc-corps:"Arial Rounded MT Bold","Arial Rounded MT",ui-rounded,"SF Pro Rounded","Helvetica Neue",Arial,sans-serif;--fc-titre:400 1em/1 "Arial Rounded MT Bold","Arial Rounded MT",ui-rounded,"SF Pro Rounded","Helvetica Neue",Arial,sans-serif}
.aa-fin.fc .fc__nom{letter-spacing:-.01em}
.aa-fin.fc .fc__actions button{border-width:2.5px}