/* Charli Studio – page Photographe d'entreprise (charli-yoast-rest) */
@font-face{font-family:"CS Playfair";src:url("/wp-content/plugins/charli-fonts/fonts/playfair-display-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
body.cs-photo-page,body.cs-photo-page #wrapper,body.cs-photo-page .ppb_wrapper,body.cs-photo-page #page_content_wrapper{background:#0D0D0D!important}
body.cs-photo-page #page_caption,body.cs-photo-page .page_title_wrapper,body.cs-photo-page #page_content_wrapper .sidebar_wrapper{display:none!important}
body.cs-photo-page #page_content_wrapper,body.cs-photo-page #page_content_wrapper .inner,body.cs-photo-page #page_content_wrapper .inner_wrapper,body.cs-photo-page .sidebar_content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important}
.cs-page{--g:linear-gradient(100deg,#F7941D 0%,#F4573F 45%,#E2166B 100%);background:#0D0D0D;color:#F3F0EA;font-family:Urbanist,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.6;letter-spacing:0;text-align:left;overflow:hidden}
.cs-page *{box-sizing:border-box}
.cs-page p,.cs-page h1,.cs-page h2,.cs-page h3,.cs-page ul,.cs-page ol,.cs-page figure,.cs-page blockquote{margin:0;padding:0;border:0;text-transform:none}
.cs-page h1,.cs-page h2,.cs-page h3{color:#fff;letter-spacing:-.01em}
.cs-page a{color:#F7941D;text-decoration:none}
.cs-page a:hover{color:#E2166B}
.cs-page img.cs-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;margin:0;max-width:none}
.cs-page .cs-wrap{max-width:1200px;margin:0 auto;padding:0 48px}
.cs-page .cs-serif{font-family:"CS Playfair","Playfair Display",Georgia,serif!important;font-weight:600!important}
.cs-page .cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:999px;background:var(--g);color:#fff!important;font-weight:700;font-size:16px;line-height:1;box-shadow:0 10px 30px rgba(226,22,107,.25);transition:transform .2s}
.cs-page .cs-btn:hover{transform:translateY(-2px)}
.cs-page .cs-btn-o{background:transparent;border:1px solid #444;box-shadow:none;color:#F3F0EA!important}
.cs-page .cs-btn-o:hover{border-color:#888}
.cs-page .cs-crumb{font-size:13px;color:#9a958d;margin-bottom:28px}
.cs-page .cs-crumb a{color:#9a958d}
.cs-page .cs-hero{padding:56px 0 88px;background:radial-gradient(600px 400px at 85% 10%,rgba(226,22,107,.18),transparent 70%),radial-gradient(500px 360px at 95% 90%,rgba(247,148,29,.12),transparent 70%)}
.cs-page .cs-kick{display:inline-flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#F7941D;font-weight:600}
.cs-page .cs-dot{width:12px;height:12px;border-radius:50%;background:var(--g);box-shadow:0 0 0 6px rgba(244,87,63,.15)}
.cs-page .cs-h1{font-size:76px!important;line-height:1.04!important;margin:22px 0 26px;max-width:14ch}
.cs-page .cs-lead{font-size:20px;line-height:1.65;color:#d8d3cb;max-width:640px;margin-bottom:34px}
.cs-page .cs-ctas{display:flex;gap:14px;flex-wrap:wrap}
.cs-page .cs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:56px}
.cs-page .cs-fact{border:1px solid #262626;border-radius:16px;padding:18px 20px;background:#141414}
.cs-page .cs-fact b{display:block;font-size:22px;color:#fff}
.cs-page .cs-fact span{font-size:14px;color:#a9a49c}
.cs-page .cs-band{background:var(--g);color:#fff;padding:22px 0;overflow:hidden;white-space:nowrap;font-size:19px;font-weight:600}
.cs-page .cs-mq{display:inline-flex;animation:csmqp 40s linear infinite}
.cs-page .cs-mq span{padding-right:0}
@keyframes csmqp{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cs-page .cs-sec{padding:110px 0}
.cs-page .cs-pt0{padding-top:0}
.cs-page .cs-num{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#F7941D;font-weight:600;margin-bottom:14px}
.cs-page .cs-h2{font-size:52px!important;line-height:1.08!important;margin-bottom:18px;max-width:20ch}
.cs-page .cs-intro{color:#c9c4bc;max-width:680px;margin-bottom:48px;font-size:18px}
.cs-page .cs-mb0{margin-bottom:0}
.cs-page .cs-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cs-page .cs-card{background:#1C1C1C;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:14px;border:1px solid #262626}
.cs-page .cs-card h3{font-size:28px!important;line-height:1.2!important;margin-top:6px}
.cs-page .cs-card p{color:#c9c4bc}
.cs-page .cs-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.cs-page .cs-tags span{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid #3a3a3a;color:#e2ddd5}
.cs-page .cs-opt{margin-top:22px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid #262626;border-radius:18px;padding:20px 26px;color:#d8d3cb}
.cs-page .cs-opt b{color:#fff}
.cs-page .cs-grid4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.cs-page .cs-work{display:flex;flex-direction:column;gap:12px}
.cs-page .cs-work img{transition:transform .5s}
.cs-page .cs-work:hover img{transform:scale(1.02)}
.cs-page .cs-work h3{font-size:22px!important;line-height:1.3!important}
.cs-page .cs-work small{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content}
.cs-page .cs-more{margin-top:34px}
.cs-page .cs-paper{background:#F3F0EA;color:#161616}
.cs-page .cs-paper h2,.cs-page .cs-paper h3{color:#111}
.cs-page .cs-paper .cs-intro{color:#4a4640}
.cs-page .cs-paper .cs-num{color:#C2410C}
.cs-page .cs-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none}
.cs-page .cs-steps li{background:#fff;border-radius:20px;padding:26px 22px;border:1px solid #e4dfd6;list-style:none;margin:0}
.cs-page .cs-steps b{display:block;font-family:"CS Playfair","Playfair Display",Georgia,serif;font-size:40px;line-height:1;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px;width:max-content}
.cs-page .cs-steps h3{font-size:20px!important;margin-bottom:8px;font-family:Urbanist,system-ui,sans-serif!important}
.cs-page .cs-steps p{font-size:15px;color:#4a4640}
.cs-page .cs-why{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.cs-page img.cs-portrait{aspect-ratio:4/5}
.cs-page .cs-pts{display:flex;flex-direction:column;gap:22px;margin-top:8px}
.cs-page .cs-pts h3{font-size:22px!important;margin-bottom:6px;font-family:Urbanist,system-ui,sans-serif!important}
.cs-page .cs-pts p{color:#c9c4bc}
.cs-page .cs-zones{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:start}
.cs-page .cs-chips{display:flex;gap:10px;flex-wrap:wrap;list-style:none}
.cs-page .cs-chips li{padding:10px 16px;border-radius:999px;background:#1C1C1C;border:1px solid #2c2c2c;font-size:15px;color:#e9e6e0;list-style:none;margin:0}
.cs-page .cs-chips li.cs-big{background:var(--g);border:0;color:#fff;font-weight:700}
.cs-page .cs-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cs-page .cs-q{background:#1C1C1C;border-radius:22px;padding:34px;border:1px solid #262626}
.cs-page .cs-stars{font-size:18px;letter-spacing:3px;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content}
.cs-page .cs-q blockquote{margin:14px 0 18px;font-size:18px;line-height:1.65;color:#e9e6e0;font-style:normal;background:none;quotes:none}
.cs-page .cs-q blockquote:before,.cs-page .cs-q blockquote:after{display:none;content:none}
.cs-page .cs-q figcaption b{display:block;color:#fff}
.cs-page .cs-q figcaption span{font-size:14px;color:#a9a49c}
.cs-page .cs-gnote{margin-top:22px;font-size:15px;color:#c9c4bc}
.cs-page .cs-faq{max-width:860px}
.cs-page .cs-faq details{border-bottom:1px solid #2a2a2a;padding:4px 0}
.cs-page .cs-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-size:20px;font-weight:600;color:#fff;min-height:44px}
.cs-page .cs-faq summary::-webkit-details-marker{display:none}
.cs-page .cs-faq summary::after{content:"+";font-size:28px;color:#F7941D;font-weight:400;flex:none}
.cs-page .cs-faq details[open] summary::after{content:"–"}
.cs-page .cs-faq details p{margin-bottom:24px;color:#c9c4bc;max-width:760px}
.cs-page .cs-cta{border-top:3px solid;border-image:var(--g) 1;padding:110px 0;text-align:center}
.cs-page .cs-cta .cs-h2{margin:0 auto 18px}
.cs-page .cs-cta p{color:#c9c4bc;margin:0 auto 34px;max-width:560px}
@media (max-width:1024px){
.cs-page .cs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-page .cs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-page .cs-why,.cs-page .cs-zones{grid-template-columns:1fr}
.cs-page img.cs-portrait{max-width:480px}
}
@media (max-width:767px){
.cs-page{font-size:16px}
.cs-page .cs-wrap{padding:0 20px}
.cs-page .cs-hero{padding:32px 0 64px}
.cs-page .cs-h1{font-size:44px!important;margin:18px 0 20px}
.cs-page .cs-lead{font-size:18px}
.cs-page .cs-ctas .cs-btn{width:100%}
.cs-page .cs-facts{gap:10px;margin-top:40px}
.cs-page .cs-fact{padding:14px 16px}
.cs-page .cs-fact b{font-size:19px}
.cs-page .cs-band{font-size:16px;padding:16px 0}
.cs-page .cs-sec{padding:72px 0}
.cs-page .cs-pt0{padding-top:0}
.cs-page .cs-h2{font-size:34px!important}
.cs-page .cs-intro{font-size:17px;margin-bottom:32px}
.cs-page .cs-bento,.cs-page .cs-grid4,.cs-page .cs-quotes{grid-template-columns:1fr}
.cs-page .cs-card,.cs-page .cs-q{padding:22px}
.cs-page .cs-card h3{font-size:24px!important}
.cs-page .cs-steps{grid-template-columns:1fr}
.cs-page .cs-faq summary{font-size:18px;padding:18px 0}
.cs-page .cs-cta{padding:72px 0}
}
@media (prefers-reduced-motion:reduce){.cs-page .cs-mq{animation:none}}
/* r2 : pas de double appel à l'action avec le pied de page, espaces insécables, bandeau */
body.cs-photo-page [data-id="3ac7662"]{display:none!important}
.cs-page .cs-mq span{padding-right:.4em}