/*
© 2026 Elemete® Studio®
Toute reproduction interdite - Aucune copie ou modification autorisée - Tous droits réservés
No copy or modification allowed - All rights reserved
*/
.__ATB__avatarxoverlay__x0001{--bg-page:#403030;        /* body background */--bg-600:#181818;         /* panel */--txt-100:#ffffff;--accent:#ff6a00;         /* Elemete orange */--r:4px;--t-overlay:1200ms cubic-bezier(.19,1,.22,1);--t-card:1200ms cubic-bezier(.19,1,.22,1);}.__ATB__avatarxoverlay__x0001 .overlay-backdrop{position:fixed; inset:0; display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px) brightness(.4);background:rgba(0,0,0,.6);z-index:4000;opacity:0;pointer-events:none;transition:opacity var(--t-overlay);}.__ATB__avatarxoverlay__x0001 .overlay-backdrop.is-active { opacity:1; pointer-events:auto; }.__ATB__avatarxoverlay__x0001 .overlay-cvs{position:absolute;top:0;left:0;width:100%;height:100%;}.__ATB__avatarxoverlay__x0001 .overlay-card{width: calc(100vw - 5em);height: calc(100vh - 15em);background:var(--bg-600);border-radius:var(--r);overflow:hidden;position:relative;box-shadow:0 0 40px rgba(0,0,0,.8);transform:translateY(20px);transition:transform var(--t-card);}.__ATB__avatarxoverlay__x0001 .overlay-card>.overlay-content{display:grid;grid-template-columns:58% 42%;height: calc(100vh - 15em);}.__ATB__avatarxoverlay__x0001 .overlay-backdrop.is-active .overlay-card { transform:translateY(0); }.__ATB__avatarxoverlay__x0001 .media { overflow:hidden; }.__ATB__avatarxoverlay__x0001 .media video{width: 100%;height: 100%;object-fit: contain;background:black;}.__ATB__avatarxoverlay__x0001 .info { display:flex; flex-direction:column; padding:4rem 3.5rem; }.__ATB__avatarxoverlay__x0001 .info h1 { margin:0 0 1.25rem; line-height:1.1; }.__ATB__avatarxoverlay__x0001 .info p  { max-width:60ch; margin:0 0 auto; }.__ATB__avatarxoverlay__x0001 .cta { display:flex; margin-top:2.5rem; }.__ATB__avatarxoverlay__x0001 .btn { user-select:none; padding:.8rem 1.8rem; font-weight:600; border-radius:var(--r); text-decoration:none; transition:opacity .25s; font-size:1.4em; }.__ATB__avatarxoverlay__x0001 .btn.primary   { background:var(--accent); color:var(--txt-100); }.__ATB__avatarxoverlay__x0001 .btn.secondary { border:1px solid var(--txt-100); color:var(--txt-100); margin-left:1em; }.__ATB__avatarxoverlay__x0001 .btn:hover { opacity:.85; }.__ATB__avatarxoverlay__x0001 .close { user-select:none; position:absolute; top:1rem; right:1rem; border:none; background:none; font-size:2rem; line-height:1; color:var(--txt-100); cursor:pointer; transition:0.4s; }.__ATB__avatarxoverlay__x0001 .close:hover { transform:scale(1.5); }.__ATB__avatarxoverlay__x0001 .logo  {position:absolute;bottom:1.2rem;right:2.2rem;pointer-events:none;background:url("/.img/.charte.png/Brand.x3.png") bottom right / contain no-repeat;width:12em;height:10em;}.__ATB__avatarxoverlay__x0001 .overlay-card::before,.overlay-card::after { content:""; position:absolute; width:70px; height:70px; background:url("film-strip-corner.svg") center/contain no-repeat; opacity:.8; }.__ATB__avatarxoverlay__x0001 .overlay-card::before { top:-35px; left:50%; transform:translateX(-50%); }.__ATB__avatarxoverlay__x0001 .overlay-card::after  { top:50%; right:-35px; transform:translateY(-50%); }@media(max-width:768px){.__ATB__avatarxoverlay__x0001 .overlay-card { width:100vw; height:100vh; grid-template-columns:100%; }.__ATB__avatarxoverlay__x0001 .media { display:none; }.__ATB__avatarxoverlay__x0001 .info { padding:3rem 1.5rem; }.__ATB__avatarxoverlay__x0001 .logo { right:1rem; }}.__ATB__avatarxoverlay__x0001 .overlay-card.wipe { clip-path:inset(0 100% 0 0); transition:clip-path 1500ms cubic-bezier(.22,.61,.36,1); }.__ATB__avatarxoverlay__x0001 .overlay-backdrop.is-active .overlay-card.wipe { clip-path:inset(0 0 0 0); }.__ATB__avatarxoverlay__x0001 .overlay-card.blur   { filter:blur(8px); transition:filter 1500ms ease; }.__ATB__avatarxoverlay__x0001 .overlay-backdrop.is-active .overlay-card.blur { filter:blur(0); }.__ATB__avatarxoverlay__x0001 .overlay-card.slideR   { transform:translateX(100%); }.__ATB__avatarxoverlay__x0001 .overlay-backdrop.is-active .overlay-card.slideR { transform:translateX(0); }.__ATB__avatarxoverlay__x0001 .overlay-card .section h1{font-size:3.3em;}.__ATB__avatarxoverlay__x0001 .overlay-card .section p{font-size:1.6em;}.__ATB__avatarxoverlay__x0001 .avatarx{position:fixed;cursor:pointer;top:7.0em;left:0;z-index:20;padding:1.0em 0.5em 0.5em 1em;transition:0.5s;border-top-right-radius: 8px;border-bottom-right-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.3);align-items: center;background-color: #3c2c2c;color: white;max-width: 320px;}.__ATB__avatarxoverlay__x0001 .avatarx .iprofile{width: 100px;height: 60px;border-radius: 5px;object-fit: contain;background:black;margin-right: 1rem;user-select:none;}.__ATB__avatarxoverlay__x0001 .avatarx .tprofile{flex-grow: 1;width: 100px;user-select:none;}.__ATB__avatarxoverlay__x0001 .avatarx .tprofile>.tname{font-weight: 600;font-size: 1.2em;margin-top:0.5em;}.__ATB__avatarxoverlay__x0001 .avatarx .tprofile>.ttitle{font-size: 1.0em;opacity: 0.8;}.__ATB__avatarxoverlay__x0001 .avatarx .xbtnr{height:0;transition:0.5s;margin-top:1.0em;overflow:hidden;position:relative;}.__ATB__avatarxoverlay__x0001 .avatarx .xbtnr>.btn{background-color: #ff6600;color: white;border: none;padding: 0.5em 0.6em;border-radius: 6px;font-weight: bold;cursor: pointer;font-size:1.0em;}.__ATB__avatarxoverlay__x0001 .avatarx .xbtnr>.btn:hover{opacity:.85;}.__ATB__avatarxoverlay__x0001 .avatarx:hover{padding-left:1.3em;box-shadow: 0 4px 12px rgba(0,0,0,0.8);transform-origin: top left;}.__ATB__avatarxoverlay__x0001 .avatarx>img{transition:0.4s;}.__ATB__avatarxoverlay__x0001 .avatarx:hover{max-width: 420px;padding-right:0.6em;}.__ATB__avatarxoverlay__x0001 .avatarx:hover>div{width:220px;}.__ATB__avatarxoverlay__x0001 .avatarx:hover>img{width:220px;height:calc(100px * 2.2);}.__ATB__avatarxoverlay__x0001 .avatarx:hover>div,.__ATB__avatarxoverlay__x0001 .avatarx:hover>img{}.__ATB__avatarxoverlay__x0001 .avatarx .tprofile>.ttitle{display:none;}.__ATB__avatarxoverlay__x0001 .avatarx:hover .tprofile>.tname{font-size:1.6em;}.__ATB__avatarxoverlay__x0001 .avatarx:hover .tprofile>.ttitle{font-size:1.4em;display:initial;}.__ATB__avatarxoverlay__x0001 .avatarx:hover .xbtnr{height:3.0em;margin-bottom:1.0em;}