:root{--v11-blue:#75C4E7;--v11-ink:#111418;--v11-muted:#60707a;--v11-cream:#f7f3ea;--v11-line:#dfe8ec}
.v11-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.v11-kicker{display:block;color:#3096bf;font-family:Montserrat,sans-serif;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.v11-intro,.v11-audiences,.v11-formats,.v11-why,.v11-final-cta{font-family:Montserrat,sans-serif}
.v11-intro{padding:96px 0;background:#fff}
.v11-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:72px;align-items:center}
.v11-copy h2,.v11-audiences h2,.v11-formats h2,.v11-why h2,.v11-final-cta h2{font-size:clamp(2rem,4.4vw,3.65rem);line-height:1.03;letter-spacing:-.045em;color:var(--v11-ink);margin:0 0 22px;font-weight:800}
.v11-copy h2 em{font-style:normal;color:var(--v11-blue)}
.v11-copy>p,.v11-section-lead,.v11-final-cta p{font-size:1.03rem;line-height:1.75;color:var(--v11-muted);max-width:760px}
.v11-pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}
.v11-pill{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--v11-line);border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(20,42,53,.05)}
.v11-pill:last-child{grid-column:1/-1}
.v11-pill span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eef8fc;font-size:1.15rem}
.v11-pill strong{font-size:.94rem;color:var(--v11-ink)}
.v11-photo-card{position:relative;border-radius:30px;overflow:hidden;min-height:540px;background:#111;box-shadow:0 30px 70px rgba(0,0,0,.18)}
.v11-photo-card>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.v11-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.72))}
.v11-photo-note{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;padding:18px 20px;border:1px solid rgba(117,196,231,.8);background:rgba(4,12,17,.58);backdrop-filter:blur(8px);color:#fff;display:flex;flex-direction:column;gap:4px}
.v11-photo-note strong{font-size:1.05rem}.v11-photo-note span{font-size:.9rem;color:#dcecf3}
.v11-audiences{padding:96px 0;background:var(--v11-cream)}
.v11-audiences h2,.v11-formats h2{max-width:780px}
.v11-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.v11-audience{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e1d9;border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease}
.v11-audience:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(33,45,50,.12)}
.v11-audience img{width:100%;height:225px;object-fit:cover}
.v11-audience>div{padding:25px 25px 28px;display:flex;flex-direction:column;flex:1}
.v11-audience span{color:#3096bf;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.v11-audience h3{font-size:1.22rem;line-height:1.25;color:var(--v11-ink);margin:10px 0 11px}
.v11-audience p{font-size:.92rem;line-height:1.6;color:var(--v11-muted);margin-bottom:18px}
.v11-audience b{margin-top:auto;color:#1789b5;font-size:.9rem}
.v11-formats{padding:96px 0;background:#fff}
.v11-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.v11-format{border:1px solid var(--v11-line);border-radius:20px;padding:28px;text-decoration:none;color:inherit;background:#fff;transition:.25s}
.v11-format:hover{border-color:var(--v11-blue);transform:translateY(-3px);box-shadow:0 18px 40px rgba(28,79,102,.1)}
.v11-format.featured{background:#eef8fc;border-color:#8ed0eb}
.v11-format>span{font-size:1.65rem}.v11-format h3{font-size:1.12rem;color:var(--v11-ink);margin:15px 0 8px}.v11-format p{font-size:.91rem;color:var(--v11-muted);line-height:1.58;margin:0}
.v11-why{padding:104px 0;background:#0b0f12;color:#fff;overflow:hidden}
.v11-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}
.v11-why h2{color:#fff}.v11-why .v11-kicker{color:#79cceb}
.v11-why-media{position:relative;min-height:570px}
.v11-why-main{position:absolute;inset:0 70px 60px 0;width:calc(100% - 70px);height:calc(100% - 60px);object-fit:cover;border-radius:28px}
.v11-why-small{position:absolute;width:210px;height:155px;object-fit:cover;border-radius:18px;border:5px solid #0b0f12;box-shadow:0 18px 45px rgba(0,0,0,.35)}
.v11-why-small.a{right:0;top:42px}.v11-why-small.b{right:10px;bottom:0}
.v11-reasons{display:grid;gap:18px;margin-top:28px}
.v11-reasons>div{display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:start}
.v11-reasons i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--v11-blue);color:var(--v11-blue);font-weight:800}
.v11-reasons p{display:flex;flex-direction:column;gap:3px;margin:0}.v11-reasons strong{font-size:1rem}.v11-reasons span{font-size:.9rem;line-height:1.5;color:#aebdc5}
.v11-why-line{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);font-size:1.05rem;font-weight:700;color:#e9f7fc}
.v11-final-cta{padding:72px 0;background:linear-gradient(135deg,#eaf7fc,#f7f3ea)}
.v11-final-inner{display:flex;justify-content:space-between;align-items:center;gap:42px}
.v11-final-cta h2{font-size:clamp(2rem,4vw,3.15rem);margin-bottom:12px}.v11-final-cta p{margin:0}
.v11-final-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}.v11-phone{font-weight:800;color:#172026;text-decoration:none;font-size:1.05rem}
.v11-hero-link{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:980px){.v11-split,.v11-why-grid{grid-template-columns:1fr}.v11-photo-card{min-height:430px}.v11-audience-grid,.v11-format-grid{grid-template-columns:repeat(2,1fr)}.v11-why-media{min-height:500px;max-width:650px}.v11-final-inner{align-items:flex-start;flex-direction:column}.v11-final-actions{justify-content:flex-start}}
@media(max-width:650px){.v11-wrap{width:min(100% - 32px,1180px)}.v11-intro,.v11-audiences,.v11-formats,.v11-why{padding:68px 0}.v11-split{gap:38px}.v11-pill-grid,.v11-audience-grid,.v11-format-grid{grid-template-columns:1fr}.v11-pill:last-child{grid-column:auto}.v11-photo-card{min-height:360px;border-radius:22px}.v11-audience img{height:210px}.v11-format{padding:24px}.v11-why-grid{gap:44px}.v11-why-media{min-height:390px}.v11-why-main{inset:0 36px 48px 0;width:calc(100% - 36px);height:calc(100% - 48px)}.v11-why-small{width:145px;height:108px}.v11-final-cta{padding:58px 0}.hero-content h1{font-size:clamp(2.25rem,12vw,4rem)!important}.hero-content .subtitle{max-width:92%!important}}

/* === v12 — icônes SVG + harmonisation des mesures avec les sections v10 === */
.v11-pill span svg,.v11-format>span svg,.v11-reasons i svg{display:block}
.v11-pill span{color:#1789b5;font-size:0}
.v11-pill span svg{width:20px;height:20px}
.v11-format>span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eef8fc;color:#1789b5;font-size:0}
.v11-format>span svg{width:24px;height:24px}
.v11-format.featured>span{background:#fff}
.v11-format:hover>span{background:#dcecf3}
.v11-reasons i{font-size:0;border:0;color:var(--v11-blue)}
.v11-reasons i svg{width:26px;height:26px}
/* mêmes largeur de conteneur, rythme vertical et échelle de titres que les sections v10 */
.v11-wrap{width:min(1160px,calc(100% - 48px))}
.v11-intro,.v11-audiences,.v11-formats,.v11-why{padding:88px 0}
.v11-copy h2,.v11-audiences h2,.v11-formats h2,.v11-why h2,.v11-final-cta h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.02em}
.v11-kicker{color:#308fb7}
.v11-why .v11-kicker{color:#79cceb}
@media(max-width:650px){
  .v11-intro,.v11-audiences,.v11-formats,.v11-why{padding:66px 0}
  .v11-wrap{width:min(100% - 40px,1160px)}
  .v11-format>span{width:42px;height:42px}
}

/* === v14 — « Nos formats » en liste éditoriale plutôt qu'en cartes === */
.v11-formats-list{margin-top:40px;max-width:1000px;border-top:1px solid #e3ecf1}
.v11-fmt{position:relative;display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:36px;
  align-items:baseline;padding:24px 20px;border-bottom:1px solid #e3ecf1;text-decoration:none;color:inherit;
  transition:background .22s ease}
.v11-fmt::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:3px;background:var(--v11-blue);
  transform:scaleY(0);transform-origin:top;transition:transform .22s ease}
.v11-fmt::after{content:"→";position:absolute;right:14px;top:50%;transform:translate(-6px,-50%);color:#1789b5;
  font-size:1.05rem;opacity:0;transition:opacity .22s ease,transform .22s ease}
.v11-fmt:hover,.v11-fmt:focus-visible{background:#f5fbfe;outline:none}
.v11-fmt:hover::before,.v11-fmt:focus-visible::before{transform:scaleY(1)}
.v11-fmt:hover::after,.v11-fmt:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.v11-fmt:focus-visible{box-shadow:inset 0 0 0 2px rgba(23,137,181,.35)}
.v11-fmt h3{margin:0;font-size:1.14rem;font-weight:800;line-height:1.3;color:var(--v11-ink);letter-spacing:-.012em;
  display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.v11-fmt p{margin:0;font-size:.95rem;line-height:1.62;color:var(--v11-muted);padding-right:34px}
.v11-fmt h3 em{font-style:normal;font-size:.63rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#1789b5;background:#e6f5fc;border-radius:999px;padding:5px 9px;white-space:nowrap}
.v11-fmt.is-key{background:#f3fafe}
.v11-fmt.is-key::before{transform:scaleY(1)}
@media(prefers-reduced-motion:reduce){.v11-fmt,.v11-fmt::before,.v11-fmt::after{transition:none}}
@media(max-width:760px){
  .v11-fmt{grid-template-columns:1fr;gap:7px;padding:20px 16px}
  .v11-fmt p{padding-right:0}
  .v11-fmt::after{display:none}
}

/* === v15 — cartes formats premium, icônes du carrousel === */
.v11-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px}
.v11-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e6edf1;
  border-radius:20px;padding:34px 30px 32px;text-decoration:none;color:inherit;
  transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}
.v11-card:hover,.v11-card:focus-visible{border-color:var(--v11-blue);transform:translateY(-4px);
  box-shadow:0 20px 46px rgba(24,64,86,.10);outline:none}
.v11-card:focus-visible{box-shadow:0 0 0 3px rgba(23,137,181,.28)}
.v11-card-ico{width:46px;height:46px;object-fit:contain;display:block;margin-bottom:22px}
.v11-card h3{margin:0 0 9px;font-size:1.06rem;font-weight:800;line-height:1.32;letter-spacing:-.012em;color:var(--v11-ink)}
.v11-card p{margin:0;font-size:.93rem;line-height:1.62;color:var(--v11-muted)}
.v11-card.is-key{border-color:#bfe2f2;background:linear-gradient(180deg,#f7fcfe,#fff 62%)}
.v11-card em{margin-top:18px;align-self:flex-start;font-style:normal;font-size:.63rem;font-weight:800;
  letter-spacing:.11em;text-transform:uppercase;color:#1789b5;background:#e6f5fc;border-radius:999px;padding:6px 11px}
.v11-pill-ico{width:38px;height:38px;object-fit:contain;flex:0 0 auto}
@media(prefers-reduced-motion:reduce){.v11-card{transition:none}.v11-card:hover{transform:none}}
@media(max-width:980px){.v11-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.v11-card-grid{grid-template-columns:1fr;gap:16px}.v11-card{padding:28px 24px}}

/* === v16 — mention catering dans « Ce qu'on fait » === */
.v11-catering-note{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--v11-line);
  font-size:.92rem;line-height:1.6;color:var(--v11-muted);max-width:640px}
.v11-catering-note a{color:#1789b5;font-weight:700;text-decoration:none;white-space:nowrap}
.v11-catering-note a:hover,.v11-catering-note a:focus-visible{text-decoration:underline}