/*
Theme Name: C Com Cie Studio
Description: Refonte contemporaine noir et violet, abeille historique revisitée, responsive.
Version: 0.9.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: ccomcie
*/
:root{--bg:#0b0714;--bg2:#151026;--violet:#9d28ee;--lilac:#d57aff;--blue:#4d7efb;--white:#f8f6ff;--muted:#c3b9d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit}.wrap{max-width:1300px;padding:0 32px;margin:auto}.site-header{position:sticky;top:0;z-index:30;background:#0a0713f5;border-bottom:1px solid #ffffff16;backdrop-filter:blur(16px)}.admin-bar .site-header{top:32px}.header-inner{min-height:108px;display:flex;align-items:center;gap:32px;justify-content:space-between}.brand{flex-shrink:0;color:white;text-decoration:none}.brand-line{display:flex;align-items:center;gap:8px;font-size:clamp(1.45rem,2.1vw,2.15rem);font-weight:350;letter-spacing:-.06em;line-height:1}.brand-line strong,.footer-brand strong{color:#c24cff;font-weight:650}.brand-bee{width:47px;height:47px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1) drop-shadow(0 0 9px #9e3cf8);transform:rotate(-14deg)}.brand-subtitle{display:block;font-size:.56rem;letter-spacing:.26em;margin-top:8px;color:#d9cee8}.menu{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}.menu a{text-decoration:none;font-size:.82rem;font-weight:650}.menu a:hover,.menu a:focus{color:var(--lilac)}.header-contact{white-space:nowrap;border:1px solid #ba50f5;border-radius:999px;padding:11px 19px;text-decoration:none;font-size:.85rem}.header-contact:hover{background:#8328bd}.menu-toggle{display:none;background:none;border:1px solid #9e6cc1;color:white;padding:9px 14px;border-radius:8px}.hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#10071df5 0%,#190b36dd 37%,#180c3270 75%),linear-gradient(0deg,#110b21a0,#0000 65%),url('assets/evenement-scene.jpg') center 42%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 85%,#b017d54d,transparent 45%),radial-gradient(ellipse at 82% 15%,#5e33e448,transparent 50%)}.hero:after{content:'';position:absolute;bottom:-2px;left:-2%;width:104%;height:90px;background:var(--bg);clip-path:polygon(0 60%,16% 82%,34% 80%,55% 95%,76% 76%,100% 24%,100% 100%,0 100%)}.hero-content{position:relative;z-index:1;width:100%;padding-top:55px;padding-bottom:125px}.eyebrow{font-size:.76rem;letter-spacing:.23em;font-weight:750;color:var(--lilac);text-transform:uppercase}.hero h1{font-size:clamp(3.2rem,6.4vw,6.8rem);letter-spacing:-.065em;line-height:1.02;max-width:850px;margin:22px 0}.hero h1 em,.feature-photo h2 em{font-style:normal;color:#c765ff}.hero p{font-size:1.12rem;max-width:625px;color:#e7ddf1}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:0;border-radius:999px;background:linear-gradient(120deg,#b62ce9,#6b1ac1);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(1.16)}.btn.outline{background:#0b071466;border:2px solid #e5d7fa}.hero-caption{position:absolute;right:5%;bottom:100px;color:#e8d9f4a0;letter-spacing:.18em;font-size:.63rem}.section{padding:95px 0}.section-heading{max-width:800px;margin-bottom:35px}.section h2,.feature-photo h2,.cta h2{font-size:clamp(2.15rem,4vw,4rem);line-height:1.13;letter-spacing:-.04em;margin:14px 0 20px}.section-heading p,.identity p{color:var(--muted)}.expertises{background:radial-gradient(ellipse at 80% 0,#251044,transparent 65%),var(--bg)}.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pillar{min-height:330px;display:flex;flex-direction:column;padding:26px;border:1px solid #a83bea80;border-radius:17px;background:linear-gradient(145deg,#4b1458b3,#21122e 65%);box-shadow:inset 0 0 30px #bf3cfc12}.pillar:nth-child(2){border-color:#4d8dff88;background:linear-gradient(145deg,#122d59,#171327)}.pillar:nth-child(3){border-color:#9969ff99;background:linear-gradient(145deg,#36216e,#1c1430)}.pillar:nth-child(4){border-color:#e247d899;background:linear-gradient(145deg,#491b55,#211027)}.pillar-number{font-size:.68rem;letter-spacing:.14em;color:#c9b4df}.pillar-symbol{font-size:2.7rem;color:#d570fa;line-height:1.4;margin-top:18px}.pillar h3{font-size:1.85rem;margin:0}.pillar p{font-size:.9rem;color:#e0d6e9;margin:10px 0 22px}.pillar a{margin-top:auto;text-decoration:none;font-size:.83rem;font-weight:700;color:#e5a2ff}.feature-photo{min-height:530px;display:flex;align-items:center;background:linear-gradient(90deg,#090612f2 0%,#140c29d9 43%,#160a3250 100%),url('assets/evenement-gala.jpg') center/cover no-repeat}.feature-photo-content{width:100%;padding-top:85px;padding-bottom:85px}.feature-photo h2{max-width:760px}.feature-photo p{max-width:520px;color:#e0d8ed}.works{background:#120d1f}.cards,.entry-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.card,.entry-list article{background:#211731;border:1px solid #ffffff24;border-radius:14px;overflow:hidden}.card-body,.entry-list article{padding:24px}.card-media{height:210px;background:linear-gradient(130deg,#32145b,#5a2aa8);display:grid;place-items:center}.card-media img{width:100%;height:100%;object-fit:cover}.card h3,.entry-list h2{margin:0 0 10px}.card p,.entry-list p{color:var(--muted)}.card a{color:#d38bff}.small-note{color:#a99bb9;font-size:.85rem}.identity{background:linear-gradient(130deg,#211034,#130d23)}.identity-inner{display:grid;grid-template-columns:200px 1fr;gap:55px;align-items:center}.identity-inner>img{width:170px;filter:grayscale(1) brightness(0) invert(1) drop-shadow(0 0 24px #9b4bf2)}.cta{text-align:center;padding:85px 0;background:radial-gradient(ellipse at 50% 120%,#8a26ce77,transparent 65%),#100a20}.cta .btn{margin-top:18px}.site-footer{padding:55px 0;background:#090611;border-top:1px solid #ffffff19}.footer-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-brand{font-size:2rem;letter-spacing:-.05em}.footer-brand img{width:40px;vertical-align:middle;filter:grayscale(1) brightness(0) invert(1)}.site-footer p{color:#b6a9c7}.site-footer a{color:#e3c3ff}.page-content{min-height:55vh;padding:75px 0}.page-content h1{font-size:clamp(2.5rem,5vw,4.8rem)}.cc-form{max-width:740px;display:grid;gap:15px}.cc-form label{display:grid;gap:6px}.cc-form input,.cc-form select,.cc-form textarea{font:inherit;width:100%;padding:12px;border-radius:8px;border:1px solid #8d70a6;background:#1a1028;color:white}.cc-form .hidden-field{position:absolute;left:-9999px}.notice{padding:16px;background:#2e1a48;border-left:4px solid var(--violet)}.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{position:fixed;top:0;left:0;z-index:9999;background:white;color:black;padding:12px}@media(max-width:1120px){.pillars{grid-template-columns:repeat(2,1fr)}.header-inner{gap:16px}.menu{gap:13px}.menu a{font-size:.76rem}}@media(max-width:900px){.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px 30px;background:#0e0a19;border-top:1px solid #ffffff1f}.site-nav.is-open{display:block}.menu{flex-direction:column;align-items:flex-start}.header-contact{display:none}.hero{min-height:590px}.identity-inner{grid-template-columns:120px 1fr;gap:25px}.identity-inner>img{width:110px}}@media(max-width:640px){.wrap{padding:0 20px}.header-inner{min-height:85px}.brand-line{font-size:1.55rem}.brand-bee{width:35px;height:35px}.brand-subtitle{font-size:.44rem}.pillars,.cards,.entry-list{grid-template-columns:1fr}.hero{min-height:570px}.hero-content{padding:70px 20px 115px}.hero h1{font-size:clamp(2.7rem,11vw,4.5rem)}.hero-caption{display:none}.section{padding:65px 0}.feature-photo{min-height:460px}.identity-inner{grid-template-columns:1fr}.identity-inner>img{width:90px}.admin-bar .site-header{top:0}}

/* v0.4 — navigation sur une ligne et en capitales */
@media (min-width: 1181px) {
 .header-inner{gap:clamp(10px,1.15vw,20px)}
 .brand-line{font-size:clamp(1.3rem,1.7vw,1.85rem)}
 .brand-bee{width:38px;height:38px}
 .brand-subtitle{font-size:.48rem;letter-spacing:.16em}
 .site-nav{flex:1;min-width:0}
 .site-nav .menu{display:flex;flex-flow:row nowrap;justify-content:center;gap:clamp(7px,.85vw,16px);white-space:nowrap}
 .site-nav .menu a{font-size:clamp(.62rem,.72vw,.78rem);text-transform:uppercase;letter-spacing:.025em}
 .header-contact{font-size:.73rem;padding:10px 12px;text-transform:uppercase}
}
@media (max-width:1180px){
 .menu-toggle{display:block;margin-left:auto;text-transform:uppercase}
 .site-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px 30px;background:#0e0a19;border-top:1px solid #ffffff1f}
 .site-nav.is-open{display:block}
 .site-nav .menu{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:14px}
 .site-nav .menu a{text-transform:uppercase}
 .header-contact{display:none}
}

/* Version 5 : reproduction fidèle de la maquette fournie, avec zones cliquables. */
body.home{background:#10091f}body.home .site-header{display:none}.exact-header{position:relative;z-index:20;background:#0b0714;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.exact-header-inner{width:min(100%,1536px);margin:auto;min-height:123px;display:flex;align-items:center;gap:clamp(10px,2vw,32px);padding:12px clamp(15px,3.5vw,55px)}.exact-brand{display:block;flex:0 0 auto;width:clamp(155px,21vw,280px)}.exact-brand img{display:block;width:100%;height:auto;object-fit:contain}.exact-nav{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,1.4vw,24px);flex:1;white-space:nowrap}.exact-nav a{font-family:Arial,Helvetica,sans-serif;font-size:clamp(9px,.79vw,13px);font-weight:700;color:white;text-decoration:none;white-space:nowrap}.exact-nav a:hover{color:#df58ff}.exact-nav .exact-contact{border:2px solid #c840f6;border-radius:30px;padding:12px 13px}.exact-header .menu-toggle{display:none}.exact-visual{position:relative;width:100%;max-width:1536px;margin:auto;line-height:0}.exact-art{width:100%;height:auto;display:block}.exact-hotspot{position:absolute;display:block;z-index:3;border-radius:18px}.exact-hotspot:focus-visible{outline:3px solid white;outline-offset:2px}.exact-works{left:5.8%;top:46%;width:16.8%;height:6.5%}.exact-quote{left:23.3%;top:46%;width:18%;height:6.5%}.exact-event{left:4.8%;top:65.5%;width:21.5%;height:23%}.exact-film{left:27.7%;top:65.5%;width:21.5%;height:23%}.exact-decor{left:50.8%;top:65.5%;width:21.5%;height:23%}.exact-live{left:73.6%;top:65.5%;width:21.5%;height:23%}.exact-below{padding:75px 20px;background:#110a20;color:#fff}.exact-below h2{color:white}.exact-end{background:#241044;text-align:center}.exact-below .btn{display:inline-block;margin-top:20px}@media(max-width:1100px){.exact-header-inner{min-height:90px;flex-wrap:wrap}.exact-brand{width:185px}.exact-header .menu-toggle{display:block;margin-left:auto;background:transparent;color:white;border:1px solid #bb4bef;border-radius:8px;padding:10px}.exact-nav{display:none;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;padding:12px 0;gap:0}.exact-nav.is-open{display:flex}.exact-nav a{font-size:14px;padding:12px;border-bottom:1px solid #332347}.exact-nav .exact-contact{margin-top:10px;text-align:center}.exact-visual{overflow:hidden}}@media(max-width:600px){.exact-header-inner{min-height:76px}.exact-brand{width:170px}.exact-visual{width:100%;overflow:hidden}.exact-art{width:900px;max-width:none;position:relative;left:50%;transform:translateX(-50%)}.exact-hotspot{display:none}.exact-below{padding:42px 18px}}

/* V6 — étiquette de chantier superposée à la maquette, amovible sans toucher à l’image. */
.construction-sticker{position:absolute;z-index:8;left:54%;top:47.5%;transform:rotate(-9deg);display:flex;align-items:center;justify-content:center;gap:12px;width:clamp(165px,22%,315px);padding:13px 15px 12px;border:3px solid #fff;border-radius:12px;background:linear-gradient(130deg,#6d119d,#25104f);color:#fff;box-shadow:0 8px 20px #0009,0 0 18px #a23ad855;font:800 clamp(10px,1.25vw,19px)/1.15 Arial,Helvetica,sans-serif;text-align:center;letter-spacing:.025em;pointer-events:none;line-height:1.2}
.construction-sticker:before{content:'';position:absolute;top:-16px;left:37%;width:34%;height:24px;background:#e7d5a9e8;transform:rotate(-3deg);box-shadow:0 1px 3px #0004;clip-path:polygon(2% 0,100% 3%,98% 100%,0 94%)}
.construction-icon{font-size:clamp(22px,3vw,42px);line-height:1}
@media(max-width:600px){.construction-sticker{left:48%;top:47%;width:190px;font-size:11px;padding:10px;gap:6px}.construction-icon{font-size:25px}}

/* V7 : abeille identique à celle de l’en-tête, posée sur le boîtier de la caméra. */
.camera-bee{position:absolute;z-index:5;left:81.6%;top:20.5%;width:4.6%;height:11%;background:#100b19;display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:3px}
.camera-bee img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 3px #b13aff)}
.construction-icon svg{display:block;width:clamp(25px,3vw,45px);height:auto}
@media(max-width:600px){.camera-bee{display:none}.construction-icon svg{width:25px}}

/* V8 : les six activités sont alignées sur une ligne dans le visuel principal. */

/* V9 : véritable composition responsive, sans texte intégré dans une image recadrée. */
.mobile-home{display:none}
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:clip}
 .exact-header-inner{min-height:82px;padding:10px 18px}
 .exact-brand{width:min(52vw,220px)}
 .exact-visual{display:none!important}
 .mobile-home{display:block;background:#11091e;color:#fff;overflow:hidden}
 .mobile-hero{position:relative;isolation:isolate;padding:42px 22px 48px;background:#150b2a;overflow:hidden}
 .mobile-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/maquette-accueil.jpg') 83% top / auto 100% no-repeat;opacity:.68}
 .mobile-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,6,28,.97) 0%,rgba(19,7,40,.91) 66%,rgba(19,7,40,.62) 100%),linear-gradient(0deg,#11091e 0%,transparent 42%)}
 .mobile-kicker{font:700 10px/1.7 Arial,sans-serif;letter-spacing:.12em;margin:0 0 27px;max-width:100%;overflow-wrap:anywhere}
 .mobile-kicker span{color:#e066ff;padding:0 3px}
 .mobile-hero h1{font:700 clamp(36px,9.4vw,62px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.055em;margin:0;overflow-wrap:normal}
 .mobile-hero h1 em{font-style:normal;color:#d64cff}
 .mobile-rule{width:70px;height:4px;background:#c94aff;border-radius:5px;margin:24px 0 20px}
 .mobile-intro{font:400 16px/1.55 Arial,Helvetica,sans-serif;color:#f2e9fa;margin:0;max-width:510px}
 .mobile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
 .mobile-actions a{font:700 14px/1.25 Arial,sans-serif;text-decoration:none;text-align:center;padding:14px 18px;border-radius:40px;min-height:46px;display:inline-flex;align-items:center;justify-content:center}
 .mobile-primary{background:linear-gradient(120deg,#b916e9,#7410bb)}
 .mobile-secondary{border:2px solid #fff;background:#110b22aa}
 .mobile-sticker{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:44px 8px 0 auto;width:max-content;max-width:90%;padding:12px 16px;border:2px solid #fff;border-radius:10px;background:linear-gradient(125deg,#68139e,#2d0d55);transform:rotate(-6deg);font:800 12px/1.15 Arial,sans-serif;text-align:center;box-shadow:0 9px 25px #0008}
 .mobile-sticker:before{content:"";position:absolute;top:-12px;left:35%;width:35%;height:19px;background:#e5d3a5df;transform:rotate(-4deg)}
 .mobile-sticker svg{flex-shrink:0}
 .mobile-services{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:25px 18px 20px}
 .mobile-service{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:20px 50px 22px 22px;background:linear-gradient(125deg,#41134f,#21142e);border:1px solid #c245eb;border-radius:14px;color:#fff;text-decoration:none;overflow-wrap:anywhere}
 .mobile-service:nth-child(2){background:linear-gradient(125deg,#152d57,#1d1633);border-color:#4d8bff}
 .mobile-service:nth-child(3){background:linear-gradient(125deg,#37216e,#1b1230);border-color:#9b67ff}
 .mobile-service:nth-child(4){background:linear-gradient(125deg,#4b1752,#211127);border-color:#dc45d6}
 .mobile-service-icon{font:400 36px/1 Arial,sans-serif;color:#db70ff}
 .mobile-service strong{font:700 28px/1.2 Arial,sans-serif}
 .mobile-service>span:nth-last-child(2){font:400 15px/1.5 Arial,sans-serif;color:#e9e2f0}
 .mobile-arrow{position:absolute;right:18px;bottom:20px;border:1px solid #d6b9ff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}
 .mobile-signoff{font:700 11px/1.6 Arial,sans-serif;letter-spacing:.19em;text-align:center;padding:5px 18px 30px;margin:0}
 .exact-below{padding:46px 20px}
}
@media(min-width:701px){.mobile-home{display:none!important}}