.hero-content {
position: relative;
z-index: 6;
max-width: 620px;
padding: 32px 36px;
border-radius: 20px;
background: linear-gradient(
90deg,
rgba(1, 5, 13, 0.78) 0%,
rgba(1, 5, 13, 0.58) 58%,
rgba(1, 5, 13, 0.16) 88%,
rgba(1, 5, 13, 0) 100%
);
}
.experience-renouvelee {
position: relative !important;
overflow: hidden !important;
background-color: #030812 !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.hero-title {
color: #f5f3ee !important;
text-shadow:
0 2px 12px rgba(0, 0, 0, 0.75),
0 0 24px rgba(0, 0, 0, 0.25);
}
.hero-kicker {
color: #d8a94f !important;
letter-spacing: 3px;
text-shadow:
0 2px 10px rgba(0, 0, 0, 0.85);
}
.hero-content .btn-reserver a {
background: rgba(216, 169, 79, 0.95) !important;
border-color: rgba(216, 169, 79, 0.95) !important;
box-shadow:
0 0 18px rgba(216, 169, 79, 0.12),
0 8px 24px rgba(0, 0, 0, 0.35);
}
.experience-renouvelee::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background:
radial-gradient(
ellipse at 50% 35%,
rgba(5, 14, 27, 0.52) 0%,
rgba(2, 8, 16, 0.72) 55%,
rgba(1, 4, 9, 0.92) 100%
),
linear-gradient(
180deg,
rgba(1, 4, 10, 0.58) 0%,
rgba(1, 4, 9, 0.72) 100%
) !important;
pointer-events: none !important;
z-index: 0 !important;
}
.experience-renouvelee > .e-con-inner {
position: relative !important;
z-index: 5 !important;
}
.experience-grid {
position: relative !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
width: 100% !important;
gap: 0 !important;
overflow: visible !important;
z-index: 5 !important;
}
.experience-grid::before {
display: none !important;
content: none !important;
}
.experience-item {
position: relative !important;
flex: 1 1 25% !important;
width: 25% !important;
padding: 0 28px !important;
text-align: center !important;
overflow: visible !important;
z-index: 6 !important;
}
.experience-icon {
position: relative !important;
width: 110px !important;
height: 110px !important;
min-width: 110px !important;
min-height: 110px !important;
margin: 0 auto 42px auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border:
1px solid
rgba(200, 155, 74, 0.45) !important;
border-radius: 50% !important;
background:
radial-gradient(
circle,
rgba(200, 155, 74, 0.14) 0%,
rgba(200, 155, 74, 0.05) 45%,
rgba(200, 155, 74, 0) 72%
) !important;
box-shadow:
0 0 20px rgba(200, 155, 74, 0.12),
0 0 45px rgba(200, 155, 74, 0.06),
inset 0 0 18px rgba(200, 155, 74, 0.05) !important;
overflow: visible !important;
z-index: 6 !important;
}
.experience-icon::before {
content: "" !important;
position: absolute !important;
inset: -30px !important;
border-radius: 50% !important;
background:
radial-gradient(
circle,
rgba(200, 155, 74, 0.18) 0%,
rgba(200, 155, 74, 0.06) 38%,
rgba(200, 155, 74, 0) 70%
) !important;
pointer-events: none !important;
z-index: -1 !important;
}
.experience-icon .elementor-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #D9B56A !important;
fill: #D9B56A !important;
font-size: 42px !important;
opacity: 1 !important;
}
.experience-icon .elementor-icon svg {
width: 42px !important;
height: 42px !important;
fill: none !important;
stroke: #D9B56A !important;
stroke-width: 3 !important;
opacity: 1 !important;
}
.experience-icon .elementor-icon i {
color: #D9B56A !important;
font-size: 42px !important;
opacity: 1 !important;
}
.experience-number {
margin: 0 0 18px 0 !important;
color: #AAB7C6 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: 5px !important;
text-align: center !important;
}
.experience-number .elementor-heading-title {
color: #AAB7C6 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: 5px !important;
text-align: center !important;
}
.experience-item-title {
margin: 0 !important;
}
.experience-item-title .elementor-heading-title {
color: #F4F1EA !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
letter-spacing: 1.3px !important;
text-transform: uppercase !important;
text-align: center !important;
}
.experience-item-title::after {
content: "" !important;
display: block !important;
width: 32px !important;
height: 1px !important;
margin: 20px auto !important;
background: #C89B4A !important;
opacity: 0.85 !important;
}
.experience-item-text {
max-width: 270px !important;
margin: 0 auto !important;
color: #AAB7C6 !important;
font-size: 14px !important;
font-weight: 300 !important;
line-height: 1.65 !important;
text-align: center !important;
}
.experience-item-text p {
margin: 0 !important;
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}
.experience-curve {
position: absolute !important;
left: 50% !important;
width: 100vw !important;
transform: translateX(-50%) !important;
top: 0 !important;
height: 300px !important;
pointer-events: none !important;
z-index: 2 !important;
}
.experience-curve svg {
display: block !important;
width: 100% !important;
height: 100% !important;
overflow: visible !important;
}
.experience-renouvelee > .celeste-particles {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
pointer-events: none !important;
z-index: 3 !important;
}
.celeste-particle {
position: absolute !important;
display: block !important;
border-radius: 50% !important;
pointer-events: none !important;
animation-name: celesteDust !important;
animation-timing-function: ease-in-out !important;
animation-iteration-count: infinite !important;
will-change:
transform,
opacity;
}
.celeste-particle--micro {
background: #D9B56A !important;
opacity: 0.24;
box-shadow:
0 0 1px rgba(255, 240, 195, 0.85),
0 0 3px rgba(217, 181, 106, 0.60),
0 0 6px rgba(200, 155, 74, 0.18) !important;
}
.celeste-particle--medium {
background: #d8a94f !important;
opacity: 0.88;
box-shadow:
0 0 3px #FFF4C7,
0 0 8px #d8a94f,
0 0 17px rgba(217, 181, 106, 0.95),
0 0 32px rgba(200, 155, 74, 0.45) !important;
}
.celeste-particle--glow {
background: #FFF7D6 !important;
opacity: 1;
box-shadow:
0 0 6px #FFF7D6,
0 0 14px #d8a94f,
0 0 28px #D9B56A,
0 0 52px rgba(217, 181, 106, 0.98),
0 0 90px rgba(200, 155, 74, 0.58) !important;
}
@keyframes celesteDust {
0%,
100% {
transform:
translate(0, 0)
scale(0.65);
opacity: 0.14;
}
40% {
opacity: 0.65;
}
55% {
transform:
translate(
var(--dx),
var(--dy)
)
scale(1.25);
opacity: 1;
}
75% {
opacity: 0.50;
}
}
@media (max-width: 1024px) {
.experience-item {
padding-left: 15px !important;
padding-right: 15px !important;
}
.experience-item-title .elementor-heading-title {
font-size: 15px !important;
letter-spacing: 1px !important;
}
.experience-item-text {
font-size: 13px !important;
}
.experience-icon {
width: 95px !important;
height: 95px !important;
min-width: 95px !important;
min-height: 95px !important;
}
.experience-icon .elementor-icon svg {
width: 36px !important;
height: 36px !important;
}
.experience-icon .elementor-icon i {
font-size: 36px !important;
}
}
@media (max-width: 767px) {
.experience-renouvelee {
padding-left: 18px !important;
padding-right: 18px !important;
}
.experience-grid {
position: relative !important;
display: flex !important;
flex-direction: column !important;
gap: 52px !important;
width: 100% !important;
align-items: stretch !important;
z-index: 5 !important;
}
.experience-curve {
display: none !important;
}
.experience-grid::after {
content: "" !important;
position: absolute !important;
top: 45px !important;
bottom: 45px !important;
left: 50% !important;
width: 1px !important;
transform: translateX(-50%) !important;
background: linear-gradient(
180deg,
rgba(200, 155, 74, 0) 0%,
rgba(217, 181, 106, 0.45) 10%,
rgba(240, 213, 143, 0.95) 45%,
rgba(217, 181, 106, 0.45) 90%,
rgba(200, 155, 74, 0) 100%
) !important;
box-shadow:
0 0 6px rgba(217, 181, 106, 0.35),
0 0 14px rgba(200, 155, 74, 0.18) !important;
z-index: 1 !important;
pointer-events: none !important;
}
.experience-item {
position: relative !important;
width: 100% !important;
flex: none !important;
padding: 0 !important;
text-align: center !important;
z-index: 3 !important;
}
.experience-icon {
position: relative !important;
width: 88px !important;
height: 88px !important;
min-width: 88px !important;
min-height: 88px !important;
margin: 0 auto 22px auto !important;
background:
radial-gradient(
circle,
rgba(200, 155, 74, 0.18) 0%,
rgba(200, 155, 74, 0.06) 45%,
rgba(5, 9, 16, 0.92) 72%
) !important;
border: 1px solid rgba(200, 155, 74, 0.5) !important;
box-shadow:
0 0 22px rgba(200, 155, 74, 0.18),
0 0 40px rgba(200, 155, 74, 0.08) !important;
z-index: 4 !important;
}
.experience-icon .elementor-icon svg {
width: 32px !important;
height: 32px !important;
stroke: #D9B56A !important;
}
.experience-icon .elementor-icon i {
font-size: 32px !important;
color: #D9B56A !important;
}
.experience-number,
.experience-number .elementor-heading-title {
margin-top: 12px !important;
font-size: 12px !important;
letter-spacing: 4px !important;
color: #AAB7C6 !important;
}
.experience-item-title .elementor-heading-title {
max-width: 290px !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: 17px !important;
line-height: 1.3 !important;
letter-spacing: 1.2px !important;
}
.experience-item-text {
max-width: 315px !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
.experience-renouvelee > .celeste-particles {
display: block !important;
opacity: 0.55 !important;
}
.celeste-particle--micro:nth-child(2n) {
display: none !important;
}
.celeste-particle--medium:nth-child(3n) {
display: none !important;
}
.celeste-particle--glow:nth-child(2n) {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
.celeste-particle {
animation: none !important;
opacity: 0.35 !important;
}
}
.celeste-temple__inner {
grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
gap: clamp(3.5rem, 5.2vw, 5.5rem);
width: min(100% - 4rem, 1520px);
}
.celeste-temple__image-frame {
aspect-ratio: 6 / 7;
border-color: rgba(255, 217, 112, 0.95);
box-shadow:
0 0 0 1px rgba(255, 217, 112, 0.1),
0 24px 80px rgba(0, 0, 0, 0.54),
0 0 24px rgba(225, 184, 75, 0.18),
0 0 58px rgba(225, 184, 75, 0.08);
}
.celeste-temple__eyebrow {
color: #d9b254;
letter-spacing: 0.48em;
}
.celeste-temple__title {
max-width: none;
font-size: clamp(2.65rem, 4.4vw, 4.5rem);
line-height: 1.04;
letter-spacing: 0.17em;
white-space: nowrap;
}
.celeste-temple__copy {
max-width: 690px;
color: #f5f3ee;
font-family: "New Science Regular", sans-serif;
font-size: clamp(1.05rem, 1.38vw, 1.3rem);
line-height: 1.6;
letter-spacing: 0.008em;
}
.celeste-temple__particle--glow {
background: rgba(255, 236, 170, 0.96);
box-shadow:
0 0 7px rgba(255, 236, 170, 0.95),
0 0 18px rgba(255, 217, 112, 0.55),
0 0 34px rgba(225, 184, 75, 0.22);
}
@media (max-width: 1180px) and (min-width: 981px) {
.celeste-temple__inner {
width: min(100% - 3rem, 1160px);
gap: 3rem;
}
.celeste-temple__title {
font-size: clamp(2.4rem, 4vw, 3.4rem);
letter-spacing: 0.14em;
}
.celeste-temple__copy {
font-size: 1rem;
line-height: 1.62;
}
}
@media (max-width: 980px) {
.celeste-temple__inner {
width: min(100% - 2.5rem, 760px);
}
.celeste-temple__image-frame {
aspect-ratio: 16 / 11;
}
.celeste-temple__title {
white-space: normal;
}
}
@media (max-width: 640px) {
.celeste-temple__inner {
width: min(100% - 2rem, 560px);
}
.celeste-temple__image-frame {
aspect-ratio: 4 / 5;
}
.celeste-temple__title {
font-size: clamp(2.25rem, 11vw, 3.4rem);
letter-spacing: 0.1em;
}
.celeste-temple__copy {
font-size: 1rem;
line-height: 1.68;
}
}
.elementor-element-da9fef4,
.celeste-temple,
.section-tarifs {
background-color: #02050b !important;
}
.experience-renouvelee::after {
bottom: -240px !important;
height: 360px !important;
background: linear-gradient(180deg, transparent 0%, rgba(2, 5, 11, 0.18) 24%, rgba(2, 5, 11, 0.52) 54%, rgba(2, 5, 11, 0.84) 78%, #02050b 100%) !important;
}
.celeste-temple::before {
width: min(52vw, 760px) !important;
height: min(52vw, 760px) !important;
top: -30% !important;
left: -22% !important;
background: radial-gradient(circle, rgba(225, 184, 75, 0.075) 0%, rgba(225, 184, 75, 0.035) 32%, rgba(225, 184, 75, 0.012) 55%, transparent 74%) !important;
filter: blur(18px) !important;
}
.celeste-temple::after {
width: min(62vw, 900px) !important;
height: min(62vw, 900px) !important;
right: -29% !important;
bottom: -34% !important;
background: radial-gradient(circle, rgba(30, 48, 111, 0.13) 0%, rgba(22, 40, 91, 0.065) 34%, rgba(15, 28, 68, 0.018) 58%, transparent 76%) !important;
filter: blur(24px) !important;
}
.celeste-temple__visual,
.celeste-temple__image-frame {
margin: 0 !important;
padding: 0 !important;
background: #02050b !important;
outline: 0 !important;
}
.celeste-temple__image-frame {
border: 1px solid rgba(225, 184, 75, 0.88) !important;
}
.celeste-temple__image {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.celeste-temple__image-placeholder {
display: none !important;
}
.celeste-temple__image.is-missing + .celeste-temple__image-placeholder {
display: flex !important;
}
.section-tarifs::before {
background: linear-gradient(180deg, #02050b 0%, rgba(2, 5, 11, 0.96) 18%, rgba(2, 5, 11, 0.78) 48%, rgba(2, 5, 11, 0.92) 78%, #01040a 100%), radial-gradient(circle at 50% 42%, rgba(20, 43, 73, 0.1), transparent 62%) !important;
opacity: 1 !important;
}
@media (max-width: 980px) {
.experience-renouvelee::after {
bottom: -170px !important;
height: 270px !important;
}
.celeste-temple::before,
.celeste-temple::after {
width: 720px !important;
height: 720px !important;
}
}
body.page-id-2263, body.page-id-1991,
body.page-id-2263 #lqd-site-content, body.page-id-1991 #lqd-site-content,
body.page-id-2263 main, body.page-id-1991 main,
.elementor-element-da9fef4, .elementor-element-a1ed99f
.celeste-temple,
.section-tarifs {
background-color: #02050b !important;
}
.experience-renouvelee::after {
bottom: -240px !important;
height: 360px !important;
background: linear-gradient(
180deg,
rgba(2, 5, 11, 0) 0%,
rgba(2, 5, 11, 0.18) 24%,
rgba(2, 5, 11, 0.52) 54%,
rgba(2, 5, 11, 0.84) 78%,
#02050b 100%
) !important;
}
.celeste-temple::before {
width: min(52vw, 760px) !important;
height: min(52vw, 760px) !important;
top: -30% !important;
left: -22% !important;
background: radial-gradient(
circle,
rgba(225, 184, 75, 0.075) 0%,
rgba(225, 184, 75, 0.035) 32%,
rgba(225, 184, 75, 0.012) 55%,
transparent 74%
) !important;
filter: blur(18px) !important;
}
.celeste-temple::after {
width: min(62vw, 900px) !important;
height: min(62vw, 900px) !important;
right: -29% !important;
bottom: -34% !important;
background: radial-gradient(
circle,
rgba(30, 48, 111, 0.13) 0%,
rgba(22, 40, 91, 0.065) 34%,
rgba(15, 28, 68, 0.018) 58%,
transparent 76%
) !important;
filter: blur(24px) !important;
}
.celeste-temple__visual,
.celeste-temple__image-frame {
margin: 0 !important;
padding: 0 !important;
background: #02050b !important;
outline: 0 !important;
}
.celeste-temple__image-frame {
border: 1px solid rgba(225, 184, 75, 0.88) !important;
}
.celeste-temple__image {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center center !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.celeste-temple__image-placeholder {
display: none !important;
}
.celeste-temple__image.is-missing + .celeste-temple__image-placeholder {
display: flex !important;
}
.section-tarifs::before {
background: linear-gradient(
180deg,
#02050b 0%,
rgba(2, 5, 11, 0.96) 18%,
rgba(2, 5, 11, 0.78) 48%,
rgba(2, 5, 11, 0.92) 78%,
#01040a 100%
), radial-gradient(
circle at 50% 42%,
rgba(20, 43, 73, 0.1),
transparent 62%
) !important;
opacity: 1 !important;
}
@media (max-width: 980px) {
.experience-renouvelee::after {
bottom: -170px !important;
height: 270px !important;
}
.celeste-temple::before,
.celeste-temple::after {
width: 720px !important;
height: 720px !important;
}
}
.tarif-categorie {
background: rgba(2, 7, 18, 0.55);
border: 1px solid rgba(225, 181, 105, 0.75);
border-radius: 24px !important;
padding: 45px 35px;
overflow: hidden;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.dore {
color: rgb(216, 169, 79) !important;
}
.tableau-tarifs {
max-width: 900px;
margin: 0 auto;
background: rgba(2, 7, 18, 0.72);
border: 1px solid rgba(216, 169, 79, 0.72);
border-radius: 20px !important;
overflow: hidden;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow:
0 18px 60px rgba(0, 0, 0, 0.28),
inset 0 0 40px rgba(255, 255, 255, 0.015);
}
.ligne-tarif {
display: flex;
width: 100%;
border-bottom: 1px solid rgba(216, 169, 79, 0.22);
}
.ligne-tarif:last-child {
border-bottom: none;
}
.cellule-tarif {
min-height: 118px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 22px 28px;
border-right: 1px solid rgba(216, 169, 79, 0.22);
box-sizing: border-box;
}
.cellule-tarif:last-child {
border-right: none;
}
.ligne-tarif .cellule-tarif:first-child {
width: 40%;
}
.ligne-tarif .cellule-tarif:nth-child(2),
.ligne-tarif .cellule-tarif:nth-child(3) {
width: 30%;
}
.tarif-periode {
color: #f2e6d2 !important;
font-size: 15px;
font-weight: 400;
letter-spacing: 4px;
text-transform: uppercase;
line-height: 1.2;
text-align: center;
}
.nom-categorie {
color: #d8a94f !important;
font-size: 24px;
font-weight: 400;
letter-spacing: 4px;
text-transform: uppercase;
line-height: 1.1;
text-align: center;
}
.prefixe-prix {
color: rgba(255, 255, 255, 0.55) !important;
font-size: 11px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 7px;
text-align: center;
}
.montant-prix {
color: #d8a94f !important;
font-size: 26px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.1;
text-align: center;
white-space: nowrap;
}
.sous-texte-tarif {
color: rgba(255, 255, 255, 0.58) !important;
font-size: 12px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 1.45;
text-align: center;
margin-top: 7px;
}
.label-categorie {
color: rgba(255, 255, 255, 0.5) !important;
font-size: 10px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 8px;
text-align: center;
}
.cellule-tarif {
transition:
background 0.3s ease,
box-shadow 0.3s ease;
}
.ligne-tarif:not(:first-child) .cellule-tarif:hover {
background: rgba(216, 169, 79, 0.035);
}
@media (max-width: 1024px) {
.tableau-tarifs {
max-width: 760px;
}
.cellule-tarif {
min-height: 105px;
padding: 20px 18px;
}
.nom-categorie {
font-size: 21px;
}
.montant-prix {
font-size: 23px;
}
}
@media (max-width: 767px) {
.tableau-tarifs {
width: 900px !important;
max-width: 90% !important;
margin-left: auto !important;
margin-right: auto !important;
align-self: center !important;
background: rgba(2, 7, 18, 0.72);
border: 1px solid rgba(216, 169, 79, 0.72);
border-radius: 18px;
overflow: hidden;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.cellule-tarif {
min-height: 92px;
padding: 16px 8px;
}
.ligne-tarif .cellule-tarif:first-child {
width: 38%;
}
.ligne-tarif .cellule-tarif:nth-child(2),
.ligne-tarif .cellule-tarif:nth-child(3) {
width: 31%;
}
.tarif-periode {
font-size: 11px;
letter-spacing: 2px;
}
.sous-texte-tarif {
font-size: 9px;
line-height: 1.3;
}
.label-categorie {
font-size: 8px;
letter-spacing: 1.5px;
}
.nom-categorie {
font-size: 16px;
letter-spacing: 2px;
}
.prefixe-prix {
font-size: 8px;
letter-spacing: 1.5px;
}
.montant-prix {
font-size: 16px;
letter-spacing: 0;
white-space: normal;
}
}
.btn-reserver {
text-align: center;
}
.btn-reserver a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18px 52px !important;
background: rgba(216, 169, 79, 0.95) !important;
color: #050810 !important;
border: 1px solid #d8a94f !important;
border-radius: 100px !important;
font-size: 14px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
min-width: 380px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
transition: all 0.35s ease;
}
.btn-reserver a:hover {
background: rgba(216, 169, 79, 0.95) !important;
color: #050810 !important;
transform: translateY(-2px);
box-shadow:
0 8px 30px rgba(216, 169, 79, 0.22),
0 0 25px rgba(216, 169, 79, 0.12);
}
@media (max-width: 767px) {
.btn-reserver a {
min-width: 0;
width: 100%;
padding: 16px 28px !important;
font-size: 12px;
letter-spacing: 2px;
}
}
.hero-celeste {
position: relative !important;
overflow: hidden !important;
isolation: isolate;
}
.hero-celeste::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 260px;
background: linear-gradient(
to bottom,
rgba(3, 8, 18, 0) 0%,
rgba(3, 8, 18, 0.08) 18%,
rgba(3, 8, 18, 0.28) 38%,
rgba(3, 8, 18, 0.58) 62%,
rgba(3, 8, 18, 0.86) 82%,
#030812 100%
);
pointer-events: none;
z-index: 4;
}
.section-experience::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -140px;
height: 140px;
background: linear-gradient(
to bottom,
#030812 0%,
rgba(3, 8, 18, 0.92) 25%,
rgba(3, 8, 18, 0.65) 55%,
rgba(3, 8, 18, 0.25) 80%,
rgba(3, 8, 18, 0) 100%
);
pointer-events: none;
}
.section-experience {
position: relative;
z-index: 1;
}
.section-tarifs {
position: relative;
z-index: 2;
margin-top: -120px;
padding-top: 180px;
overflow: hidden;
isolation: isolate;
}
.section-tarifs::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 220px;
background: linear-gradient(
to bottom,
rgba(2, 7, 17, 1) 0%,
rgba(2, 7, 17, 0.96) 18%,
rgba(2, 7, 17, 0.82) 38%,
rgba(2, 7, 17, 0.55) 58%,
rgba(2, 7, 17, 0.25) 78%,
rgba(2, 7, 17, 0) 100%
);
pointer-events: none;
z-index: 1;
}
.section-tarifs > * {
position: relative;
z-index: 2;
}
.section-tarifs::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -90px;
height: 220px;
background: radial-gradient(
ellipse at center,
rgba(3, 8, 18, 0.85) 0%,
rgba(3, 8, 18, 0.65) 35%,
rgba(3, 8, 18, 0.35) 60%,
rgba(3, 8, 18, 0) 100%
);
filter: blur(28px);
pointer-events: none;
z-index: 1;
}
.celeste-metz{
--cm-black:#050508;
--cm-night:#030812;
--cm-gold:#d8a94f;
--cm-gold-light:#d8a94f;
--cm-ivory:#F7F3E8;
background:var(--cm-black);
color:var(--cm-ivory);
font-family:"New Science Regular",sans-serif;
}
.celeste-metz .cm-orbit{display:none!important}
.celeste-metz .cm-impact{
position:relative;
isolation:isolate;
overflow:hidden;
min-height:760px;
padding:135px 24px 145px;
display:flex;
align-items:center;
justify-content:center;
background:
radial-gradient(circle at 50% 40%,rgba(225,184,75,.075),transparent 24%),
radial-gradient(circle at 50% 61%,rgba(23,35,61,.22),transparent 43%),
#050508!important;
}
.celeste-metz .cm-impact:after{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,#02050B 0%,transparent 20%,transparent 80%,#030812 100%);
}
.celeste-metz .cm-impact__inner{
position:relative;z-index:2;
width:min(860px,100%)!important;
margin:auto;text-align:center;
display:flex;flex-direction:column;align-items:center;
}
.celeste-metz .cm-impact .cm-kicker{
margin:0 0 28px!important;
font:500 12px/1.2 "New Science Regular",sans-serif!important;
letter-spacing:.34em!important;
color:#F7F3E8!important;
}
.celeste-metz .cm-impact__number{
margin:0!important;
font-size:clamp(94px,12vw,170px)!important;
font-weight:300!important;
line-height:.9!important;
letter-spacing:-.055em!important;
}
.celeste-metz .cm-impact__number span{
background:linear-gradient(180deg,#fff2ad 0%,#ffd970 40%,#d8a94f 72%,#ad7717 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;
-webkit-text-fill-color:transparent!important;
filter:drop-shadow(0 0 16px rgba(225,184,75,.28));
}
.celeste-metz .cm-impact__title{
margin:24px 0 0!important;
font:400 clamp(15px,1.45vw,21px)/1.35 "New Science Regular",sans-serif!important;
letter-spacing:.28em!important;color:#fff!important;
}
.celeste-metz .cm-impact__title br{display:none}
.celeste-metz .cm-impact__title em{
font-style:normal!important;color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
.celeste-metz .cm-impact__rule{
width:min(680px,100%);height:1px;margin:52px auto 0!important;
background:rgba(225,184,75,.34)!important;
}
.celeste-metz .cm-impact__rule span{
display:block!important;width:5px!important;height:5px!important;
margin:-2px auto 0!important;border-radius:50%!important;
background:#d8a94f!important;
box-shadow:0 0 8px #ffd970,0 0 18px rgba(225,184,75,.5)!important;
}
.celeste-metz .cm-impact__copy{
width:min(650px,100%)!important;
margin:31px auto 45px!important;
font:400 15px/1.8 "New Science Regular",sans-serif!important;
letter-spacing:.035em!important;
color:rgba(247,243,232,.68)!important;
}
.celeste-metz .cm-impact__legacy{
display:flex!important;flex-direction:column;align-items:center;gap:10px;
width:min(680px,100%)!important;margin:0 auto!important;
}
.celeste-metz .cm-impact__legacy strong{
font:300 clamp(44px,6vw,76px)/1.1 "New Science Regular",sans-serif!important;
background:linear-gradient(180deg,#fff2ad,#d8a94f 72%,#ad7717)!important;
-webkit-background-clip:text!important;background-clip:text!important;
-webkit-text-fill-color:transparent!important;
filter:drop-shadow(0 0 14px rgba(225,184,75,.2));
}
.celeste-metz .cm-impact__legacy span{
font-size:11px!important;line-height:1.5!important;
letter-spacing:.16em!important;text-transform:uppercase!important;
color:rgba(247,243,232,.62)!important;
}
.celeste-metz .cm-practical{
position:relative;isolation:isolate;overflow:hidden;
min-height:940px;padding:145px 0 125px!important;
background:#030812!important;
}
.celeste-metz .cm-practical:before{
content:"";position:absolute;inset:-5%;z-index:-2;
background:url("https://celeste-experience.com/wp-content/uploads/2026/09/background-experience.jpg") center/cover no-repeat;
opacity:.42;transform:scale(1.055);
}
.celeste-metz .cm-practical:after{
content:"";position:absolute;inset:0;z-index:-1;
background:
linear-gradient(180deg,#030812 0%,rgba(3,8,18,.50) 18%,rgba(3,8,18,.54) 72%,#050508 100%),
radial-gradient(ellipse at center,rgba(3,8,18,.05),rgba(3,8,18,.82) 85%);
}
.celeste-metz .cm-practical .cm-shell{width:min(1250px,calc(100% - 60px))!important;margin:auto!important}
.celeste-metz .cm-section-head{text-align:center!important;margin:0 auto 125px!important}
.celeste-metz .cm-practical .cm-kicker{
margin-bottom:18px!important;
font-size:11px!important;letter-spacing:.34em!important;
color:rgba(247,243,232,.62)!important;
}
.celeste-metz .cm-section-head h2{
font:300 clamp(32px,4vw,55px)/1.18 "New Science Regular",sans-serif!important;
letter-spacing:-.035em!important;color:#fff!important;
}
.celeste-metz .cm-section-head h2 em{
font-style:normal!important;color:#d8a94f!important;
-webkit-text-fill-color:#d8a94f!important;
}
.celeste-metz .cm-practical__grid{
position:relative;
display:grid!important;grid-template-columns:repeat(4,1fr)!important;
gap:46px!important;
}
.celeste-metz .cm-practical__grid:before{
content:"";position:absolute;left:-8vw;right:-8vw;top:-18px;height:1px;
background:linear-gradient(90deg,transparent,rgba(200,155,74,.55) 12%,#d8a94f 50%,rgba(200,155,74,.55) 88%,transparent);
box-shadow:0 0 8px rgba(225,184,75,.24);
}
.celeste-metz .cm-info{
position:relative!important;
padding:25px 0 0!important;
border:0!important;background:none!important;
text-align:center!important;
}
.celeste-metz .cm-info:before{
content:"";position:absolute;top:-21px;left:50%;
width:7px;height:7px;border-radius:50%;
background:#d8a94f;transform:translateX(-50%);
box-shadow:0 0 8px #ffd970,0 0 22px rgba(225,184,75,.75);
}
.celeste-metz .cm-info__index{
position:absolute!important;top:-53px!important;left:50%!important;
transform:translateX(-50%)!important;
font-size:10px!important;letter-spacing:.18em!important;color:#d8a94f!important;
}
.celeste-metz .cm-info__label{
margin:0 0 17px!important;
font-size:11px!important;letter-spacing:.30em!important;
color:rgba(247,243,232,.70)!important;
}
.celeste-metz .cm-info__main{
font:300 clamp(20px,2vw,29px)/1.35 "New Science Regular",sans-serif!important;
color:#fff!important;
}
.celeste-metz .cm-info__main span{color:#d8a94f!important}
.celeste-metz .cm-info__note{
width:min(235px,100%)!important;margin:18px auto 0!important;
font-size:13px!important;line-height:1.65!important;
color:rgba(247,243,232,.57)!important;
}
.celeste-metz .cm-text-link{
display:inline-block!important;margin-top:18px!important;
font-size:10px!important;letter-spacing:.14em!important;color:#d8a94f!important;
}
.celeste-metz .cm-practical__foot{
display:flex!important;align-items:center!important;justify-content:center!important;
gap:30px!important;margin:82px auto 0!important;
text-align:center!important;
}
.celeste-metz .cm-practical__foot p{
font:300 15px/1.5 "New Science Regular",sans-serif!important;
color:rgba(247,243,232,.62)!important;
}
.celeste-metz .cm-faq{
position:relative;overflow:hidden;
padding:145px 0 155px!important;
background:radial-gradient(ellipse at 50% 0%,rgba(225,184,75,.045),transparent 34%),#050508!important;
}
.celeste-metz .cm-faq__layout{
width:min(1050px,calc(100% - 60px))!important;
margin:auto!important;
display:grid!important;grid-template-columns:34% 1fr!important;gap:95px!important;
}
.celeste-metz .cm-faq__head .cm-kicker{
margin-bottom:18px!important;font-size:10px!important;
letter-spacing:.30em!important;color:rgba(247,243,232,.58)!important;
}
.celeste-metz .cm-faq__head h2{
font:300 clamp(34px,4vw,55px)/1.15 "New Science Regular",sans-serif!important;
letter-spacing:-.035em!important;color:#fff!important;
}
.celeste-metz .cm-faq__head h2 em{
font-style:normal!important;color:#d8a94f!important;-webkit-text-fill-color:#d8a94f!important;
}
.celeste-metz .cm-faq__intro{
margin-top:25px!important;font-size:13px!important;line-height:1.7!important;
color:rgba(247,243,232,.54)!important;
}
.celeste-metz .cm-faq__list{border-top:1px solid rgba(225,184,75,.22)!important}
.celeste-metz .cm-faq__item{border-bottom:1px solid rgba(225,184,75,.18)!important;background:none!important}
.celeste-metz .cm-faq__button{
width:100%!important;padding:26px 2px!important;border:0!important;
background:transparent!important;color:#fff!important;
font:400 15px/1.45 "New Science Regular",sans-serif!important;
letter-spacing:.035em!important;text-align:left!important;
}
.celeste-metz .cm-faq__button i:before,
.celeste-metz .cm-faq__button i:after{background:#d8a94f!important}
.celeste-metz .cm-faq__panel{
padding:0 0 27px!important;background:transparent!important;
}
.celeste-metz .cm-faq__panel p{
width:min(680px,92%)!important;
font-size:14px!important;line-height:1.75!important;
color:rgba(247,243,232,.58)!important;
}
.celeste-metz .cm-faq:after{
content:"";position:absolute;left:0;right:0;bottom:0;height:100px;
background:linear-gradient(180deg,transparent,#050508);pointer-events:none;
}
@media(max-width:900px){
.celeste-metz .cm-practical__grid{grid-template-columns:repeat(2,1fr)!important;gap:80px 36px!important}
.celeste-metz .cm-practical__grid:before{display:none}
.celeste-metz .cm-info{border-top:1px solid rgba(225,184,75,.28)!important;padding-top:30px!important}
.celeste-metz .cm-info:before{top:-4px}.celeste-metz .cm-info__index{top:-35px!important}
.celeste-metz .cm-faq__layout{grid-template-columns:1fr!important;gap:55px!important}
.celeste-metz .cm-faq__head{text-align:center!important}
}
@media(max-width:767px){
.celeste-metz .cm-impact{min-height:auto;padding:100px 18px 110px!important}
.celeste-metz .cm-impact__title{letter-spacing:.20em!important}
.celeste-metz .cm-impact__copy{font-size:14px!important}
.celeste-metz .cm-practical{min-height:auto;padding:100px 0 95px!important}
.celeste-metz .cm-practical .cm-shell,.celeste-metz .cm-faq__layout{width:calc(100% - 30px)!important}
.celeste-metz .cm-section-head{margin-bottom:85px!important}
.celeste-metz .cm-practical__grid{grid-template-columns:1fr!important;gap:70px!important}
.celeste-metz .cm-practical__foot{flex-direction:column!important;gap:20px!important;margin-top:65px!important}
.celeste-metz .cm-faq{padding:100px 0 110px!important}
.celeste-metz .cm-faq__layout{gap:45px!important}
.celeste-metz .cm-faq__button{font-size:14px!important}
}
.celeste-metz .cm-faq--metz{
position:relative;isolation:isolate;overflow:hidden;
padding:150px 0 165px!important;
background:#050508!important;
}
.celeste-metz .cm-faq__ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.celeste-metz .cm-faq__ambient:before{
content:"";position:absolute;inset:-8% -5%;
background:
radial-gradient(ellipse at 17% 35%,rgba(41,63,99,.24),transparent 30%),
radial-gradient(ellipse at 80% 67%,rgba(225,184,75,.08),transparent 24%),
linear-gradient(180deg,#050508 0%,#07101d 46%,#050508 100%);
}
.celeste-metz .cm-faq__ambient:after{
content:"";position:absolute;left:-4%;right:-4%;top:46%;height:1px;
background:linear-gradient(90deg,transparent,rgba(225,184,75,.10),rgba(240,213,143,.42),rgba(225,184,75,.10),transparent);
box-shadow:0 0 18px rgba(225,184,75,.15);
transform:rotate(-2deg);
}
.celeste-metz .cm-faq__glow{position:absolute;border-radius:50%;filter:blur(45px)}
.celeste-metz .cm-faq__glow--1{width:230px;height:230px;left:8%;top:18%;background:rgba(35,62,103,.13)}
.celeste-metz .cm-faq__glow--2{width:180px;height:180px;right:8%;bottom:13%;background:rgba(225,184,75,.055)}
.celeste-metz .cm-faq--metz .cm-faq__layout{
width:min(1120px,calc(100% - 60px))!important;
grid-template-columns:31% 1fr!important;gap:105px!important;
}
.celeste-metz .cm-faq__head{position:relative}
.celeste-metz .cm-faq__all{
display:inline-block;margin-top:30px;padding-bottom:6px;
border-bottom:1px solid rgba(225,184,75,.55);
color:#d8a94f!important;font-size:10px!important;letter-spacing:.18em!important;
text-decoration:none!important;
}
.celeste-metz .cm-faq__list{
background:rgba(5,5,8,.18)!important;
backdrop-filter:blur(1px);
}
.celeste-metz .cm-faq__item{position:relative}
.celeste-metz .cm-faq__item:before{
content:"";position:absolute;left:0;top:0;bottom:0;width:1px;
background:#d8a94f;opacity:0;box-shadow:0 0 10px rgba(240,213,143,.45);
transition:opacity .35s ease;
}
.celeste-metz .cm-faq__item.is-open:before{opacity:.65}
.celeste-metz .cm-faq__button{
display:flex!important;align-items:center!important;justify-content:space-between!important;
gap:28px!important;cursor:pointer!important;
}
.celeste-metz .cm-faq__button i{
position:relative;display:block;flex:0 0 18px;width:18px;height:18px;
}
.celeste-metz .cm-faq__button i:before,
.celeste-metz .cm-faq__button i:after{
content:"";position:absolute;left:1px;top:8px;width:16px;height:1px;background:#d8a94f;
transition:transform .35s ease,opacity .35s ease;
}
.celeste-metz .cm-faq__button i:after{transform:rotate(90deg)}
.celeste-metz .cm-faq__item.is-open .cm-faq__button i:after{transform:rotate(0);opacity:0}
.celeste-metz .cm-faq__panel a{color:#d8a94f!important;text-decoration:none!important;border-bottom:1px solid rgba(225,184,75,.35)}
@media(max-width:900px){
.celeste-metz .cm-faq--metz .cm-faq__layout{grid-template-columns:1fr!important;gap:55px!important}
.celeste-metz .cm-faq--metz .cm-faq__head{text-align:center}
}
@media(max-width:767px){
.celeste-metz .cm-faq--metz{padding:100px 0 110px!important}
.celeste-metz .cm-faq--metz .cm-faq__layout{width:calc(100% - 30px)!important;gap:45px!important}
.celeste-metz .cm-faq__ambient:after{top:35%}
}
.celeste-metz .cm-practical__foot .cm-button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
padding:18px 52px!important;
min-width:380px!important;
background:rgba(216, 169, 79, 0.95)!important;
color:#050810!important;
border:1px solid #d8a94f!important;
border-radius:100px!important;
font-family:"New Science Regular",sans-serif!important;
font-size:14px!important;
font-weight:400!important;
line-height:1.2!important;
letter-spacing:3px!important;
text-transform:uppercase!important;
backdrop-filter:blur(6px)!important;
-webkit-backdrop-filter:blur(6px)!important;
box-shadow:none!important;
transition:
background .35s ease,
color .35s ease,
transform .35s ease,
box-shadow .35s ease!important;
}
.celeste-metz .cm-practical__foot .cm-button:hover{
background:#d8a94f!important;
color:#050810!important;
transform:translateY(-2px)!important;
box-shadow:
0 8px 30px rgba(216,169,79,.22),
0 0 25px rgba(216,169,79,.12)!important;
}
.celeste-metz .block-revealer__element,
.celeste-metz [data-reveal] > .block-revealer__element{
display:none!important;
visibility:hidden!important;
opacity:0!important;
width:0!important;
height:0!important;
transform:none!important;
animation:none!important;
transition:none!important;
pointer-events:none!important;
}
.celeste-metz .block-revealer,
.celeste-metz .element-uncovered,
.celeste-metz .revealing-ended{
overflow:visible!important;
}
.celeste-metz [data-reveal]{
opacity:1!important;
transform:none!important;
filter:none!important;
clip-path:none!important;
animation:none!important;
transition:none!important;
}
.celeste-metz .cm-home-reveal{
opacity:0;
filter:blur(14px);
transform:translate3d(0,12px,0) scale(.992);
transform-origin:50% 50%;
text-shadow:
0 0 18px rgba(240,213,143,.14),
0 0 42px rgba(225,184,75,.08);
transition:
opacity 1.05s cubic-bezier(.16,1,.3,1),
filter 1.18s cubic-bezier(.16,1,.3,1),
transform 1.18s cubic-bezier(.16,1,.3,1),
text-shadow 1.25s ease;
will-change:opacity,filter,transform;
}
.celeste-metz .cm-home-reveal.is-visible{
opacity:1;
filter:blur(0);
transform:translate3d(0,0,0) scale(1);
text-shadow:0 0 0 rgba(225,184,75,0);
}
.celeste-metz .cm-home-reveal--glow{
filter:blur(18px) brightness(1.32);
text-shadow:
0 0 18px rgba(255,231,158,.32),
0 0 48px rgba(225,184,75,.18);
}
.celeste-metz .cm-home-reveal--glow.is-visible{
filter:blur(0) brightness(1);
text-shadow:
0 0 4px rgba(225,184,75,.04);
}
.celeste-metz .cm-info .cm-home-reveal:nth-child(1){transition-delay:.02s}
.celeste-metz .cm-info .cm-home-reveal:nth-child(2){transition-delay:.08s}
.celeste-metz .cm-info .cm-home-reveal:nth-child(3){transition-delay:.14s}
.celeste-metz .cm-info .cm-home-reveal:nth-child(4){transition-delay:.20s}
.celeste-metz .cm-info .cm-home-reveal:nth-child(5){transition-delay:.26s}
.celeste-metz .cm-faq__item,
.celeste-metz .cm-faq__button,
.celeste-metz .cm-faq__panel{
opacity:1!important;
filter:none!important;
transform:none!important;
}
.celeste-metz,
.celeste-metz *:not(.fa):not(.fas):not(.far):not(.fab){
font-family:"New Science Regular",sans-serif!important;
}
@media(max-width:767px){
.celeste-metz .cm-practical__foot .cm-button{
min-width:0!important;
width:100%!important;
padding:16px 28px!important;
font-size:12px!important;
letter-spacing:2px!important;
}
.celeste-metz .cm-home-reveal{
filter:blur(10px);
transform:translate3d(0,8px,0) scale(.995);
}
}
@media(prefers-reduced-motion:reduce){
.celeste-metz .cm-home-reveal,
.celeste-metz .cm-home-reveal--glow{
opacity:1!important;
filter:none!important;
transform:none!important;
text-shadow:none!important;
transition:none!important;
}
}
.celeste-metz{
--cm-black:#02050b;
--cm-night:#06101d;
--cm-gold:#d8a94f;
--cm-gold-soft:#d8a94f;
--cm-gold-light:#d8a94f;
--cm-ivory:#F4F1EA;
--cm-impact-photo:url("https://celeste-experience.com/wp-content/uploads/2025/08/temple-neuf-mapping.jpg");
--cm-practical-photo:url("https://celeste-experience.com/wp-content/uploads/2026/09/background-experience.jpg");
border:0!important;outline:0!important;border-radius:0!important;
}
.celeste-metz .cm-impact{
position:relative;isolation:isolate;overflow:hidden;
min-height:900px!important;padding:145px 24px 155px!important;
border:0!important;border-radius:0!important;background:var(--cm-black)!important;
}
.celeste-metz .cm-impact::before{
content:"";position:absolute;inset:-4%;z-index:0;
background:
linear-gradient(180deg,#02050b 0%,rgba(2,5,11,.50) 15%,rgba(2,5,11,.38) 47%,rgba(2,5,11,.76) 78%,#030812 100%),
radial-gradient(circle at 50% 42%,rgba(225,184,75,.08),transparent 38%),
var(--cm-impact-photo) center 48%/cover no-repeat!important;
opacity:.88;filter:saturate(.86) contrast(1.08);transform:scale(1.04);
}
.celeste-metz .cm-impact::after{
content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:
linear-gradient(90deg,#02050b 0%,rgba(2,5,11,.50) 13%,transparent 38%,transparent 62%,rgba(2,5,11,.50) 87%,#02050b 100%),
linear-gradient(180deg,#02050b 0%,transparent 22%,transparent 68%,#030812 100%),
radial-gradient(ellipse at center,transparent 12%,rgba(2,5,11,.28) 58%,rgba(2,5,11,.72) 100%);
}
.celeste-metz .cm-impact__visual{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.celeste-metz .cm-impact__beam{position:absolute;width:1px;height:48%;top:12%;background:linear-gradient(180deg,transparent,rgba(240,213,143,.48),transparent);box-shadow:0 0 15px rgba(225,184,75,.20);opacity:.45}
.celeste-metz .cm-impact__beam--left{left:26%;transform:rotate(25deg)}
.celeste-metz .cm-impact__beam--right{right:26%;transform:rotate(-25deg)}
.celeste-metz .cm-impact__spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#FFF4C7;box-shadow:0 0 7px #FFF4C7,0 0 18px #d8a94f}
.celeste-metz .cm-impact__spark--1{left:34%;top:32%;opacity:.7}.celeste-metz .cm-impact__spark--2{right:31%;top:45%;opacity:.55}.celeste-metz .cm-impact__spark--3{left:54%;top:67%;opacity:.7}
.celeste-metz .cm-impact__inner{position:relative;z-index:3!important;width:min(900px,100%)!important}
.celeste-metz .cm-impact__inner::after{
content:"";position:absolute;left:50%;top:56%;width:100vw;height:1px;z-index:-1;
transform:translate(-50%,-50%) rotate(-1.5deg);
background:linear-gradient(90deg,transparent,rgba(225,184,75,.06),rgba(240,213,143,.42),rgba(255,244,199,.66),rgba(240,213,143,.35),rgba(225,184,75,.05),transparent);
box-shadow:0 0 12px rgba(240,213,143,.20),0 0 35px rgba(225,184,75,.10);
}
.celeste-metz .cm-impact__number span{
color:var(--cm-gold)!important;background:none!important;-webkit-text-fill-color:var(--cm-gold)!important;
filter:drop-shadow(0 0 12px rgba(240,213,143,.20)) drop-shadow(0 0 30px rgba(225,184,75,.12))!important;
}
.celeste-metz .cm-impact__rule{width:min(560px,72%)!important;margin-top:45px!important;background:linear-gradient(90deg,transparent,rgba(225,184,75,.45),transparent)!important}
.celeste-metz .cm-impact__legacy{margin-top:8px!important;gap:0!important}
.celeste-metz .cm-impact__legacy strong{
font-family:"New Science Regular",sans-serif!important;
font-size:clamp(72px,8.8vw,124px)!important;font-weight:400!important;line-height:.92!important;letter-spacing:-.045em!important;
color:var(--cm-gold)!important;background:none!important;-webkit-text-fill-color:var(--cm-gold)!important;
filter:drop-shadow(0 0 12px rgba(240,213,143,.24)) drop-shadow(0 0 34px rgba(225,184,75,.13))!important;
}
.celeste-metz .cm-impact__legacy span{
margin-top:25px!important;max-width:620px;font-size:clamp(12px,1.15vw,15px)!important;letter-spacing:.23em!important;color:#fff!important;
}
.celeste-metz .cm-practical{
position:relative;isolation:isolate;overflow:hidden;min-height:930px!important;
padding:140px 0 125px!important;margin-top:-2px!important;border:0!important;background:#06101d!important;
}
.celeste-metz .cm-practical::before{
content:"";position:absolute;inset:-4%;z-index:-3;
background:var(--cm-practical-photo) center 47%/cover no-repeat!important;
opacity:.68!important;filter:saturate(.88) contrast(1.08);transform:scale(1.04);
}
.celeste-metz .cm-practical::after{
content:"";position:absolute;inset:0;z-index:-1;
background:
linear-gradient(180deg,#030812 0%,rgba(3,8,18,.28) 17%,rgba(3,8,18,.43) 66%,#050508 100%),
linear-gradient(90deg,rgba(3,8,18,.62),transparent 22%,transparent 78%,rgba(3,8,18,.62)),
radial-gradient(ellipse at 50% 43%,transparent,rgba(3,8,18,.68) 90%)!important;
}
.celeste-metz .cm-practical__visual{
position:absolute;inset:0;z-index:-2;pointer-events:none;
background:
radial-gradient(ellipse at 50% 52%,rgba(225,184,75,.08),transparent 35%),
linear-gradient(115deg,transparent 18%,rgba(240,213,143,.07) 36%,transparent 54%);
}
.celeste-metz .cm-section-head{margin-bottom:135px!important}
.celeste-metz .cm-practical__grid::before{
top:-20px!important;height:1px!important;
background:linear-gradient(90deg,transparent,rgba(225,184,75,.18) 10%,rgba(240,213,143,.72) 50%,rgba(225,184,75,.18) 90%,transparent)!important;
box-shadow:0 0 10px rgba(225,184,75,.22)!important;
}
.celeste-metz .cm-info::before{background:#FFF4C7!important;box-shadow:0 0 6px #FFF4C7,0 0 15px #d8a94f,0 0 28px rgba(225,184,75,.40)!important}
.celeste-metz .cm-practical__foot{margin-top:92px!important}
.celeste-metz .cm-faq--metz{
position:relative;isolation:isolate;overflow:hidden;
background:
radial-gradient(ellipse at 14% 22%,rgba(30,65,108,.20),transparent 30%),
radial-gradient(ellipse at 83% 66%,rgba(225,184,75,.055),transparent 23%),
linear-gradient(180deg,#050508 0%,#07111f 48%,#050508 100%)!important;
}
.celeste-metz .cm-faq__ambient::after{
opacity:.75;transform:rotate(-4deg)!important;
}
.celeste-metz,.celeste-metz .cm-impact,.celeste-metz .cm-practical,.celeste-metz .cm-faq,.celeste-metz .cm-shell,.celeste-metz .cm-faq__layout{
border:0!important;outline:0!important;border-radius:0!important;
}
@media(max-width:767px){
.celeste-metz .cm-impact{min-height:auto!important;padding:105px 18px 120px!important}
.celeste-metz .cm-impact::before{
background:
linear-gradient(180deg,#02050b 0%,rgba(2,5,11,.56) 18%,rgba(2,5,11,.48) 50%,rgba(2,5,11,.86) 84%,#030812 100%),
var(--cm-impact-photo) 50% 48%/auto 100% no-repeat!important;
opacity:.76;
}
.celeste-metz .cm-impact__beam{opacity:.22}
.celeste-metz .cm-impact__legacy strong{font-size:clamp(58px,18vw,86px)!important}
.celeste-metz .cm-practical{padding:100px 0 100px!important}
.celeste-metz .cm-practical::before{opacity:.48!important;background:var(--cm-practical-photo) center/auto 100% no-repeat!important}
}
.celeste-metz .cm-impact{
min-height:820px!important;
padding:145px 24px 150px!important;
background:#030812!important;
}
.celeste-metz .cm-impact::before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
background:
radial-gradient(ellipse at 50% 44%,rgba(25,49,82,.26) 0%,rgba(8,20,38,.12) 34%,transparent 62%),
radial-gradient(circle at 50% 48%,rgba(225,184,75,.055),transparent 25%),
linear-gradient(180deg,#02050b 0%,#07101d 48%,#030812 100%)!important;
opacity:1!important;
filter:none!important;
transform:none!important;
}
.celeste-metz .cm-impact::after{
content:""!important;
position:absolute!important;inset:0!important;z-index:1!important;
background:
radial-gradient(ellipse at center,transparent 22%,rgba(2,5,11,.20) 62%,rgba(2,5,11,.68) 100%),
linear-gradient(180deg,#02050b 0%,transparent 20%,transparent 76%,#030812 100%)!important;
pointer-events:none!important;
}
.celeste-metz .cm-impact__visual{display:none!important}
.celeste-metz .cm-impact__inner{
position:relative!important;z-index:3!important;width:min(900px,100%)!important;
}
.celeste-metz .cm-impact__inner::before{
content:""!important;position:absolute!important;left:50%!important;top:57%!important;
width:520px!important;height:520px!important;transform:translate(-50%,-50%)!important;
border-radius:50%!important;
background:radial-gradient(circle,rgba(225,184,75,.055),rgba(225,184,75,.018) 35%,transparent 70%)!important;
filter:blur(24px)!important;pointer-events:none!important;z-index:-1!important;
}
.celeste-metz .cm-impact__inner::after{display:none!important}
.celeste-metz .cm-impact__number{
font-size:clamp(72px,8vw,116px)!important;
line-height:.95!important;
letter-spacing:-.035em!important;
}
.celeste-metz .cm-impact__number span{
color:#d8a94f!important;background:none!important;
-webkit-text-fill-color:#d8a94f!important;
filter:drop-shadow(0 0 9px rgba(225,184,75,.18))!important;
}
.celeste-metz .cm-impact__title{
margin-top:20px!important;font-size:clamp(13px,1.15vw,16px)!important;
letter-spacing:.28em!important;color:#fff!important;
}
.celeste-metz .cm-impact__rule{
width:min(460px,68%)!important;margin:45px auto 0!important;
background:linear-gradient(90deg,transparent,rgba(225,184,75,.28),transparent)!important;
}
.celeste-metz .cm-impact__copy{
max-width:590px!important;margin:28px auto 52px!important;
color:rgba(247,243,232,.62)!important;
}
.celeste-metz .cm-impact__legacy{
position:relative!important;display:flex!important;flex-direction:column!important;
align-items:center!important;width:100%!important;max-width:none!important;gap:0!important;
}
.celeste-metz .cm-impact__legacy strong{
display:block!important;
font-family:"New Science Regular",sans-serif!important;
font-size:clamp(82px,10.5vw,150px)!important;
font-weight:400!important;line-height:.90!important;letter-spacing:-.055em!important;
color:#d8a94f!important;background:none!important;-webkit-text-fill-color:#d8a94f!important;
filter:drop-shadow(0 0 10px rgba(225,184,75,.16))!important;
}
.celeste-metz .cm-impact__legacy span{
margin-top:28px!important;max-width:700px!important;
font-family:"New Science Regular",sans-serif!important;
font-size:clamp(12px,1.2vw,15px)!important;font-weight:400!important;
line-height:1.45!important;letter-spacing:.25em!important;text-transform:uppercase!important;
color:#F7F3E8!important;
}
.celeste-metz .cm-impact__legacy::before{display:none!important}
.celeste-metz .block-revealer__element{
display:none!important;visibility:hidden!important;opacity:0!important;
width:0!important;height:0!important;animation:none!important;transition:none!important;
}
.celeste-metz [data-reveal]{
opacity:1!important;filter:none!important;transform:none!important;
animation:none!important;transition:none!important;
}
.celeste-metz .cm-smooth-reveal{
opacity:0!important;
filter:blur(16px) brightness(1.10)!important;
transform:translate3d(0,14px,0) scale(.992)!important;
transform-origin:50% 50%!important;
text-shadow:
0 0 16px rgba(240,213,143,.16),
0 0 42px rgba(225,184,75,.08)!important;
transition:
opacity 1.15s cubic-bezier(.16,1,.3,1),
filter 1.35s cubic-bezier(.16,1,.3,1),
transform 1.35s cubic-bezier(.16,1,.3,1),
text-shadow 1.45s ease!important;
will-change:opacity,filter,transform!important;
}
.celeste-metz .cm-smooth-reveal.cm-smooth-in{
opacity:1!important;
filter:blur(0) brightness(1)!important;
transform:translate3d(0,0,0) scale(1)!important;
text-shadow:0 0 0 rgba(225,184,75,0)!important;
}
.celeste-metz .cm-smooth-reveal--hero{
filter:blur(22px) brightness(1.30)!important;
text-shadow:
0 0 22px rgba(255,232,164,.30),
0 0 58px rgba(225,184,75,.17)!important;
transition-duration:1.55s!important;
}
.celeste-metz .cm-smooth-reveal--hero.cm-smooth-in{
filter:blur(0) brightness(1)!important;
text-shadow:0 0 4px rgba(225,184,75,.03)!important;
}
.celeste-metz .cm-info{
opacity:1!important;filter:none!important;transform:none!important;
}
.celeste-metz .cm-faq__item{
opacity:1!important;filter:none!important;transform:none!important;
}
.celeste-metz .cm-faq__button.cm-smooth-reveal{
display:flex!important;
}
.celeste-metz .cm-info:nth-child(1) .cm-smooth-reveal{transition-delay:.04s!important}
.celeste-metz .cm-info:nth-child(2) .cm-smooth-reveal{transition-delay:.12s!important}
.celeste-metz .cm-info:nth-child(3) .cm-smooth-reveal{transition-delay:.20s!important}
.celeste-metz .cm-info:nth-child(4) .cm-smooth-reveal{transition-delay:.28s!important}
.celeste-metz .cm-faq__item:nth-child(1) .cm-smooth-reveal{transition-delay:.03s!important}
.celeste-metz .cm-faq__item:nth-child(2) .cm-smooth-reveal{transition-delay:.08s!important}
.celeste-metz .cm-faq__item:nth-child(3) .cm-smooth-reveal{transition-delay:.13s!important}
.celeste-metz .cm-faq__item:nth-child(4) .cm-smooth-reveal{transition-delay:.18s!important}
.celeste-metz .cm-faq__item:nth-child(5) .cm-smooth-reveal{transition-delay:.23s!important}
.celeste-metz .cm-faq__item:nth-child(6) .cm-smooth-reveal{transition-delay:.28s!important}
.celeste-metz .cm-faq__item:nth-child(7) .cm-smooth-reveal{transition-delay:.33s!important}
.celeste-metz .cm-faq__item:nth-child(8) .cm-smooth-reveal{transition-delay:.38s!important}
@media(max-width:767px){
.celeste-metz .cm-impact{min-height:auto!important;padding:105px 18px 115px!important}
.celeste-metz .cm-impact__legacy strong{font-size:clamp(64px,20vw,92px)!important}
.celeste-metz .cm-smooth-reveal{
filter:blur(12px) brightness(1.08)!important;
transform:translate3d(0,10px,0) scale(.995)!important;
}
.celeste-metz .cm-smooth-reveal--hero{filter:blur(17px) brightness(1.22)!important}
}
@media(prefers-reduced-motion:reduce){
.celeste-metz .cm-smooth-reveal,
.celeste-metz .cm-smooth-reveal--hero{
opacity:1!important;filter:none!important;transform:none!important;
text-shadow:none!important;transition:none!important;
}
}
.celeste-metz,
.celeste-metz .cm-impact,
.celeste-metz .cm-practical,
.celeste-metz .cm-faq,
.celeste-metz .cm-shell,
.celeste-metz .cm-faq__layout,
.celeste-metz .cm-faq__list{
border:0!important;
outline:0!important;
border-radius:0!important;
box-shadow:none;
}
.celeste-metz{
width:100%!important;
max-width:none!important;
margin:0!important;
overflow:hidden!important;
}
.celeste-metz .cm-impact{
min-height:720px!important;
padding:105px 24px 112px!important;
}
.celeste-metz .cm-impact .cm-kicker{margin-bottom:20px!important}
.celeste-metz .cm-impact__title{margin-top:16px!important}
.celeste-metz .cm-impact__rule{margin-top:32px!important}
.celeste-metz .cm-impact__copy{margin:22px auto 34px!important}
.celeste-metz .cm-impact__legacy span{margin-top:19px!important}
.celeste-metz .cm-practical{
min-height:790px!important;
padding:108px 0 100px!important;
}
.celeste-metz .cm-section-head{margin-bottom:104px!important}
.celeste-metz .cm-practical__foot{margin-top:64px!important}
.celeste-metz .cm-faq--metz{
padding:112px 0 120px!important;
}
.celeste-metz .cm-faq__head .cm-kicker{margin-bottom:14px!important}
.celeste-metz .cm-faq__intro{margin-top:18px!important}
.celeste-metz .cm-faq__all{margin-top:23px!important}
.section-tarifs{
position:relative!important;
overflow:hidden!important;
}
.section-tarifs::after{
height:360px!important;
top:auto!important;
bottom:-1px!important;
z-index:1!important;
background:
linear-gradient(
to bottom,
rgba(3,8,18,0) 0%,
rgba(3,8,18,.10) 16%,
rgba(3,8,18,.32) 38%,
rgba(4,11,22,.66) 65%,
#07101d 100%
)!important;
}
.section-tarifs::before{
top:auto!important;
bottom:-130px!important;
height:330px!important;
background:
radial-gradient(
ellipse at 50% 65%,
rgba(216,169,79,.10) 0%,
rgba(21,43,72,.24) 28%,
rgba(7,16,29,.60) 56%,
rgba(7,16,29,0) 82%
)!important;
filter:blur(30px)!important;
}
.section-tarifs > *{position:relative;z-index:2}
.celeste-metz .cm-impact{
margin-top:-2px!important;
background:#07101d!important;
}
.celeste-metz .cm-impact::before{
background:
radial-gradient(ellipse at 50% 12%,rgba(216,169,79,.075),transparent 28%),
radial-gradient(ellipse at 50% 46%,rgba(25,49,82,.30) 0%,rgba(8,20,38,.15) 36%,transparent 67%),
linear-gradient(180deg,#07101d 0%,#06101c 38%,#030812 100%)!important;
}
.celeste-metz .cm-impact::after{
background:
linear-gradient(180deg,rgba(7,16,29,0) 0%,transparent 55%,#030812 100%),
radial-gradient(ellipse at center,transparent 25%,rgba(2,5,11,.14) 64%,rgba(2,5,11,.52) 100%)!important;
}
.celeste-metz .cm-practical{
margin-top:-2px!important;
}
.celeste-metz .cm-practical::before{
inset:-9% -4% -4%!important;
opacity:.62!important;
}
.celeste-metz .cm-practical::after{
background:
linear-gradient(
180deg,
#030812 0%,
rgba(3,8,18,.84) 7%,
rgba(3,8,18,.48) 24%,
rgba(3,8,18,.38) 62%,
#050508 100%
),
linear-gradient(90deg,rgba(3,8,18,.58),transparent 22%,transparent 78%,rgba(3,8,18,.58)),
radial-gradient(ellipse at 50% 43%,transparent,rgba(3,8,18,.65) 90%)!important;
}
.celeste-metz .cm-faq--metz{
margin-top:-2px!important;
}
.celeste-metz .cm-faq--metz::before{
content:"";
position:absolute;
left:0;right:0;top:0;
height:210px;
z-index:0;
pointer-events:none;
background:
linear-gradient(
180deg,
rgba(5,5,8,0) 0%,
rgba(5,7,12,.30) 22%,
rgba(6,13,24,.70) 62%,
rgba(7,17,31,0) 100%
);
}
.celeste-metz .cm-faq__layout{position:relative;z-index:2}
.celeste-global-reveal{
opacity:0!important;
filter:blur(16px) brightness(1.08)!important;
transform:translate3d(0,13px,0) scale(.994)!important;
transform-origin:50% 50%!important;
text-shadow:
0 0 16px rgba(240,213,143,.13),
0 0 40px rgba(225,184,75,.07)!important;
transition:
opacity 1.12s cubic-bezier(.16,1,.3,1),
filter 1.32s cubic-bezier(.16,1,.3,1),
transform 1.32s cubic-bezier(.16,1,.3,1),
text-shadow 1.4s ease!important;
will-change:opacity,filter,transform;
}
.celeste-global-reveal.celeste-global-in{
opacity:1!important;
filter:blur(0) brightness(1)!important;
transform:translate3d(0,0,0) scale(1)!important;
text-shadow:0 0 0 rgba(225,184,75,0)!important;
}
.celeste-global-reveal--hero{
filter:blur(21px) brightness(1.22)!important;
text-shadow:
0 0 20px rgba(255,232,164,.26),
0 0 54px rgba(225,184,75,.14)!important;
transition-duration:1.5s!important;
}
.celeste-global-reveal--hero.celeste-global-in{
filter:blur(0) brightness(1)!important;
}
.experience-curve{
top:-54px!important;
height:250px!important;
z-index:2!important;
}
.experience-curve svg{
opacity:.82!important;
}
.experience-grid{
padding-top:20px!important;
}
.experience-icon{
z-index:6!important;
}
.experience-number,
.experience-item-title,
.experience-item-text{
position:relative!important;
z-index:7!important;
}
@media(max-width:767px){
.celeste-metz .cm-impact{padding:88px 18px 94px!important}
.celeste-metz .cm-practical{padding:86px 0 86px!important}
.celeste-metz .cm-section-head{margin-bottom:76px!important}
.celeste-metz .cm-practical__foot{margin-top:54px!important}
.celeste-metz .cm-faq--metz{padding:88px 0 96px!important}
.celeste-global-reveal{
filter:blur(11px) brightness(1.06)!important;
transform:translate3d(0,9px,0) scale(.996)!important;
}
.experience-grid{padding-top:0!important}
}
@media(prefers-reduced-motion:reduce){
.celeste-global-reveal,
.celeste-global-reveal--hero{
opacity:1!important;
filter:none!important;
transform:none!important;
text-shadow:none!important;
transition:none!important;
}
}
.elementor-1991 .elementor-element.elementor-element-12e4fae,
.elementor-1991 .elementor-element.elementor-element-12e4fae > .e-con-inner,
.elementor-1991 .elementor-element.elementor-element-3fdc1bc,
.elementor-1991 .elementor-element.elementor-element-3fdc1bc > .elementor-widget-container,
.elementor-2548 .elementor-element.elementor-element-ca8d898,
.elementor-2548 .elementor-element.elementor-element-ca8d898 > .e-con-inner,
.elementor-2548 .elementor-element.elementor-element-0f05d24,
.elementor-2548 .elementor-element.elementor-element-0f05d24 > .elementor-widget-container{
width:100%!important;max-width:none!important;
margin:0!important;padding:0!important;
border:0!important;outline:0!important;border-radius:0!important;
box-shadow:none!important;background:transparent!important;
}
.elementor-1991 .elementor-element.elementor-element-12e4fae,
.elementor-2548 .elementor-element.elementor-element-ca8d898{
--padding-top:0px!important;--padding-right:0px!important;
--padding-bottom:0px!important;--padding-left:0px!important;
--container-max-width:100%!important;
}
.celeste-metz .cm-impact-home{
position:relative!important;
isolation:isolate!important;
overflow:hidden!important;
width:100%!important;
min-height:760px!important;
margin:0!important;
padding:112px 24px 118px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:0!important;outline:0!important;border-radius:0!important;
background-color:#01040a!important;
background-image:url("https://celeste-experience.com/wp-content/uploads/2026/09/background-impact.jpg")!important;
background-repeat:no-repeat!important;
background-position:center center!important;
background-size:cover!important;
}
.celeste-metz .cm-impact-home::before,
.celeste-metz .cm-impact-home::after{display:none!important}
.celeste-metz .cm-impact-home__particles{
position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;
}
.celeste-metz .cm-impact-home__content{
position:relative;z-index:2;
width:min(920px,100%);
margin:auto;
display:flex;flex-direction:column;align-items:center;
text-align:center;
font-family:"New Science Regular",sans-serif!important;
}
.celeste-metz .cm-impact-home__star{
display:block;
margin-bottom:22px;
color:#d8a94f;
font-size:25px;
line-height:1;
text-shadow:
0 0 7px #d8a94f,
0 0 17px rgba(225,184,75,.75),
0 0 38px rgba(225,184,75,.40);
}
.celeste-metz .cm-impact-home__kicker{
margin:0 0 22px!important;
font:400 13px/1.2 "New Science Regular",sans-serif!important;
letter-spacing:.36em!important;
text-transform:uppercase!important;
color:#fff!important;
}
.celeste-metz .cm-impact-home__one{
display:flex;flex-direction:column;align-items:center;
margin-bottom:26px;
}
.celeste-metz .cm-impact-home__one strong{
font:600 clamp(48px,5.3vw,76px)/.92 "New Science Regular",sans-serif!important;
letter-spacing:-.045em!important;
color:#d8a94f!important;
text-shadow:0 0 11px rgba(225,184,75,.25),0 0 28px rgba(225,184,75,.14);
}
.celeste-metz .cm-impact-home__one span{
margin-top:12px;
font:400 11px/1.4 "New Science Regular",sans-serif!important;
letter-spacing:.26em!important;
text-transform:uppercase!important;
color:#fff!important;
}
.celeste-metz .cm-impact-home__historical{
display:flex;flex-direction:column;align-items:center;
}
.celeste-metz .cm-impact-home__historical h2{
margin:0!important;
font:600 clamp(88px,10.4vw,96px)/.90 "New Science Regular",sans-serif!important;
letter-spacing:-.055em!important;
color:#d8a94f!important;
text-shadow:0 0 12px rgba(225,184,75,.30),0 0 34px rgba(225,184,75,.18);
}
.celeste-metz .cm-impact-home__label{
margin:28px 0 0!important;
max-width:760px;
font:400 clamp(12px,1.2vw,15px)/1.45 "New Science Regular",sans-serif!important;
letter-spacing:.27em!important;
text-transform:uppercase!important;
color:#fff!important;
}
.celeste-metz .cm-impact-home__caption{
margin:17px 0 0!important;
font:300 14px/1.6 "New Science Regular",sans-serif!important;
color:rgba(255,255,255,.62)!important;
}
.celeste-metz .cm-impact-particle{
position:absolute;
display:block;
border-radius:50%;
pointer-events:none;
will-change:transform,opacity;
animation:cmImpactParticle var(--duration) ease-in-out var(--delay) infinite;
}
.celeste-metz .cm-impact-particle--dust{
background:#D9B56A;
box-shadow:0 0 2px rgba(255,240,195,.8),0 0 5px rgba(217,181,106,.42);
}
.celeste-metz .cm-impact-particle--light{
background:#d8a94f;
box-shadow:0 0 4px #FFF4C7,0 0 10px #d8a94f,0 0 22px rgba(217,181,106,.62);
}
@keyframes cmImpactParticle{
0%,100%{transform:translate3d(0,0,0) scale(.7);opacity:.12}
42%{opacity:.55}
58%{transform:translate3d(var(--dx),var(--dy),0) scale(1.18);opacity:var(--peak)}
78%{opacity:.32}
}
.celeste-metz .cm-impact-home-reveal{
opacity:0;
filter:blur(18px) brightness(1.18);
transform:translate3d(0,10px,0) scale(.994);
transition:
opacity 1.15s cubic-bezier(.16,1,.3,1),
filter 1.4s cubic-bezier(.16,1,.3,1),
transform 1.4s cubic-bezier(.16,1,.3,1);
}
.celeste-metz .cm-impact-home-reveal.is-in{
opacity:1;filter:blur(0) brightness(1);transform:none;
}
@media(max-width:767px){
.celeste-metz .cm-impact-home{
min-height:650px!important;
padding:84px 18px 92px!important;
background-size:auto 100%!important;
background-position:center center!important;
}
.celeste-metz .cm-impact-home__kicker{font-size:10px!important;letter-spacing:.27em!important}
.celeste-metz .cm-impact-home__one strong{font-size:56px!important}
.celeste-metz .cm-impact-home__historical h2{font-size:clamp(66px,20vw,64px)!important}
.celeste-metz .cm-impact-home__label{font-size:11px!important;letter-spacing:.16em!important}
}
.experience-renouvelee,.section-experience,.section-tarifs,
.celeste-metz .cm-impact-home,.celeste-metz .cm-practical,.celeste-metz .cm-faq--metz{
position:relative!important;border:0!important;outline:0!important;border-radius:0!important;
}
.experience-curve{top:0px!important;height:300px!important;z-index:2!important}
.experience-curve svg{opacity:.86!important}
.experience-grid{position:relative!important;z-index:5!important;padding-top:0!important}
.experience-icon{position:relative!important;z-index:7!important}
.experience-number,.experience-item-title,.experience-item-text{position:relative!important;z-index:8!important}
.experience-item::before{top:124px!important}
.section-experience{z-index:4!important;overflow:visible!important;margin-bottom:0!important}
.section-experience::after{
content:""!important;position:absolute!important;left:0!important;right:0!important;
bottom:-360px!important;height:480px!important;z-index:2!important;pointer-events:none!important;
background:linear-gradient(180deg,transparent 0%,rgba(3,8,18,.06) 12%,rgba(3,8,18,.16) 27%,rgba(3,8,18,.34) 44%,rgba(3,8,18,.58) 63%,rgba(3,8,18,.80) 80%,rgba(2,5,11,.95) 95%,#02050b 100%)!important;
}
.section-tarifs{
z-index:3!important;margin-top:-250px!important;padding-top:330px!important;overflow:hidden!important;
background-color:#02050b!important;background-position:center 40%!important;
}
.section-tarifs::before{
content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
background:
linear-gradient(180deg,rgba(2,5,11,.97) 0%,rgba(2,5,11,.90) 11%,rgba(2,5,11,.76) 27%,rgba(2,5,11,.69) 48%,rgba(2,5,11,.76) 72%,rgba(1,4,10,.95) 100%),
radial-gradient(ellipse at 50% 42%,rgba(20,43,73,.13),rgba(2,5,11,.28) 50%,rgba(1,4,10,.60) 100%)!important;
filter:none!important;
}
.section-tarifs::after{
content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
height:330px!important;z-index:1!important;pointer-events:none!important;
background:radial-gradient(ellipse at 50% 86%,rgba(216,169,79,.055),transparent 48%),
linear-gradient(180deg,transparent 0%,rgba(1,4,10,.18) 25%,rgba(1,4,10,.62) 64%,#01040a 100%)!important;
}
.section-tarifs>*{position:relative!important;z-index:3!important}
.tableau-tarifs{position:relative!important;margin-top:24px!important}
.celeste-metz .cm-impact-home{margin-top:-2px!important;z-index:2!important}
.celeste-metz .cm-impact-home::before{
content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;
height:240px!important;z-index:1!important;pointer-events:none!important;
background:linear-gradient(180deg,#01040a 0%,rgba(1,4,10,.94) 14%,rgba(1,4,10,.72) 38%,rgba(1,4,10,.34) 68%,transparent 100%)!important;
}
.celeste-metz .cm-impact-home::after{
content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;
height:260px!important;z-index:1!important;pointer-events:none!important;
background:linear-gradient(180deg,transparent 0%,rgba(3,8,18,.15) 24%,rgba(3,8,18,.44) 50%,rgba(3,8,18,.76) 76%,#030812 100%)!important;
}
.celeste-metz .cm-impact-home__particles,.celeste-metz .cm-impact-home__content{position:relative!important;z-index:2!important}
.celeste-metz .cm-practical{z-index:2!important;margin-top:-2px!important;overflow:hidden!important;padding-top:108px!important}
.celeste-metz .cm-practical::before{
inset:-8% -4% -4%!important;opacity:.53!important;
filter:saturate(.80) contrast(1.08) brightness(.76)!important;
}
.celeste-metz .cm-practical::after{
background:
linear-gradient(180deg,#030812 0%,rgba(3,8,18,.83) 7%,rgba(3,8,18,.52) 22%,rgba(3,8,18,.38) 56%,rgba(3,8,18,.52) 75%,rgba(3,8,18,.78) 91%,#030812 100%),
linear-gradient(90deg,rgba(3,8,18,.58),transparent 22%,transparent 78%,rgba(3,8,18,.58)),
radial-gradient(ellipse at 50% 43%,transparent,rgba(3,8,18,.64) 90%)!important;
}
.celeste-metz .cm-faq--metz{
z-index:1!important;margin-top:-2px!important;padding:118px 0 150px!important;overflow:hidden!important;
background:#030812!important;-webkit-mask-image:none!important;mask-image:none!important;
}
.celeste-metz .cm-faq--metz::before{
content:""!important;display:block!important;position:absolute!important;inset:-6%!important;z-index:0!important;pointer-events:none!important;
background:
linear-gradient(180deg,rgba(3,8,18,.78) 0%,rgba(3,8,18,.54) 15%,rgba(3,8,18,.44) 38%,rgba(3,8,18,.52) 62%,rgba(2,5,11,.73) 82%,#02050b 100%),
linear-gradient(90deg,rgba(2,5,11,.70),rgba(2,5,11,.24) 22%,rgba(2,5,11,.10) 50%,rgba(2,5,11,.28) 78%,rgba(2,5,11,.74)),
url("https://celeste-experience.com/wp-content/uploads/2026/09/background-experience.jpg") center 67%/cover no-repeat!important;
filter:saturate(.76) contrast(1.08) brightness(.74)!important;transform:scale(1.04)!important;
}
.celeste-metz .cm-faq--metz::after{
content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;
width:auto!important;height:320px!important;z-index:2!important;pointer-events:none!important;transform:none!important;
border:0!important;border-radius:0!important;box-shadow:none!important;
background:linear-gradient(180deg,transparent 0%,rgba(2,5,11,.08) 18%,rgba(2,5,11,.30) 42%,rgba(2,5,11,.61) 68%,rgba(2,5,11,.86) 86%,#02050b 100%)!important;
}
.celeste-metz .cm-faq__ambient{
position:absolute!important;inset:0!important;z-index:1!important;display:block!important;overflow:hidden!important;pointer-events:none!important;
}
.celeste-metz .cm-faq__ambient::before{
content:""!important;position:absolute!important;left:-18%!important;top:8%!important;width:68%!important;height:70%!important;
background:radial-gradient(ellipse at 44% 50%,rgba(34,73,123,.13),rgba(19,45,82,.055) 38%,transparent 72%)!important;filter:blur(42px)!important;
}
.celeste-metz .cm-faq__ambient::after{
content:""!important;position:absolute!important;right:-13%!important;top:38%!important;width:55%!important;height:50%!important;
background:radial-gradient(ellipse at center,rgba(225,184,75,.045),rgba(225,184,75,.012) 34%,transparent 70%)!important;
filter:blur(48px)!important;transform:none!important;box-shadow:none!important;
}
.celeste-metz .cm-faq__glow--1{
width:5px!important;height:5px!important;left:14%!important;top:29%!important;background:#d8a94f!important;opacity:.40!important;filter:none!important;
box-shadow:0 0 7px rgba(240,213,143,.80),0 0 19px rgba(225,184,75,.32)!important;
}
.celeste-metz .cm-faq__glow--2{
width:3px!important;height:3px!important;right:17%!important;bottom:30%!important;background:#d8a94f!important;opacity:.27!important;filter:none!important;
box-shadow:0 0 5px rgba(240,213,143,.68),0 0 14px rgba(225,184,75,.22)!important;
}
.celeste-metz .cm-faq--metz .cm-faq__layout{
position:relative!important;z-index:4!important;width:min(1120px,calc(100% - 60px))!important;
grid-template-columns:30% 1fr!important;gap:110px!important;align-items:start!important;
}
.celeste-metz .cm-faq__head{position:sticky!important;top:130px!important;text-align:left!important}
.celeste-metz .cm-faq__head::before{
content:"✦"!important;display:block!important;margin-bottom:22px!important;color:#d8a94f!important;font-size:16px!important;
text-shadow:0 0 7px rgba(240,213,143,.70),0 0 18px rgba(225,184,75,.30)!important;
}
.celeste-metz .cm-faq__head .cm-kicker{margin-bottom:15px!important;font-size:10px!important;letter-spacing:.31em!important;color:rgba(247,243,232,.53)!important}
.celeste-metz .cm-faq__head h2{
font-family:"New Science Regular",sans-serif!important;font-size:clamp(38px,4vw,57px)!important;font-weight:400!important;
line-height:1.04!important;letter-spacing:-.045em!important;color:#fff!important;
}
.celeste-metz .cm-faq__head h2 em{display:block!important;margin-top:3px!important;color:#d8a94f!important;-webkit-text-fill-color:#d8a94f!important}
.celeste-metz .cm-faq__intro{max-width:280px!important;margin-top:23px!important;font-size:13px!important;line-height:1.75!important;color:rgba(247,243,232,.55)!important}
.celeste-metz .cm-faq__all{
display:inline-flex!important;align-items:center!important;gap:10px!important;margin-top:29px!important;padding:0 0 7px!important;
border:0!important;border-bottom:1px solid rgba(225,184,75,.36)!important;color:#d8a94f!important;font-size:10px!important;letter-spacing:.18em!important;
}
.celeste-metz .cm-faq__list{position:relative!important;border-top:1px solid rgba(225,184,75,.20)!important;background:transparent!important;backdrop-filter:none!important}
.celeste-metz .cm-faq__item{position:relative!important;border-bottom:1px solid rgba(225,184,75,.145)!important;background:transparent!important}
.celeste-metz .cm-faq__item:hover,.celeste-metz .cm-faq__item.is-open{
background:linear-gradient(90deg,rgba(225,184,75,.022),rgba(2,5,11,.03) 58%,transparent)!important;
}
.celeste-metz .cm-faq__item::before{
content:""!important;position:absolute!important;left:0!important;top:20px!important;bottom:20px!important;width:1px!important;
background:#d8a94f!important;opacity:0!important;box-shadow:0 0 8px rgba(225,184,75,.28)!important;transition:opacity .35s ease!important;
}
.celeste-metz .cm-faq__item.is-open::before{opacity:.45!important}
.celeste-metz .cm-faq__button{
min-height:75px!important;padding:24px 4px 24px 20px!important;font-family:"New Science Regular",sans-serif!important;
font-size:15px!important;font-weight:400!important;line-height:1.45!important;letter-spacing:.035em!important;color:rgba(255,255,255,.90)!important;
}
.celeste-metz .cm-faq__item:hover .cm-faq__button,.celeste-metz .cm-faq__item.is-open .cm-faq__button{padding-left:25px!important;color:#fff!important}
.celeste-metz .cm-faq__button i{border:0!important;border-radius:0!important;box-shadow:none!important}
.celeste-metz .cm-faq__button i::before,.celeste-metz .cm-faq__button i::after{background:#d8a94f!important;box-shadow:0 0 5px rgba(225,184,75,.15)!important}
.celeste-metz .cm-faq__panel{padding:0 48px 28px 25px!important;background:transparent!important}
.celeste-metz .cm-faq__panel p{color:rgba(247,243,232,.63)!important;line-height:1.8!important}
@media(max-width:1024px){
.section-experience::after{bottom:-290px!important;height:390px!important}
.section-tarifs{margin-top:-195px!important;padding-top:265px!important}
}
@media(max-width:900px){
.celeste-metz .cm-faq--metz .cm-faq__layout{grid-template-columns:1fr!important;gap:50px!important}
.celeste-metz .cm-faq__head{position:relative!important;top:auto!important;text-align:center!important}
.celeste-metz .cm-faq__intro{margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:767px){
.experience-curve{display:none!important}
.experience-item::before{top:94px!important}
.section-experience::after{bottom:-185px!important;height:270px!important}
.section-tarifs{margin-top:-118px!important;padding-top:178px!important}
.celeste-metz .cm-impact-home::before{height:145px!important}
.celeste-metz .cm-impact-home::after{height:165px!important}
.celeste-metz .cm-practical::before{opacity:.42!important;filter:saturate(.76) contrast(1.06) brightness(.70)!important}
.celeste-metz .cm-faq--metz{padding:90px 0 115px!important}
.celeste-metz .cm-faq--metz::before{background-position:center center!important;filter:saturate(.70) contrast(1.08) brightness(.64)!important}
.celeste-metz .cm-faq--metz::after{height:190px!important}
.celeste-metz .cm-faq--metz .cm-faq__layout{width:calc(100% - 30px)!important;gap:40px!important}
.celeste-metz .cm-faq__head h2{font-size:clamp(36px,12vw,50px)!important}
.celeste-metz .cm-faq__button{min-height:67px!important;padding:20px 3px 20px 13px!important;font-size:14px!important}
.celeste-metz .cm-faq__panel{padding:0 18px 24px 17px!important}
}
.lqd-modal {
padding: 0px !important;
}
.lqd-modal-head {
display: none !important;
}
.lqd-lity-backdrop {
backdrop-filter: blur(10px) !important;
}
:root {
--celeste-temple-black: #050508;
--celeste-temple-ivory: #f7f3e8;
--celeste-temple-gold: #d8a94f;
--celeste-temple-gold-light: #ffd970;
--celeste-temple-blue: #101a3d;
}
.celeste-temple,
.celeste-temple *,
.celeste-temple *::before,
.celeste-temple *::after {
box-sizing: border-box;
}
.celeste-temple {
position: relative;
isolation: isolate;
overflow: hidden;
width: 100%;
color: var(--celeste-temple-ivory);
background:
radial-gradient(circle at 0% 24%, rgba(225, 184, 75, 0.08), transparent 23%),
radial-gradient(circle at 100% 54%, rgba(24, 42, 95, 0.2), transparent 30%),
linear-gradient(180deg, #060609 0%, var(--celeste-temple-black) 100%);
}
.celeste-temple::before,
.celeste-temple::after {
content: "";
position: absolute;
z-index: 0;
pointer-events: none;
border-radius: 50%;
filter: blur(22px);
}
.celeste-temple::before {
top: -12rem;
left: -14rem;
width: 30rem;
height: 30rem;
background: rgba(225, 184, 75, 0.07);
}
.celeste-temple::after {
right: -18rem;
bottom: -16rem;
width: 36rem;
height: 36rem;
background: rgba(30, 48, 111, 0.14);
}
.celeste-temple__inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
align-items: center;
gap: clamp(3rem, 6vw, 7rem);
width: min(100% - 3rem, 1440px);
min-height: 780px;
margin-inline: auto;
padding-block: clamp(5rem, 9vw, 9rem);
}
.celeste-temple__visual {
position: relative;
width: 100%;
margin: 0;
}
.celeste-temple__image-frame {
position: relative;
overflow: hidden;
aspect-ratio: 4 / 5;
border: 1px solid rgba(225, 184, 75, 0.88);
border-radius: 18px;
background:
linear-gradient(145deg, rgba(16, 26, 61, 0.96), rgba(5, 5, 8, 0.98));
box-shadow:
0 0 0 1px rgba(255, 217, 112, 0.08),
0 24px 80px rgba(0, 0, 0, 0.5),
0 0 36px rgba(225, 184, 75, 0.11);
}
.celeste-temple__image-frame::before {
content: "";
position: absolute;
z-index: 2;
inset: 0;
pointer-events: none;
background:
linear-gradient(180deg, transparent 52%, rgba(5, 5, 8, 0.42) 100%),
radial-gradient(circle at 18% 12%, rgba(255, 217, 112, 0.12), transparent 22%);
}
.celeste-temple__image-frame::after {
content: "";
position: absolute;
z-index: 3;
right: -18%;
bottom: -6%;
width: 75%;
height: 22%;
border-top: 1px solid rgba(255, 217, 112, 0.66);
border-radius: 50%;
opacity: 0.65;
filter: drop-shadow(0 0 8px rgba(225, 184, 75, 0.45));
transform: rotate(-7deg);
}
.celeste-temple__image {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 1.2s cubic-bezier(0.2, 0.75, 0.25, 1), filter 700ms ease;
}
.celeste-temple__image[src=""],
.celeste-temple__image.is-missing {
visibility: hidden;
}
.celeste-temple__image-placeholder {
position: absolute;
z-index: 0;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.7rem;
padding: 2rem;
color: rgba(247, 243, 232, 0.62);
text-align: center;
letter-spacing: 0.28em;
text-transform: uppercase;
background:
radial-gradient(circle at 50% 42%, rgba(225, 184, 75, 0.1), transparent 26%),
linear-gradient(145deg, rgba(14, 28, 67, 0.76), rgba(5, 5, 8, 0.98));
}
.celeste-temple__image-placeholder small {
color: rgba(225, 184, 75, 0.72);
letter-spacing: 0.18em;
}
.celeste-temple__visual:hover .celeste-temple__image {
transform: scale(1.025);
filter: saturate(1.06) brightness(1.04);
}
.celeste-temple__content {
max-width: 720px;
}
.celeste-temple__eyebrow {
margin: 0 0 1.5rem;
color: var(--celeste-temple-gold);
font-family:"New Science Regular",sans-serif;
font-size: clamp(0.72rem, 0.9vw, 0.9rem);
line-height: 1.4;
letter-spacing: 0.42em;
text-transform: uppercase;
}
.celeste-temple__rule {
width: 74px;
height: 1px;
margin-bottom: clamp(1.75rem, 3vw, 2.8rem);
background: linear-gradient(90deg, var(--celeste-temple-gold), transparent);
box-shadow: 0 0 12px rgba(225, 184, 75, 0.36);
}
.celeste-temple__title {
margin: 0 0 clamp(2rem, 3vw, 3.25rem);
color: #f5f3ee;
font-family:"New Science Bold",sans-serif;
font-size: clamp(2.5rem, 5vw, 4.5rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: 0.2em;
text-transform: uppercase;
text-wrap: balance;
text-shadow: 0 4px 22px rgba(0, 0, 0, 0.78);
}
.celeste-temple__copy {
color: rgba(247, 243, 232, 0.82);
font-family:"New Science Light",sans-serif;
font-size: clamp(1rem, 1.25vw, 1.08rem);
font-weight: 300;
line-height: 1.58;
letter-spacing: 0.025em;
}
.celeste-temple__copy p {
margin: 0;
}
.celeste-temple__copy p + p {
margin-top: clamp(1.5rem, 3vw, 2.5rem);
}
.celeste-temple__particles {
position: absolute;
z-index: 1;
inset: 0;
overflow: hidden;
pointer-events: none;
}
.celeste-temple__particle {
position: absolute;
top: var(--particle-y);
left: var(--particle-x);
width: var(--particle-size);
height: var(--particle-size);
border-radius: 50%;
opacity: 0;
background: rgba(255, 217, 112, 0.86);
box-shadow:
0 0 5px rgba(255, 217, 112, 0.72),
0 0 14px rgba(225, 184, 75, 0.28);
animation: celeste-temple-dust var(--particle-duration) ease-in-out var(--particle-delay) infinite;
}
.celeste-temple-reveal {
opacity: 0;
transform: translateY(36px);
transition:
opacity 900ms ease,
transform 1100ms cubic-bezier(0.2, 0.75, 0.25, 1);
}
.celeste-temple__content.celeste-temple-reveal {
transition-delay: 140ms;
}
.celeste-temple-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
@keyframes celeste-temple-dust {
0%,
100% {
opacity: 0.06;
transform: translate3d(0, 0, 0) scale(0.7);
}
38% {
opacity: var(--particle-opacity);
}
72% {
opacity: 0.18;
transform: translate3d(var(--particle-drift-x), var(--particle-drift-y), 0) scale(1.14);
}
}
@media (max-width: 980px) {
.celeste-temple__inner {
grid-template-columns: 1fr;
gap: 3.5rem;
width: min(100% - 2.5rem, 760px);
min-height: auto;
}
.celeste-temple__visual {
width: min(100%, 620px);
margin-inline: auto;
}
.celeste-temple__image-frame {
aspect-ratio: 16 / 11;
}
.celeste-temple__content {
max-width: none;
}
}
@media (max-width: 640px) {
.celeste-temple__inner {
width: min(100% - 2rem, 560px);
gap: 2.75rem;
padding-block: 4rem;
}
.celeste-temple__image-frame {
aspect-ratio: 4 / 5;
border-radius: 12px;
}
.celeste-temple__eyebrow {
letter-spacing: 0.3em;
}
.celeste-temple__title {
letter-spacing: 0.12em;
}
.celeste-temple__copy {
line-height: 1.72;
}
}
@media (prefers-reduced-motion: reduce) {
.celeste-temple__particle {
display: none;
}
.celeste-temple-reveal,
.celeste-temple-reveal.is-visible,
.celeste-temple__image {
opacity: 1;
transform: none;
transition: none;
animation: none;
}
}
.celeste-temple__inner {
grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
gap: clamp(3.5rem, 5.2vw, 5.5rem);
width: min(100% - 4rem, 1520px);
}
.celeste-temple__image-frame {
aspect-ratio: 6 / 7;
border-color: rgba(255, 217, 112, 0.95);
box-shadow: 0 0 0 1px rgba(255, 217, 112, 0.1), 0 24px 80px rgba(0, 0, 0, 0.54), 0 0 24px rgba(225, 184, 75, 0.18), 0 0 58px rgba(225, 184, 75, 0.08);
}
.celeste-temple__eyebrow {
color: #d9b254;
letter-spacing: 0.48em;
}
.celeste-temple__title {
max-width: none;
font-size: clamp(2.65rem, 4.4vw, 4.5rem);
line-height: 1.04;
letter-spacing: 0.17em;
white-space: nowrap;
}
.celeste-temple__copy {
max-width: 690px;
color:#f5f3ee;
font-family:"New Science Regular",sans-serif;
font-size: clamp(1.05rem, 1.38vw, 1.3rem);
line-height: 1.6;
letter-spacing: 0.008em;
}
.celeste-temple__particle--glow {
background: rgba(255, 236, 170, 0.96);
box-shadow: 0 0 7px rgba(255, 236, 170, 0.95), 0 0 18px rgba(255, 217, 112, 0.55), 0 0 34px rgba(225, 184, 75, 0.22);
}
@media (max-width: 1180px) and (min-width: 981px) {
.celeste-temple__inner {
width: min(100% - 3rem, 1160px);
gap: 3rem;
}
.celeste-temple__title {
font-size: clamp(2.4rem, 4vw, 3.4rem);
letter-spacing: 0.14em;
}
.celeste-temple__copy {
font-size: 1rem;
line-height: 1.62;
}
}
@media (max-width: 980px) {
.celeste-temple__inner {
width: min(100% - 2.5rem, 760px);
}
.celeste-temple__image-frame {
aspect-ratio: 16 / 11;
}
.celeste-temple__title {
white-space: normal;
}
}
@media (max-width: 640px) {
.celeste-temple__inner {
width: min(100% - 2rem, 560px);
}
.celeste-temple__image-frame {
aspect-ratio: 4 / 5;
}
.celeste-temple__title {
font-size: clamp(2.25rem, 11vw, 3.4rem);
letter-spacing: 0.1em;
}
.celeste-temple__copy {
font-size: 1rem;
line-height: 1.68;
}
}
.elementor-element-da9fef4, .elementor-element-a1ed99f,
.celeste-temple,
.section-tarifs {
background-color: #02050b !important;
}
.experience-renouvelee::after {
bottom: -240px !important;
height: 360px !important;
background: linear-gradient(180deg, transparent 0%, rgba(2, 5, 11, 0.18) 24%, rgba(2, 5, 11, 0.52) 54%, rgba(2, 5, 11, 0.84) 78%, #02050b 100%) !important;
}
.celeste-temple::before {
width: min(52vw, 760px) !important;
height: min(52vw, 760px) !important;
top: -30% !important;
left: -22% !important;
background: radial-gradient(circle, rgba(225, 184, 75, 0.075), rgba(225, 184, 75, 0.025) 42%, transparent 74%) !important;
filter: blur(18px) !important;
}
.celeste-temple::after {
width: min(62vw, 900px) !important;
height: min(62vw, 900px) !important;
right: -29% !important;
bottom: -34% !important;
background: radial-gradient(circle, rgba(30, 48, 111, 0.13), rgba(22, 40, 91, 0.045) 45%, transparent 76%) !important;
filter: blur(24px) !important;
}
.celeste-temple__visual,
.celeste-temple__image-frame {
margin: 0 !important;
padding: 0 !important;
background: #02050b !important;
outline: 0 !important;
}
.celeste-temple__image-frame {
border: 1px solid rgba(225, 184, 75, 0.88) !important;
}
.celeste-temple__image {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.celeste-temple__image-placeholder {
display: none !important;
}
.celeste-temple__image.is-missing + .celeste-temple__image-placeholder {
display: flex !important;
}
.section-tarifs::before {
background: linear-gradient(180deg, #02050b 0%, rgba(2, 5, 11, 0.96) 18%, rgba(2, 5, 11, 0.78) 48%, rgba(2, 5, 11, 0.92) 78%, #01040a 100%), radial-gradient(circle at 50% 42%, rgba(20, 43, 73, 0.1), transparent 62%) !important;
opacity: 1 !important;
}
@media (max-width: 980px) {
.experience-renouvelee::after {
bottom: -170px !important;
height: 270px !important;
}
}
.experience-renouvelee,
.section-experience {
overflow: hidden !important;
}
.experience-renouvelee::after,
.section-experience::after {
top: auto !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: auto !important;
height: clamp(220px, 28vw, 360px) !important;
z-index: 2 !important;
background: linear-gradient(
180deg,
rgba(2, 5, 11, 0) 0%,
rgba(2, 5, 11, 0.08) 18%,
rgba(2, 5, 11, 0.28) 40%,
rgba(2, 5, 11, 0.58) 64%,
rgba(2, 5, 11, 0.88) 86%,
#02050b 100%
) !important;
pointer-events: none !important;
}
.elementor-element-da9fef4, .elementor-element-a1ed99f,
.celeste-temple {
margin-top: -1px !important;
background: #02050b !important;
}
.experience-renouvelee,
.celeste-temple,
.section-tarifs,
.cm-impact-home,
.cm-practical,
.cm-faq--metz {
font-family: "New Science Regular", sans-serif !important;
}
.celeste-temple__copy {
font-family: "New Science Regular", sans-serif !important;
}
.celeste-motion-ready .celeste-motion {
opacity: 0;
transform: translate3d(0, 34px, 0);
filter: blur(8px);
transition:
opacity 1.15s cubic-bezier(.18, .84, .28, 1),
transform 1.15s cubic-bezier(.18, .84, .28, 1),
filter 1.15s cubic-bezier(.18, .84, .28, 1);
transition-delay: var(--motion-delay, 0ms);
will-change: opacity, transform, filter;
}
.celeste-motion-ready .celeste-motion--hero {
transform: translate3d(0, 42px, 0);
filter: blur(10px);
transition-duration: 1.35s;
}
.celeste-motion-ready .celeste-motion--icon {
transform: translate3d(0, 22px, 0) scale(.92);
filter: blur(5px);
transition-duration: .95s;
}
.celeste-motion-ready .celeste-motion--panel {
transform: translate3d(0, 46px, 0) scale(.985);
filter: blur(6px);
transition-duration: 1.2s;
}
.celeste-motion-ready .celeste-motion--faq {
transform: translate3d(0, 20px, 0);
filter: blur(4px);
transition-duration: .9s;
}
.celeste-motion-ready .celeste-motion.celeste-motion-in {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
filter: blur(0);
}
.celeste-motion-ready .celeste-temple__rule.celeste-motion {
opacity: 0;
transform: scaleX(0);
transform-origin: left center;
filter: none;
}
.celeste-motion-ready .celeste-temple__rule.celeste-motion-in {
opacity: 1;
transform: scaleX(1);
}
@media (max-width: 767px) {
.experience-renouvelee::after,
.section-experience::after {
bottom: 0 !important;
height: 220px !important;
}
.celeste-motion-ready .celeste-motion,
.celeste-motion-ready .celeste-motion--hero,
.celeste-motion-ready .celeste-motion--panel {
transform: translate3d(0, 26px, 0);
filter: blur(5px);
}
.celeste-motion-ready .celeste-motion.celeste-motion-in {
transform: translate3d(0, 0, 0) scale(1);
filter: blur(0);
}
}
@media (prefers-reduced-motion: reduce) {
.celeste-motion-ready .celeste-motion,
.celeste-motion-ready .celeste-motion.celeste-motion-in {
opacity: 1 !important;
transform: none !important;
filter: none !important;
transition: none !important;
}
}
.elementor-element-da9fef4, .elementor-element-a1ed99f,
.celeste-temple,
.elementor-element-58b2079,
.elementor-element-20a5d63,
main .elementor-top-section:has(.ld-media-row),
.section-tarifs {
background-color: #02050b !important;
}
.elementor-element-58b2079,
.elementor-element-20a5d63,
main .elementor-top-section:has(.ld-media-row) {
position: relative !important;
z-index: 2 !important;
margin-top: -1px !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.elementor-element-58b2079::before,
.elementor-element-20a5d63::before,
main .elementor-top-section:has(.ld-media-row)::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
height: 150px !important;
z-index: 1 !important;
pointer-events: none !important;
background: linear-gradient(
180deg,
#02050b 0%,
rgba(2, 5, 11, 0.82) 24%,
rgba(2, 5, 11, 0.34) 62%,
transparent 100%
) !important;
}
.section-tarifs {
margin-top: 0 !important;
padding-top: 118px !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.section-tarifs::before {
background:
radial-gradient(
ellipse at 50% 28%,
rgba(27, 54, 91, 0.20) 0%,
rgba(13, 29, 53, 0.09) 38%,
transparent 67%
),
linear-gradient(
180deg,
#02050b 0%,
#030812 30%,
#02050b 72%,
#01040a 100%
) !important;
opacity: 1 !important;
}
.section-tarifs .elementor-element-9572eb4 .elementor-heading-title,
.section-tarifs .elementor-element-f2298a3 .elementor-heading-title,
.section-tarifs .elementor-element-1ce5403 .elementor-heading-title,
.section-tarifs .elementor-element-0c7e33f .elementor-heading-title {
color: #d8a94f !important;
text-shadow: 0 0 22px rgba(225, 184, 75, 0.18) !important;
}
.section-tarifs .elementor-element-3f529eb .elementor-heading-title,
.section-tarifs .elementor-element-3478d7f .elementor-heading-title {
color: #d9dee8 !important;
text-shadow: 0 0 18px rgba(183, 198, 222, 0.13) !important;
}
.section-tarifs .elementor-element-03dc20a .elementor-heading-title,
.section-tarifs .elementor-element-e38ecd2 .elementor-heading-title {
color: #f5f3ee !important;
}
.section-tarifs .elementor-widget-text-editor,
.section-tarifs .elementor-widget-text-editor p,
.section-tarifs .tableau-tarifs,
.section-tarifs .tableau-tarifs p {
color: rgba(255, 255, 255, 0.88) !important;
}
.section-tarifs .tarif-categorie {
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.026),
rgba(255, 255, 255, 0.008)
) !important;
border-color: rgba(225, 184, 75, 0.22) !important;
}
.elementor-element-ca8d898,
.elementor-element-12e4fae,
main .e-con.e-parent:has(.celeste-metz) {
padding: 0 !important;
margin: 0 !important;
background: #02050b !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.elementor-element-ca8d898 > *,
.elementor-element-12e4fae > *,
main .e-con.e-parent:has(.celeste-metz) > * {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
.celeste-metz,
.celeste-metz .cm-impact-home {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
html body main .elementor .elementor-element-ca8d898 .celeste-metz .cm-impact-home,
html body main .elementor .elementor-element-12e4fae .celeste-metz .cm-impact-home,
html body main .e-con.e-parent:has(.celeste-metz) .cm-impact-home {
background-color: #01040a !important;
background-image: url("https://celeste-experience.com/wp-content/uploads/2026/09/background-impact.jpg") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.elementor-element-58b2079,
.elementor-element-20a5d63,
.section-tarifs,
.celeste-metz,
.celeste-metz * {
font-family: "New Science Regular", sans-serif !important;
}
@media (max-width: 1024px) {
.section-tarifs {
margin-top: 0 !important;
padding-top: 100px !important;
}
}
@media (max-width: 767px) {
.elementor-element-58b2079::before,
.elementor-element-20a5d63::before,
main .elementor-top-section:has(.ld-media-row)::before {
height: 105px !important;
}
.section-tarifs {
margin-top: 0 !important;
padding-top: 82px !important;
}
html body main .elementor .elementor-element-ca8d898 .celeste-metz .cm-impact-home,
html body main .elementor .elementor-element-12e4fae .celeste-metz .cm-impact-home,
html body main .e-con.e-parent:has(.celeste-metz) .cm-impact-home {
background-size: auto 100% !important;
}
}
.celeste-metz .cm-practical::after {
background:
linear-gradient(
180deg,
rgba(2, 5, 11, 0.18) 0%,
rgba(2, 5, 11, 0.34) 45%,
rgba(2, 5, 11, 0.70) 78%,
#02050b 100%
),
linear-gradient(
90deg,
rgba(2, 5, 11, 0.55),
transparent 24%,
transparent 76%,
rgba(2, 5, 11, 0.55)
) !important;
}
.celeste-metz .cm-faq--metz {
position: relative !important;
isolation: isolate !important;
margin-top: -1px !important;
padding: 118px 0 138px !important;
overflow: hidden !important;
color: #f7f3e8 !important;
background: #02050b !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
font-family: "New Science Regular", sans-serif !important;
}
.celeste-metz .cm-faq--metz::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: -6% !important;
right: -4% !important;
bottom: -6% !important;
left: -4% !important;
width: auto !important;
height: auto !important;
z-index: 0 !important;
pointer-events: none !important;
opacity: 1 !important;
background:
radial-gradient(
ellipse at 82% 23%,
rgba(225, 184, 75, 0.075) 0%,
rgba(225, 184, 75, 0.022) 29%,
transparent 54%
),
radial-gradient(
ellipse at 14% 66%,
rgba(34, 73, 123, 0.14) 0%,
rgba(20, 47, 85, 0.05) 34%,
transparent 64%
),
linear-gradient(
180deg,
#02050b 0%,
rgba(2, 5, 11, 0.86) 11%,
rgba(2, 5, 11, 0.46) 34%,
rgba(2, 5, 11, 0.52) 68%,
rgba(2, 5, 11, 0.88) 89%,
#02050b 100%
),
linear-gradient(
90deg,
rgba(2, 5, 11, 0.72),
rgba(2, 5, 11, 0.18) 28%,
rgba(2, 5, 11, 0.12) 56%,
rgba(2, 5, 11, 0.70)
),
url("https://celeste-experience.com/wp-content/uploads/2026/09/background-experience.jpg") center 62% / cover no-repeat !important;
filter: saturate(0.72) contrast(1.07) brightness(0.68) !important;
transform: scale(1.035) !important;
}
.celeste-metz .cm-faq--metz::after {
content: "" !important;
position: absolute !important;
top: auto !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: auto !important;
height: 190px !important;
z-index: 2 !important;
pointer-events: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: linear-gradient(
180deg,
transparent 0%,
rgba(2, 5, 11, 0.18) 34%,
rgba(2, 5, 11, 0.58) 70%,
#02050b 100%
) !important;
}
.celeste-metz .cm-faq--metz .cm-faq__layout {
position: relative !important;
z-index: 4 !important;
}
.celeste-metz .cm-faq__head h2 {
color: #f5f3ee !important;
font-family: "New Science Regular", sans-serif !important;
text-shadow: 0 0 28px rgba(225, 184, 75, 0.08) !important;
}
.celeste-metz .cm-faq__head h2 em,
.celeste-metz .cm-faq__head::before {
color: #d8a94f !important;
-webkit-text-fill-color: #d8a94f !important;
}
.celeste-metz .cm-faq__intro {
color: rgba(247, 243, 232, 0.68) !important;
}
.celeste-metz .cm-faq__list {
border-top-color: rgba(225, 184, 75, 0.24) !important;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.012),
transparent 32%
) !important;
}
.celeste-metz .cm-faq__item {
border-bottom-color: rgba(225, 184, 75, 0.17) !important;
}
.celeste-metz .cm-faq__button {
color: rgba(255, 255, 255, 0.92) !important;
font-family: "New Science Regular", sans-serif !important;
}
.celeste-metz .cm-faq__panel p {
color: rgba(247, 243, 232, 0.70) !important;
font-family: "New Science Regular", sans-serif !important;
}
@media (max-width: 767px) {
.celeste-metz .cm-faq--metz {
padding: 88px 0 108px !important;
}
.celeste-metz .cm-faq--metz::before {
top: -4% !important;
right: -18% !important;
bottom: -4% !important;
left: -18% !important;
background-position: center center !important;
filter: saturate(0.68) contrast(1.06) brightness(0.62) !important;
}
.celeste-metz .cm-faq--metz::after {
height: 135px !important;
}
}
html body main .elementor .e-con.e-parent.section-tarifs.section-tarifs.elementor-element-3b8c3cb,
html body main .elementor .elementor-element.elementor-element-3b8c3cb.section-tarifs.section-tarifs.section-tarifs {
position: relative !important;
isolation: isolate !important;
margin-top: 0 !important;
padding-top: 118px !important;
overflow: hidden !important;
background-color: #02050b !important;
background-image: url("https://celeste-experience.com/wp-content/uploads/2026/09/celeste-metz.jpg") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
html body main .elementor .e-con.e-parent.section-tarifs.section-tarifs.elementor-element-bdd0c45,
html body main .elementor .elementor-element.elementor-element-bdd0c45.section-tarifs.section-tarifs.section-tarifs {
position: relative !important;
isolation: isolate !important;
margin-top: 0 !important;
padding-top: 118px !important;
overflow: hidden !important;
background-color: #02050b !important;
background-image: url("https://celeste-experience.com/wp-content/uploads/2026/09/celeste-strasbourg.jpg") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
html body main .elementor .section-tarifs.elementor-element-bdd0c45::before,
html body main .elementor .section-tarifs.elementor-element-3b8c3cb::before {
content: "" !important;
display: block !important;
position: absolute !important;
inset: 0 !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: auto !important;
height: auto !important;
z-index: 0 !important;
pointer-events: none !important;
opacity: 1 !important;
background:
radial-gradient(
ellipse at 50% 48%,
rgba(19, 42, 74, 0.10) 0%,
transparent 58%
),
linear-gradient(
180deg,
#02050b 0%,
rgba(2, 5, 11, 0.96) 11%,
rgba(2, 5, 11, 0.82) 23%,
rgba(2, 5, 11, 0.54) 39%,
rgba(2, 5, 11, 0.42) 58%,
rgba(2, 5, 11, 0.62) 78%,
rgba(1, 4, 10, 0.91) 94%,
#01040a 100%
) !important;
filter: none !important;
transform: none !important;
}
html body main .elementor .section-tarifs.elementor-element-bdd0c45::after,
html body main .elementor .section-tarifs.elementor-element-3b8c3cb::after {
content: none !important;
display: none !important;
background: none !important;
}
html body main .elementor .section-tarifs.elementor-element-bdd0c45 > *,
html body main .elementor .section-tarifs.elementor-element-3b8c3cb > * {
position: relative !important;
z-index: 2 !important;
}
.section-tarifs .tarif-categorie {
background: linear-gradient(
145deg,
rgba(3, 8, 18, 0.76),
rgba(3, 8, 18, 0.54)
) !important;
border: 1px solid rgba(225, 184, 75, 0.30) !important;
box-shadow:
0 18px 45px rgba(0, 0, 0, 0.30),
inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
-webkit-backdrop-filter: blur(11px) saturate(0.82) !important;
backdrop-filter: blur(11px) saturate(0.82) !important;
}
.section-tarifs .tableau-tarifs {
background: rgba(2, 7, 18, 0.82) !important;
border-color: rgba(225, 184, 75, 0.34) !important;
-webkit-backdrop-filter: blur(12px) !important;
backdrop-filter: blur(12px) !important;
}
@media (max-width: 1024px) {
html body main .elementor .e-con.e-parent.section-tarifs.section-tarifs.elementor-element-bdd0c45,
html body main .elementor .elementor-element.elementor-element-bdd0c45.section-tarifs.section-tarifs.section-tarifs,
html body main .elementor .e-con.e-parent.section-tarifs.section-tarifs.elementor-element-3b8c3cb,
html body main .elementor .elementor-element.elementor-element-3b8c3cb.section-tarifs.section-tarifs.section-tarifs {
padding-top: 100px !important;
background-position: center center !important;
}
}
@media (max-width: 767px) {
html body main .elementor .e-con.e-parent.section-tarifs.section-tarifs.elementor-element-bdd0c45,
html body main .elementor .elementor-element.elementor-element-bdd0c45.section-tarifs.section-tarifs.section-tarifs,
html body main .elementor .e-con.e-parent.section-tarifs.section-tarifs.elementor-element-3b8c3cb,
html body main .elementor .elementor-element.elementor-element-3b8c3cb.section-tarifs.section-tarifs.section-tarifs {
padding-top: 82px !important;
background-position: 52% center !important;
}
html body main .elementor .section-tarifs.elementor-element-bdd0c45::before,
html body main .elementor .section-tarifs.elementor-element-3b8c3cb::before {
background: linear-gradient(
180deg,
#02050b 0%,
rgba(2, 5, 11, 0.94) 12%,
rgba(2, 5, 11, 0.76) 29%,
rgba(2, 5, 11, 0.54) 52%,
rgba(2, 5, 11, 0.72) 80%,
#01040a 100%
) !important;
}
}
.celeste-metz .cm-impact-home::after {
content: "" !important;
display: block !important;
position: absolute !important;
top: auto !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: auto !important;
height: 165px !important;
z-index: 2 !important;
pointer-events: none !important;
background: linear-gradient(
180deg,
transparent 0%,
rgba(2, 5, 11, 0.16) 28%,
rgba(2, 5, 11, 0.48) 60%,
rgba(2, 5, 11, 0.82) 84%,
#02050b 100%
) !important;
}
.celeste-metz .cm-practical {
margin-top: -1px !important;
background: #02050b !important;
}
.celeste-metz .cm-practical::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
width: auto !important;
height: auto !important;
z-index: -1 !important;
pointer-events: none !important;
background:
linear-gradient(
180deg,
#02050b 0%,
rgba(2, 5, 11, 0.86) 7%,
rgba(2, 5, 11, 0.48) 16%,
rgba(2, 5, 11, 0.24) 26%,
rgba(2, 5, 11, 0.22) 72%,
rgba(2, 5, 11, 0.50) 84%,
rgba(2, 5, 11, 0.86) 94%,
#02050b 100%
),
linear-gradient(
90deg,
rgba(2, 5, 11, 0.48),
transparent 24%,
transparent 76%,
rgba(2, 5, 11, 0.48)
),
radial-gradient(
ellipse at 50% 46%,
transparent 0%,
rgba(2, 5, 11, 0.42) 92%
) !important;
}
.celeste-metz .cm-faq--metz {
margin-top: -1px !important;
background-color: #02050b !important;
}
.celeste-metz .cm-faq--metz::before {
background:
radial-gradient(
ellipse at 82% 23%,
rgba(225, 184, 75, 0.075) 0%,
rgba(225, 184, 75, 0.022) 29%,
transparent 54%
),
radial-gradient(
ellipse at 14% 66%,
rgba(34, 73, 123, 0.14) 0%,
rgba(20, 47, 85, 0.05) 34%,
transparent 64%
),
linear-gradient(
180deg,
#02050b 0%,
rgba(2, 5, 11, 0.92) 6%,
rgba(2, 5, 11, 0.68) 15%,
rgba(2, 5, 11, 0.46) 27%,
rgba(2, 5, 11, 0.52) 68%,
rgba(2, 5, 11, 0.88) 89%,
#02050b 100%
),
linear-gradient(
90deg,
rgba(2, 5, 11, 0.72),
rgba(2, 5, 11, 0.18) 28%,
rgba(2, 5, 11, 0.12) 56%,
rgba(2, 5, 11, 0.70)
),
url("https://celeste-experience.com/wp-content/uploads/2026/09/background-experience.jpg") center 62% / cover no-repeat !important;
}
@media (max-width: 767px) {
.celeste-metz .cm-impact-home::after {
height: 115px !important;
}
.celeste-metz .cm-practical::after {
background:
linear-gradient(
180deg,
#02050b 0%,
rgba(2, 5, 11, 0.78) 8%,
rgba(2, 5, 11, 0.40) 18%,
rgba(2, 5, 11, 0.24) 30%,
rgba(2, 5, 11, 0.28) 70%,
rgba(2, 5, 11, 0.58) 86%,
#02050b 100%
),
linear-gradient(
90deg,
rgba(2, 5, 11, 0.42),
transparent 30%,
transparent 70%,
rgba(2, 5, 11, 0.42)
) !important;
}
}
.elementor-element.elementor-element-a1ed99f.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
padding: 0px !important;
}
.elementor-element-da9fef4,
.elementor-element-a1ed99f,
.city-temple-section {
padding: 0 !important;
background-color: #02050b !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.elementor-element-58b2079,
.elementor-element-20a5d63,
.city-gallery-section {
background-color: #02050b !important;
}
.elementor-element-ca8d898,
.elementor-element-12e4fae,
.city-experience-wrapper {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
max-width: none !important;
background: #02050b !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.city-temple-section,
.city-gallery-section,
.city-tariffs-section,
.city-experience-wrapper,
.city-impact-section,
.city-practical-section,
.city-faq-section {
font-family: "New Science Regular", sans-serif !important;
}
header .elementor-widget:has(
a[href*="billetterie.celeste-experience.com"]
),
header .elementor-widget-container:has(
a[href*="billetterie.celeste-experience.com"]
) {
overflow: visible !important;
}
header a.elementor-button[href*="billetterie.celeste-experience.com"] {
position: relative;
overflow: visible !important;
border-radius: 100px !important;
border-color: transparent !important;
box-shadow:
inset 0 0 0 1px #d8a94f !important;
transition:
background-color 0.35s ease,
color 0.35s ease,
box-shadow 0.35s ease,
transform 0.35s ease,
filter 0.35s ease !important;
}
header a.elementor-button[href*="billetterie.celeste-experience.com"]:hover,
header a.elementor-button[href*="billetterie.celeste-experience.com"]:focus-visible {
background: #d8a94f !important;
color: #050810 !important;
transform: translateY(-2px);
box-shadow:
inset 0 0 0 1px #d8a94f,
0 0 10px rgba(240, 213, 143, 0.65),
0 0 28px rgba(216, 169, 79, 0.48),
0 0 58px rgba(216, 169, 79, 0.25),
0 10px 30px rgba(0, 0, 0, 0.35) !important;
filter:
brightness(1.08)
drop-shadow(0 0 12px rgba(216, 169, 79, 0.38));
}
header a.elementor-button[href*="billetterie.celeste-experience.com"]:hover .btn-txt,
header a.elementor-button[href*="billetterie.celeste-experience.com"]:hover .btn-txt *,
header a.elementor-button[href*="billetterie.celeste-experience.com"]:focus-visible .btn-txt,
header a.elementor-button[href*="billetterie.celeste-experience.com"]:focus-visible .btn-txt * {
color: #050810 !important;
-webkit-text-fill-color: #050810 !important;
}
header a.elementor-button[href*="billetterie.celeste-experience.com"]:hover .btn-icon,
header a.elementor-button[href*="billetterie.celeste-experience.com"]:hover .btn-icon *,
header a.elementor-button[href*="billetterie.celeste-experience.com"]:focus-visible .btn-icon,
header a.elementor-button[href*="billetterie.celeste-experience.com"]:focus-visible .btn-icon * {
color: #050810 !important;
fill: #050810 !important;
}
@media (max-width: 767px) {
.section-tarifs .tarif-categorie {
width: calc(100% - 12px) !important;
max-width: none !important;
min-height: 0 !important;
height: auto !important;
margin-inline: auto !important;
padding: 14px 6px !important;
border-radius: 14px !important;
--min-height: 0 !important;
--gap: 4px !important;
--row-gap: 4px !important;
--column-gap: 4px !important;
--widgets-spacing: 4px 4px !important;
}
.section-tarifs .tarif-categorie + .tarif-categorie {
margin-top: 12px !important;
}
.section-tarifs .tarif-categorie > .e-con-inner,
.section-tarifs .tarif-categorie > .e-con {
width: 100% !important;
max-width: none !important;
min-height: 0 !important;
gap: 4px !important;
}
.section-tarifs .tarif-categorie .elementor-widget-text-editor,
.section-tarifs .tarif-categorie .elementor-widget-text-editor .elementor-widget-container {
--container-widget-width: 100% !important;
--container-widget-flex-grow: 1 !important;
flex: 0 0 100% !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
.section-tarifs .tarif-categorie .elementor-widget {
width: 100% !important;
max-width: none !important;
margin-block: 0 !important;
}
.section-tarifs .tarif-categorie .elementor-widget-text-editor p {
width: calc(100% - 12px) !important;
max-width: none !important;
margin: 0 auto !important;
padding: 0 !important;
line-height: 1.28 !important;
}
.section-tarifs .tarif-categorie > .elementor-element,
.section-tarifs .tarif-categorie > .e-con-inner > .elementor-element,
.section-tarifs .tarif-categorie > .e-con > .elementor-element {
min-height: 0 !important;
margin-block: 0 !important;
}
.section-tarifs .tarif-categorie .elementor-heading-title {
margin: 0 !important;
line-height: 1.05 !important;
}
.section-tarifs .tarif-categorie .elementor-widget-divider {
min-height: 0 !important;
margin: 2px 0 !important;
padding: 0 !important;
}
.section-tarifs .tarif-categorie .elementor-divider {
padding-block: 2px !important;
}
.section-tarifs .tarif-categorie .elementor-divider-separator {
width: 34px !important;
min-width: 34px !important;
}
.section-tarifs .tableau-tarifs {
width: 100% !important;
margin-top: 6px !important;
max-width: 100% !important;
}
.section-tarifs .cellule-tarif {
min-height: 52px !important;
padding: 6px 4px !important;
}
.section-tarifs .nom-categorie {
font-size: 14px !important;
line-height: 1.1 !important;
letter-spacing: 1.5px !important;
}
.section-tarifs .label-categorie {
margin-bottom: 4px !important;
font-size: 7px !important;
}
.section-tarifs .tarif-periode {
font-size: 10px !important;
line-height: 1.15 !important;
letter-spacing: 1.4px !important;
}
.section-tarifs .sous-texte-tarif {
margin-top: 3px !important;
font-size: 8px !important;
line-height: 1.2 !important;
}
.section-tarifs .prefixe-prix {
margin-bottom: 3px !important;
font-size: 7px !important;
}
.section-tarifs .montant-prix {
font-size: 15px !important;
line-height: 1 !important;
}
.section-tarifs .btn-reserver {
margin-top: 14px !important;
}
}
@media (max-width: 767px) {
.celeste-temple__inner {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
width: calc(100% - 24px) !important;
max-width: none !important;
min-height: 0 !important;
gap: 0 !important;
padding-block: 48px !important;
}
.celeste-temple__content,
.celeste-temple__copy {
display: contents !important;
}
.celeste-temple__eyebrow {
order: 1;
width: 100% !important;
margin: 0 0 12px !important;
}
.celeste-temple__rule {
order: 2;
width: 48px !important;
margin: 0 0 18px !important;
}
.celeste-temple__title {
order: 3;
width: 100% !important;
max-width: none !important;
margin: 0 0 20px !important;
font-size: clamp(2rem, 10vw, 3rem) !important;
white-space: normal !important;
}
.celeste-temple__copy p {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
font-size: 1rem !important;
line-height: 1.58 !important;
}
.celeste-temple__copy p:first-child {
order: 4;
margin-bottom: 22px !important;
}
.celeste-temple__visual {
order: 5;
width: min(72vw, 300px) !important;
max-width: 300px !important;
margin: 0 auto 22px !important;
}
.celeste-temple__image-frame {
width: 100% !important;
aspect-ratio: 4 / 3 !important;
border-radius: 10px !important;
}
.celeste-temple__copy p:nth-child(n + 2) {
order: 6;
margin: 0 !important;
}
}
@media (max-width: 767px) {
.experience-grid::after {
content: none !important;
display: none !important;
background: none !important;
box-shadow: none !important;
}
}
.experience-item-text p {
color: #F4F1EA !important;
}
span.split-inner {
font-weight: 700 !important;
}
.nav-trigger .bar {
background-color: #ffffff !important;
transition: all .3s;
}
.lqd-lity[data-modal-type=fullscreen] .lqd-lity-close {
color: #ffffff !important;
}
.lqd-lity-content {
background-color: #050508 !important;
}