:root{--navy:#232c3f;--navy-mid:#414756;--bronze:#7f7059;--bronze-lt:#b0a48a;--slate:#a5abbd;--off:#f7f6f4;--light:#f2f1ee;--border:#e4e2dc;--white:#fff;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;-webkit-text-size-adjust:100%;}
body{font-family:'DM Sans',system-ui,sans-serif;background:#0d1219;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 0 56px;}
.vc-wrapper{width:100%;max-width:390px;perspective:1400px;}
.vc-flipper{position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1);}
.vc-flipper.flipped{transform:rotateY(180deg);}
.vc-face{width:100%;background:var(--white);box-shadow:0 28px 80px rgba(0,0,0,.55),0 4px 20px rgba(0,0,0,.35);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.vc-front{transform:rotateY(0deg);}
.vc-back{position:absolute;top:0;left:0;right:0;bottom:0;transform:rotateY(180deg);overflow-y:auto;}
.vc-band{height:44px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex-shrink:0;}
.vc-band-logo{font-family:Arial,Helvetica,sans-serif;font-size:.8125rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.9);}
.vc-band-logo strong{font-weight:700;}.vc-band-logo span{font-weight:400;}
.vc-flip-trigger{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.5);font-family:'DM Sans',sans-serif;font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 0;transition:color .15s;-webkit-tap-highlight-color:transparent;}
.vc-flip-trigger:hover{color:var(--bronze-lt);}
.vc-hero{background:var(--navy) url('medias/agence/statue-moliere.webp') center/cover no-repeat;padding:28px 24px 22px;text-align:center;position:relative;overflow:hidden;}
.vc-hero::before{content:'';position:absolute;inset:0;background:rgba(35,44,63,.8);pointer-events:none;}
.vc-hero::after{content:'';position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 6s ease-in-out infinite;pointer-events:none;}
.vc-hero>*{position:relative;}
@keyframes shimmer{0%{left:-120%;}55%,100%{left:160%;}}
.vc-photo{width:108px;height:108px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 18px;border:2px solid rgba(176,164,138,.3);box-shadow:0 8px 36px rgba(0,0,0,.5),0 0 0 6px rgba(255,255,255,.05);background:#2e3a52;}
.vc-prenom{font-family:Arial,Helvetica,sans-serif;font-size:1.4375rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--white);line-height:1.15;display:block;}
.vc-nom{font-family:Arial,Helvetica,sans-serif;font-size:1.4375rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75);line-height:1.15;display:block;margin-bottom:8px;}
.vc-role{font-family:Arial,Helvetica,sans-serif;font-size:.5625rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(165,171,189,.7);margin-bottom:10px;}
.vc-slogan{font-family:'DM Serif Display',Georgia,serif;font-size:.9375rem;color:var(--white);letter-spacing:-.01em;line-height:1.3;margin-bottom:3px;}
.vc-slogan em{font-style:normal;color:var(--white);}
.vc-slogan-sub{font-family:'DM Sans',sans-serif;font-size:.5rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-lt);margin-bottom:12px;}
.vc-langs{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;}
.vc-lang-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.25);flex-shrink:0;}
.vc-lang-badge img{width:28px;height:28px;object-fit:cover;display:block;opacity:.8;}
.vc-contact-row{display:flex;justify-content:center;padding:16px 12px 14px;border-bottom:1px solid var(--border);}
.vc-ic-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;-webkit-tap-highlight-color:transparent;max-width:82px;}
.vc-ic-c{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--white);transition:background .18s,transform .15s;box-shadow:0 2px 10px rgba(35,44,63,.2);}
.vc-ic-btn:hover .vc-ic-c,.vc-ic-btn:active .vc-ic-c{background:var(--bronze);transform:translateY(-2px);}
.vc-ic-wa{background:#1da851;}.vc-ic-btn:hover .vc-ic-wa,.vc-ic-btn:active .vc-ic-wa{background:#17903f;}
.vc-ic-l{font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);text-align:center;}
.vc-ctas{display:flex;flex-direction:column;gap:9px;padding:14px 20px;border-bottom:1px solid var(--border);}
.vc-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;font-family:'DM Sans',sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.04em;text-decoration:none;cursor:pointer;border:none;transition:all .18s;-webkit-tap-highlight-color:transparent;}
.vc-cta-primary{background:var(--navy);color:var(--white);}.vc-cta-primary:hover{background:#2e3a52;}
.vc-cta-ghost{background:transparent;color:var(--navy);border:1px solid var(--border);}.vc-cta-ghost:hover{border-color:var(--bronze);color:var(--bronze);}
.vc-front-socials{display:flex;justify-content:center;gap:9px;padding:12px 20px;border-bottom:1px solid var(--border);}
.vc-hint{height:38px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s;}.vc-hint:hover{opacity:.7;}
.vc-hint-lbl{font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);}
.vc-hint svg{color:var(--slate);animation:spin-slow 4s ease-in-out infinite;}
@keyframes spin-slow{0%,40%{transform:rotate(0);}70%{transform:rotate(180deg);}100%{transform:rotate(180deg);}}
.vc-back-band{height:44px;background:var(--navy);display:flex;align-items:center;padding:0 18px;flex-shrink:0;}
.vc-back-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.55);font-family:'DM Sans',sans-serif;font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 0;transition:color .15s;-webkit-tap-highlight-color:transparent;}.vc-back-btn:hover{color:var(--bronze-lt);}
.vc-agency-hero{background:var(--white);height:60px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);}
.vc-agency-logo-lg{font-family:Arial,Helvetica,sans-serif;font-size:1.4375rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);}
.vc-agency-logo-lg strong{font-weight:700;}.vc-agency-logo-lg span{font-weight:400;}
.vc-agency-tagline{font-family:'DM Sans',sans-serif;font-size:.5625rem;font-weight:400;letter-spacing:.08em;color:var(--slate);line-height:1.4;}
.vc-agency-img{width:100%;height:210px;object-fit:cover;object-position:center center;display:block;}
.vc-pitch{padding:12px 24px;text-align:center;font-size:.875rem;color:var(--navy-mid);line-height:1.5;border-bottom:1px solid var(--border);}
.vc-stats{display:grid;grid-template-columns:repeat(6,1fr);background:var(--border);gap:1px;border-bottom:1px solid var(--border);}
.vc-stat{background:var(--white);padding:13px 6px;text-align:center;}
.vc-stat:nth-child(1),.vc-stat:nth-child(2),.vc-stat:nth-child(3){grid-column:span 2;}
.vc-stat:nth-child(4){grid-column:span 3;}.vc-stat:nth-child(5){grid-column:span 3;}
.vc-stat-val{font-family:'DM Serif Display',Georgia,serif;font-size:1.1875rem;color:var(--navy);display:block;line-height:1;}
.vc-stat-lbl{font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-top:4px;display:block;}
.vc-back-socials{display:flex;justify-content:center;gap:9px;padding:14px 20px;border-bottom:1px solid var(--border);}
.vc-bs{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);color:var(--navy);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s,color .2s,border-color .2s;-webkit-tap-highlight-color:transparent;flex-shrink:0;}
.vc-bs svg{width:14px;height:14px;}
.vc-bs:hover,.vc-bs:active{background:var(--navy);color:var(--white);border-color:var(--navy);}
.vc-back-actions{display:flex;flex-direction:column;gap:9px;padding:14px 20px;}
.vc-address{background:var(--off);padding:10px 20px;text-align:center;font-size:.625rem;letter-spacing:.05em;color:var(--slate);border-top:1px solid var(--border);}
.vc-address a{color:var(--navy-mid);text-decoration:none;}.vc-address a:hover{color:var(--bronze);}
@media(max-width:390px){body{padding:0;align-items:stretch;}.vc-face{box-shadow:none;}}
@media(min-width:600px){body{padding:48px 24px;align-items:center;}}