body.page-id-2424 .site-content,
body.page-id-2424 .entry-content {
overflow-x: clip;
max-width: 100%;
}
body.page-id-2424 .cdm-hub {
--cdmu-mus-hero-bg: url(//calendanse.fr/wp-content/uploads/2026/05/fond-musicalite.jpg);
--cdmu-mus-hero-img-opacity: 0.7;
--cdmu-mus-hero-img-opacity-mobile: 0.52;
--cdmu-mus-navy: #0b1f4d;
--cdmu-mus-violet: #6a3fb5;
--cdmu-mus-bg: #f4f6f8;
} body.page-id-2424 .cdm-hub .cdm-hub-hero {
position: relative;
isolation: isolate;
overflow: hidden;
background: var(--cdmu-mus-bg);
border: 1px solid rgba(11, 31, 77, 0.12);
box-shadow: 0 14px 40px rgba(11, 31, 77, 0.08);
}
body.page-id-2424 .cdm-hub .cdm-hub-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
opacity: var(--cdmu-mus-hero-img-opacity);
background-image: var(--cdmu-mus-hero-bg);
background-size: cover;
background-position: 88% center;
background-repeat: no-repeat;
pointer-events: none;
}
body.page-id-2424 .cdm-hub .cdm-hub-hero::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0.93) 0%,
rgba(255, 255, 255, 0.88) 24%,
rgba(244, 246, 248, 0.68) 40%,
rgba(244, 246, 248, 0.22) 56%,
rgba(244, 246, 248, 0.04) 70%,
transparent 82%
);
pointer-events: none;
}
body.page-id-2424 .cdm-hub .cdm-hub-hero__glow {
opacity: 0.08;
mix-blend-mode: multiply;
}
body.page-id-2424 .cdm-hub .cdm-hub-hero__inner {
position: relative;
z-index: 2;
max-width: min(38rem, 58%);
}
body.page-id-2424 .cdm-hub .cdm-hub-hero__eyebrow {
color: var(--cdmu-mus-violet);
opacity: 1;
font-weight: 700;
}
body.page-id-2424 .cdm-hub .cdm-hub-hero__title {
color: var(--cdmu-mus-navy);
opacity: 1;
}
body.page-id-2424 .cdm-hub .cdm-hub-hero__lead,
body.page-id-2424 .cdm-hub .cdm-hub-hero__hint {
color: #475569;
opacity: 1;
max-width: 100%;
}
body.page-id-2424 .cdm-hub .cdm-hub-hero__hint {
background: rgba(255, 255, 255, 0.82);
border-color: rgba(11, 31, 77, 0.1);
} @media (max-width: 480px) {
body.page-id-2424 .cdm-hub .cdm-hub-hero::before {
opacity: var(--cdmu-mus-hero-img-opacity-mobile);
background-position: 82% 38%;
}
body.page-id-2424 .cdm-hub .cdm-hub-hero::after {
background: linear-gradient(
to right,
rgba(255, 255, 255, 0.95) 0%,
rgba(255, 255, 255, 0.86) 38%,
rgba(244, 246, 248, 0.5) 62%,
rgba(244, 246, 248, 0.12) 82%,
transparent 100%
);
}
body.page-id-2424 .cdm-hub .cdm-hub-hero__inner {
max-width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
body.page-id-2424 .cdm-hub .cdm-hub-hero__glow {
display: none;
}
}