:root {
--home-black: #050508;
--home-ivory: #f7f3e8;
--home-gold: #e1b84b;
--home-gold-light: #ffd970;
}
.home-hero {
--home-dim-opacity: 0;
--home-content-opacity: 1;
--home-content-shift: 0px;
--home-particles-opacity: 1;
position: relative;
isolation: isolate;
justify-content: center !important;
min-height: 100vh;
min-height: 100svh;
overflow: hidden !important;
color: var(--home-ivory);
background-color: var(--home-black);
}
.home-hero::after {
content: "";
position: absolute;
z-index: 1;
inset: 0;
pointer-events: none;
background:
linear-gradient(
90deg,
rgba(5, 5, 8, 0.86) 0%,
rgba(5, 5, 8, 0.62) 29%,
rgba(5, 5, 8, 0.2) 53%,
rgba(5, 5, 8, 0.03) 78%,
rgba(5, 5, 8, 0.08) 100%
),
linear-gradient(
180deg,
rgba(5, 5, 8, 0.08) 0%,
transparent 52%,
rgba(5, 5, 8, 0.34) 78%,
var(--home-black) 100%
);
}
.home-hero::before {
content: "";
position: absolute;
z-index: 1;
inset: 0;
pointer-events: none;
background: var(--home-black);
opacity: var(--home-dim-opacity);
will-change: opacity;
}
.home-hero__content {
position: relative !important;
z-index: 3 !important;
opacity: var(--home-content-opacity);
transform: translate3d(
0,
var(--home-content-shift),
0
);
will-change: opacity, transform;
}
.home-hero__main,
.home-hero__keywords,
.home-hero__aside {
opacity: 1;
transform: none;
}
.home-hero__title,
.home-hero__title *,
.home-hero__tagline,
.home-hero__tagline * {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
opacity: 1 !important;
text-shadow:
0 2px 14px rgba(0, 0, 0, 0.72);
}
.home-hero__keywords-text,
.home-hero__keywords-text *,
.home-hero__aside-text,
.home-hero__aside-text * {
color: rgba(255, 255, 255, 0.88) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
opacity: 1 !important;
text-shadow:
0 2px 12px rgba(0, 0, 0, 0.82);
}
.home-hero__keywords,
.home-hero__aside {
position: relative;
}
.home-hero__keywords::before,
.home-hero__keywords::after,
.home-hero__aside::after {
content: "";
display: block;
width: 58px;
height: 1px;
background: var(--home-gold);
box-shadow:
0 0 12px rgba(225, 184, 75, 0.38);
}
.home-hero__keywords::before {
margin-bottom: 16px;
}
.home-hero__keywords::after {
margin-top: 16px;
}
.home-hero__aside::after {
margin-top: 16px;
margin-left: auto;
}
.home-hero__scroll {
position: absolute !important;
z-index: 4;
bottom: 30px;
left: 50%;
width: auto !important;
opacity: var(--home-content-opacity);
transform: translateX(-50%);
}
.home-hero__scroll a.elementor-button {
padding: 13px 24px;
color: rgba(255, 255, 255, 0.84);
background: rgba(5, 5, 8, 0.48);
border: 1px solid rgba(225, 184, 75, 0.58);
border-radius: 999px;
box-shadow:
0 0 20px rgba(225, 184, 75, 0.08);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition:
color 300ms ease,
background-color 300ms ease,
border-color 300ms ease,
box-shadow 300ms ease;
}
.home-hero__scroll a.elementor-button::after {
content: "↓";
display: inline-block;
margin-left: 12px;
color: var(--home-gold-light);
transition: transform 300ms ease;
}
.home-hero__scroll a.elementor-button:hover {
color: #fff;
background: rgba(5, 5, 8, 0.76);
border-color: var(--home-gold-light);
box-shadow:
0 0 28px rgba(225, 184, 75, 0.2);
}
.home-hero__scroll a.elementor-button:hover::after {
transform: translateY(3px);
}
.home-particles {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}
.home-particles--hero {
position: absolute !important;
z-index: 2 !important;
inset: 0 !important;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
opacity: var(--home-particles-opacity);
mix-blend-mode: screen;
will-change: opacity;
}
.home-particles--experiences {
z-index: 0;
opacity: 0.56;
-webkit-mask-image: linear-gradient(
180deg,
transparent,
#000 12%,
#000 88%,
transparent
);
mask-image: linear-gradient(
180deg,
transparent,
#000 12%,
#000 88%,
transparent
);
}
.home-particle {
position: absolute;
top: var(--particle-y);
left: var(--particle-x);
width: var(--particle-size);
height: var(--particle-size);
pointer-events: none;
}
.home-particle--dust {
border-radius: 50%;
background:
rgba(255, 217, 112, 0.78);
box-shadow:
0 0 4px rgba(255, 217, 112, 0.8),
0 0 10px rgba(225, 184, 75, 0.36);
animation:
home-dust-drift
var(--particle-duration)
ease-in-out
var(--particle-delay)
infinite;
}
.home-particles--hero .home-particle--dust {
background:
rgba(255, 217, 112, 0.9);
box-shadow:
0 0 5px rgba(255, 217, 112, 0.9),
0 0 14px rgba(225, 184, 75, 0.5);
}
.home-particle--streak {
width: 1px;
height: 48px;
opacity: 0;
background: linear-gradient(
180deg,
transparent 0%,
rgba(255, 245, 199, 0.25) 20%,
rgba(255, 217, 112, 0.95) 65%,
transparent 100%
);
box-shadow:
0 0 6px rgba(255, 217, 112, 0.65),
0 0 16px rgba(225, 184, 75, 0.28);
transform: rotate(35deg);
animation:
home-light-streak
var(--particle-duration)
ease-in-out
var(--particle-delay)
infinite;
}
@keyframes home-dust-drift {
0%,
100% {
opacity: 0.08;
transform:
translate3d(0, 0, 0)
scale(0.75);
}
35% {
opacity: 0.65;
}
70% {
opacity: 0.25;
transform:
translate3d(
var(--particle-drift-x),
var(--particle-drift-y),
0
)
scale(1.15);
}
}
@keyframes home-light-streak {
0%,
82%,
100% {
opacity: 0;
transform:
translate3d(0, 0, 0)
rotate(35deg);
}
86% {
opacity: 0.85;
}
94% {
opacity: 0;
transform:
translate3d(-42px, 62px, 0)
rotate(35deg);
}
}
.home-experiences {
position: relative;
isolation: isolate;
overflow: hidden;
color: var(--home-ivory);
background: var(--home-black);
}
.home-experiences::before {
content: "✦";
position: absolute;
z-index: 3;
top: 0;
left: 50%;
color: var(--home-gold-light);
transform: translate(-50%, -50%);
text-shadow:
0 0 8px rgba(255, 217, 112, 0.9),
0 0 24px rgba(225, 184, 75, 0.65);
}
.home-experiences__header,
.home-experiences__grid {
position: relative;
z-index: 2;
}
.home-experiences__header,
.home-experiences__title,
.home-experiences__subtitle {
width: 100%;
text-align: center;
}
.home-experiences__title,
.home-experiences__title * {
color: var(--home-ivory) !important;
-webkit-text-fill-color: var(--home-ivory) !important;
}
.home-experiences__subtitle,
.home-experiences__subtitle * {
color: rgba(247, 243, 232, 0.64) !important;
-webkit-text-fill-color: rgba(247, 243, 232, 0.64) !important;
}
.home-experiences__subtitle::before {
content: "";
display: block;
width: 70px;
height: 1px;
margin: 0 auto 18px;
background: linear-gradient(
90deg,
transparent,
var(--home-gold),
transparent
);
box-shadow:
0 0 12px rgba(225, 184, 75, 0.4);
}
.home-experience-card {
position: relative;
isolation: isolate;
overflow: hidden !important;
border: 1px solid rgba(225, 184, 75, 0.8);
border-radius: 10px !important;
box-shadow:
0 0 0 1px rgba(225, 184, 75, 0.08),
0 0 24px rgba(225, 184, 75, 0.1);
transition:
transform 450ms cubic-bezier(0.2, 0.75, 0.25, 1),
border-color 450ms ease,
box-shadow 450ms ease;
}
.home-experience-card::after {
content: "";
position: absolute !important;
z-index: 1 !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
pointer-events: none;
background: linear-gradient(
180deg,
transparent 0%,
rgba(5, 5, 8, 0.05) 25%,
rgba(5, 5, 8, 0.34) 42%,
rgba(5, 5, 8, 0.78) 59%,
rgba(5, 5, 8, 0.95) 76%,
rgba(5, 5, 8, 0.99) 100%
);
}
.home-experience-card > .elementor-element {
position: relative !important;
z-index: 2 !important;
}
.home-experience-card__title,
.home-experience-card__subtitle {
width: 100% !important;
text-align: center !important;
}
.home-experience-card__title,
.home-experience-card__title * {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
text-shadow:
0 2px 12px rgba(0, 0, 0, 0.72);
}
.home-experience-card__subtitle,
.home-experience-card__subtitle * {
color: rgba(255, 255, 255, 0.88) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
text-align: center !important;
text-shadow:
0 2px 10px rgba(0, 0, 0, 0.7);
}
.home-experience-card__subtitle::before,
.home-experience-card__subtitle::after {
content: none !important;
}
.home-experience-card__subtitle
> .elementor-widget-container {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
gap: 18px;
}
.home-experience-card__subtitle
.elementor-heading-title,
.home-experience-card__subtitle p {
flex: 0 1 auto;
width: auto !important;
margin: 0 !important;
text-align: center !important;
white-space: nowrap;
}
.home-experience-card__subtitle
> .elementor-widget-container::before,
.home-experience-card__subtitle
> .elementor-widget-container::after {
content: "";
display: block;
flex: 0 1 52px;
width: 52px;
max-width: 52px;
height: 1px;
background: linear-gradient(
90deg,
transparent,
var(--home-gold)
);
box-shadow:
0 0 8px rgba(225, 184, 75, 0.35);
}
.home-experience-card__subtitle
> .elementor-widget-container::after {
transform: scaleX(-1);
}
.home-experience-card__button a.elementor-button {
color: #050508;
background:
rgba(225, 184, 75, 0.84) !important;
border:
1px solid rgba(225, 184, 75, 0.84);
border-radius: 10px;
box-shadow:
0 8px 26px rgba(0, 0, 0, 0.28);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
transition:
color 300ms ease,
background-color 300ms ease,
border-color 300ms ease,
box-shadow 300ms ease;
}
.home-experience-card__button
a.elementor-button:hover,
.home-experience-card__button
a.elementor-button:focus-visible {
color: var(--home-black);
background:
var(--home-gold-light) !important;
border-color: var(--home-gold-light);
box-shadow:
0 0 28px rgba(225, 184, 75, 0.32);
}
.home-experience-card:hover {
border-color: var(--home-gold-light);
box-shadow:
0 0 0 1px rgba(255, 217, 112, 0.15),
0 0 38px rgba(225, 184, 75, 0.22);
transform: translateY(-6px);
}
.home-reveal {
opacity: 0;
transform:
translateY(40px);
transition:
opacity 900ms ease,
transform 1100ms
cubic-bezier(0.2, 0.75, 0.25, 1);
}
.home-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
.home-experience-card.home-reveal {
transform:
translateY(55px)
scale(0.985);
}
.home-experience-card.home-reveal.is-visible {
transform:
translateY(0)
scale(1);
}
.home-experience-card--metz {
transition-delay: 100ms;
}
.home-experience-card--strasbourg {
transition-delay: 260ms;
}
.home-experience-card.home-reveal.is-visible:hover {
transform: translateY(-6px);
}
@media (max-width: 767px) {
.home-hero::after {
background:
linear-gradient(
180deg,
rgba(5, 5, 8, 0.4),
rgba(5, 5, 8, 0.48) 45%,
var(--home-black) 100%
),
linear-gradient(
90deg,
rgba(5, 5, 8, 0.68),
rgba(5, 5, 8, 0.16)
);
}
.home-hero__aside {
display: none !important;
}
.home-hero__keywords::before,
.home-hero__keywords::after {
width: 44px;
}
.home-hero__scroll {
bottom: 20px;
width:
calc(100% - 40px) !important;
}
.home-hero__scroll a.elementor-button {
width: 100%;
}
.home-particles--hero {
opacity:
var(--home-particles-opacity);
}
.home-particles--experiences {
opacity: 0.4;
}
.home-particles--hero
.home-particle--streak {
height: 38px;
}
.home-experience-card {
border-radius: 8px !important;
}
.home-experience-card:hover,
.home-experience-card.home-reveal.is-visible:hover {
transform: none;
}
.home-experience-card__subtitle
> .elementor-widget-container {
gap: 12px;
}
.home-experience-card__subtitle
> .elementor-widget-container::before,
.home-experience-card__subtitle
> .elementor-widget-container::after {
flex-basis: 28px;
width: 28px;
max-width: 28px;
}
.home-experience-card__subtitle
.elementor-heading-title,
.home-experience-card__subtitle p {
white-space: normal;
}
}
html {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.home-hero::before,
.home-particles {
display: none;
}
.home-hero__main,
.home-hero__keywords,
.home-hero__aside,
.home-hero__content,
.home-reveal,
.home-reveal.is-visible,
.home-experience-card,
.home-experience-card__button
a.elementor-button {
opacity: 1;
transform: none;
transition: none;
}
}
.home-architecture {
position: relative;
isolation: isolate;
overflow: hidden;
color: var(--home-ivory);
background:
radial-gradient(
ellipse at 50% 100%,
rgba(225, 184, 75, 0.08) 0%,
transparent 50%
),
var(--home-black);
}
.home-architecture::before {
content: "";
position: absolute;
z-index: 0;
top: 0;
right: 0;
left: 0;
height: 180px;
pointer-events: none;
background: linear-gradient(
180deg,
var(--home-black) 0%,
rgba(5, 5, 8, 0.88) 45%,
transparent 100%
);
}
.home-architecture::after {
content: "";
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
left: 0;
height: clamp(150px, 16vw, 240px);
pointer-events: none;
background: linear-gradient(
180deg,
transparent 0%,
rgba(5, 5, 8, 0.18) 38%,
rgba(5, 5, 8, 0.7) 76%,
var(--home-black) 100%
);
}
.home-architecture__header,
.home-architecture__features {
position: relative;
z-index: 2;
}
.home-architecture__title,
.home-architecture__title * {
color: var(--home-ivory) !important;
-webkit-text-fill-color: var(--home-ivory) !important;
text-align: center !important;
text-shadow:
0 2px 18px rgba(0, 0, 0, 0.55);
}
.home-architecture__subtitle,
.home-architecture__subtitle * {
color: rgba(247, 243, 232, 0.58) !important;
-webkit-text-fill-color: rgba(247, 243, 232, 0.58) !important;
text-align: center !important;
}
.home-architecture__subtitle::before {
content: "";
display: block;
width: 70px;
height: 1px;
margin: 0 auto 18px;
background: linear-gradient(
90deg,
transparent,
var(--home-gold),
transparent
);
box-shadow:
0 0 12px rgba(225, 184, 75, 0.38);
}
.home-architecture-feature {
position: relative;
z-index: 2;
color: var(--home-ivory);
}
.home-architecture-feature:not(:last-child)::after {
content: "";
position: absolute;
top: 15%;
right: 0;
width: 1px;
height: 70%;
background: linear-gradient(
180deg,
transparent,
rgba(225, 184, 75, 0.42),
transparent
);
}
.home-architecture-feature__icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 74px !important;
height: 74px;
margin-right: auto;
margin-left: auto;
border: 1px solid rgba(225, 184, 75, 0.9);
border-radius: 50%;
background:
radial-gradient(
circle at center,
rgba(225, 184, 75, 0.08),
transparent 68%
);
box-shadow:
inset 0 0 16px rgba(225, 184, 75, 0.04),
0 0 22px rgba(225, 184, 75, 0.08);
transition:
border-color 350ms ease,
background-color 350ms ease,
box-shadow 350ms ease,
transform 350ms ease;
}
.home-architecture-feature__icon
.elementor-widget-container {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.home-architecture-feature__icon i,
.home-architecture-feature__icon svg {
color: var(--home-gold-light) !important;
fill: var(--home-gold-light) !important;
filter:
drop-shadow(
0 0 7px rgba(225, 184, 75, 0.38)
);
}
.home-architecture-feature:hover
.home-architecture-feature__icon {
border-color: var(--home-gold-light);
background:
radial-gradient(
circle at center,
rgba(225, 184, 75, 0.16),
rgba(225, 184, 75, 0.02) 68%
);
box-shadow:
inset 0 0 20px rgba(225, 184, 75, 0.08),
0 0 28px rgba(225, 184, 75, 0.18);
transform: translateY(-4px);
}
.home-architecture-feature__title,
.home-architecture-feature__title * {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
text-align: center !important;
text-shadow:
0 2px 12px rgba(0, 0, 0, 0.6);
}
.home-architecture-feature__text,
.home-architecture-feature__text * {
color: rgba(247, 243, 232, 0.72) !important;
-webkit-text-fill-color: rgba(247, 243, 232, 0.72) !important;
text-align: center !important;
}
.home-architecture__header.home-reveal {
opacity: 0;
transform: translateY(28px);
}
.home-architecture__header.home-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
.home-architecture-feature.home-reveal {
opacity: 0;
transform: translateY(42px);
}
.home-architecture-feature.home-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
.home-architecture-feature--mapping {
transition-delay: 100ms;
}
.home-architecture-feature--sound {
transition-delay: 220ms;
}
.home-architecture-feature--duration {
transition-delay: 340ms;
}
.home-architecture-feature.home-reveal
.home-architecture-feature__icon {
opacity: 0;
transform: scale(0.82);
transition:
opacity 700ms ease,
transform 900ms cubic-bezier(0.2, 0.75, 0.25, 1),
border-color 350ms ease,
box-shadow 350ms ease;
}
.home-architecture-feature.home-reveal.is-visible
.home-architecture-feature__icon {
opacity: 1;
transform: scale(1);
}
.home-architecture-feature.home-reveal.is-visible:hover
.home-architecture-feature__icon {
transform: translateY(-4px) scale(1);
}
@media (max-width: 767px) {
.home-architecture-feature:not(:last-child)::after {
top: auto;
right: 15%;
bottom: 0;
left: 15%;
width: auto;
height: 1px;
background: linear-gradient(
90deg,
transparent,
rgba(225, 184, 75, 0.38),
transparent
);
}
.home-architecture-feature__icon {
width: 68px !important;
height: 68px;
}
}
.home-impact {
position: relative;
isolation: isolate;
overflow: hidden;
color: var(--home-ivory);
background-color: var(--home-black);
}
.home-impact__content {
position: relative;
z-index: 3;
width: 100%;
}
.home-impact__symbol,
.home-impact__symbol * {
color: var(--home-gold-light) !important;
fill: var(--home-gold-light) !important;
-webkit-text-fill-color: var(--home-gold-light) !important;
text-align: center !important;
filter:
drop-shadow(
0 0 9px rgba(255, 217, 112, 0.75)
);
}
.home-impact__eyebrow,
.home-impact__eyebrow *,
.home-impact__label,
.home-impact__label * {
color: var(--home-ivory) !important;
-webkit-text-fill-color: var(--home-ivory) !important;
text-align: center !important;
text-shadow:
0 2px 14px rgba(0, 0, 0, 0.8);
}
.home-impact__amount,
.home-impact__amount * {
color: var(--home-gold-light) !important;
-webkit-text-fill-color: transparent !important;
text-align: center !important;
background: linear-gradient(
180deg,
#fff2ad 0%,
#ffd970 40%,
#e1b84b 72%,
#ad7717 100%
);
-webkit-background-clip: text;
background-clip: text;
filter:
drop-shadow(
0 0 16px rgba(225, 184, 75, 0.28)
);
}
.home-impact__description,
.home-impact__description * {
color: rgba(247, 243, 232, 0.68) !important;
-webkit-text-fill-color: rgba(247, 243, 232, 0.68) !important;
text-align: center !important;
}
.home-impact__commitment {
position: relative;
width: min(680px, 100%);
border-top:
1px solid rgba(225, 184, 75, 0.34);
background: radial-gradient(
ellipse at top,
rgba(225, 184, 75, 0.045),
transparent 68%
);
}
.home-impact__commitment::before {
content: "";
position: absolute;
top: -3px;
left: 50%;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--home-gold-light);
box-shadow:
0 0 8px rgba(255, 217, 112, 0.9),
0 0 18px rgba(225, 184, 75, 0.5);
transform: translateX(-50%);
}
.home-impact__commitment-eyebrow,
.home-impact__commitment-eyebrow *,
.home-impact__commitment-text,
.home-impact__commitment-text * {
color: rgba(247, 243, 232, 0.62) !important;
-webkit-text-fill-color: rgba(247, 243, 232, 0.62) !important;
text-align: center !important;
}
.home-impact__commitment-title,
.home-impact__commitment-title * {
color: var(--home-ivory) !important;
-webkit-text-fill-color: var(--home-ivory) !important;
text-align: center !important;
}
.home-impact__commitment-title strong {
color: var(--home-gold-light) !important;
-webkit-text-fill-color: var(--home-gold-light) !important;
text-shadow:
0 0 12px rgba(225, 184, 75, 0.32);
}
.home-impact__content.home-reveal {
opacity: 0;
transform:
translateY(38px)
scale(0.985);
transition:
opacity 1000ms ease,
transform 1200ms
cubic-bezier(0.2, 0.75, 0.25, 1);
}
.home-impact__content.home-reveal.is-visible {
opacity: 1;
transform:
translateY(0)
scale(1);
}
.home-impact__amount {
transition:
filter 900ms ease,
transform 1000ms
cubic-bezier(0.2, 0.75, 0.25, 1);
}
.home-impact__content.home-reveal:not(.is-visible)
.home-impact__amount {
filter:
drop-shadow(
0 0 0 rgba(225, 184, 75, 0)
);
transform: scale(0.9);
}
.home-impact__content.home-reveal.is-visible
.home-impact__amount {
transform: scale(1);
}
@media (max-width: 767px) {
.home-impact {
background-color: var(--home-black);
}
.home-impact__content {
width: 100%;
}
.home-impact__commitment {
width: 100%;
}
}
.celeste-manifeste {
position: relative;
isolation: isolate;
min-height: 1050px;
margin-top: -2px !important;
padding: clamp(175px, 15vw, 230px) 32px
clamp(140px, 12vw, 190px) !important;
overflow: hidden;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.celeste-manifeste::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
linear-gradient(
180deg,
rgba(2, 2, 5, 0.9) 0%,
rgba(2, 3, 8, 0.48) 24%,
rgba(2, 3, 8, 0.1) 55%,
rgba(2, 3, 8, 0.42) 82%,
#020205 100%
);
}
.celeste-manifeste::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: clamp(280px, 28vw, 390px);
z-index: 1;
pointer-events: none;
background: linear-gradient(
180deg,
#050508 0%,
rgba(5, 5, 8, 0.98) 15%,
rgba(3, 4, 9, 0.88) 38%,
rgba(2, 3, 8, 0.48) 67%,
rgba(2, 3, 8, 0) 100%
);
}
.celeste-manifeste__inner {
position: relative;
z-index: 3;
width: min(100%, 1240px);
margin-inline: auto;
}
.celeste-manifeste__inner::before {
content: "";
position: absolute;
top: clamp(-155px, -11vw, -115px);
left: 50%;
width: min(82vw, 1080px);
height: 150px;
pointer-events: none;
transform: translateX(-50%);
background: radial-gradient(
ellipse at center,
rgba(202, 161, 65, 0.11) 0%,
rgba(202, 161, 65, 0.04) 38%,
transparent 72%
);
filter: blur(18px);
opacity: 0.72;
}
.celeste-manifeste__title {
position: relative;
width: 100%;
margin: 0 !important;
text-align: center;
}
.celeste-manifeste__title .elementor-heading-title {
margin: 0 !important;
color: #f3f0e9 !important;
font-size: clamp(32px, 3.1vw, 48px) !important;
font-weight: 300 !important;
line-height: 1.2 !important;
letter-spacing: 0.17em !important;
text-transform: uppercase;
}
.celeste-manifeste__title::after {
content: "";
display: block;
width: 64px;
height: 1px;
margin: 28px auto 0;
background: #c9a347;
box-shadow: 0 0 14px rgba(201, 163, 71, 0.6);
}
.celeste-manifeste__subtitle {
width: min(100%, 970px);
margin: 24px auto 0 !important;
text-align: center;
}
.celeste-manifeste__subtitle,
.celeste-manifeste__subtitle p {
color: rgba(243, 240, 233, 0.78) !important;
font-size: clamp(12px, 1.15vw, 15px) !important;
font-weight: 300 !important;
line-height: 1.8 !important;
letter-spacing: 0.2em !important;
text-transform: uppercase;
}
.celeste-manifeste__subtitle p {
margin: 0 !important;
}
.celeste-manifeste__content {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) !important;
align-items: start;
column-gap: clamp(55px, 7vw, 105px) !important;
row-gap: 0 !important;
padding: 0 !important;
width: min(100%, 1160px);
margin: clamp(75px, 8vw, 115px) auto 0 !important;
}
.celeste-manifeste__text {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 clamp(10px, 1.5vw, 24px) !important;
justify-self: stretch !important;
align-self: start !important;
}
.celeste-manifeste__text.elementor-element {
--width: 100% !important;
--container-widget-width: 100% !important;
--container-widget-flex-grow: 1 !important;
}
.celeste-manifeste__text .elementor-widget-container {
width: 100% !important;
max-width: 500px;
}
.celeste-manifeste__text--left .elementor-widget-container {
margin-right: auto;
}
.celeste-manifeste__text--right .elementor-widget-container {
margin-left: auto;
}
.celeste-manifeste__text,
.celeste-manifeste__text p {
color: rgba(243, 240, 233, 0.82) !important;
font-size: clamp(14px, 1.1vw, 16px) !important;
font-weight: 300 !important;
line-height: 1.75 !important;
letter-spacing: 0.015em !important;
text-align: left !important;
}
.celeste-manifeste__text p {
margin: 0 !important;
}
.celeste-manifeste__line {
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 180px;
align-self: center;
justify-self: center !important;
margin: 0 !important;
padding: 0 !important;
background: linear-gradient(
180deg,
transparent,
rgba(216, 177, 82, 0.9),
transparent
);
box-shadow: 0 0 18px rgba(216, 177, 82, 0.45);
}
@media (max-width: 1024px) {
.celeste-manifeste {
min-height: 940px;
padding-inline: 42px;
}
.celeste-manifeste__content {
gap: 45px;
margin-top: 70px !important;
}
.celeste-manifeste__title .elementor-heading-title {
letter-spacing: 0.12em !important;
}
}
@media (max-width: 767px) {
.celeste-manifeste {
min-height: auto;
padding: 125px 24px 120px !important;
background-position: center bottom !important;
}
.celeste-manifeste::after {
height: 220px;
}
.celeste-manifeste__inner::before {
top: -100px;
height: 110px;
}
.celeste-manifeste__title .elementor-heading-title {
font-size: clamp(27px, 8vw, 36px) !important;
line-height: 1.25 !important;
letter-spacing: 0.1em !important;
}
.celeste-manifeste__title::after {
width: 44px;
margin-top: 24px;
}
.celeste-manifeste__subtitle {
margin-top: 22px !important;
}
.celeste-manifeste__subtitle,
.celeste-manifeste__subtitle p {
font-size: 11px !important;
line-height: 1.8 !important;
letter-spacing: 0.14em !important;
}
.celeste-manifeste__content {
display: flex !important;
flex-direction: column !important;
gap: 30px !important;
margin-top: 58px !important;
}
.celeste-manifeste__text,
.celeste-manifeste__text p,
.celeste-manifeste__text .elementor-heading-title {
color: rgba(243, 240, 233, 0.82) !important;
font-size: clamp(13px, 1vw, 15px) !important;
font-weight: 300 !important;
line-height: 1.95 !important;
letter-spacing: 0.075em !important;
text-align: left !important;
}
.celeste-manifeste__text {
padding: 0 !important;
}
.celeste-manifeste__text .elementor-widget-container {
max-width: none;
}
.celeste-manifeste__line {
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 1px;
align-self: flex-start;
background: linear-gradient(
90deg,
rgba(216, 177, 82, 0.9),
transparent
);
}
}
.celeste-manifeste > .celeste-manifeste__inner {
position: relative !important;
z-index: 3 !important;
}
.elementor-2370 .home-architecture-feature__icon .elementor-icon-wrapper {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.elementor-2370 .home-architecture-feature__icon .elementor-icon {
width: 70px !important;
height: 70px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
.elementor-2370 .home-architecture-feature__icon .elementor-icon svg {
width: 52px !important;
height: 52px !important;
display: block !important;
margin: 0 !important;
position: static !important;
transform: none !important;
}
.elementor-2370 .celeste-manifeste__title::after {
content: "" !important;
display: block !important;
width: 70px !important;
height: 1px !important;
margin: 18px auto 0 !important;
background-color: transparent !important;
background-image: linear-gradient(
90deg,
rgba(0, 0, 0, 0),
rgb(225, 184, 75),
rgba(0, 0, 0, 0)
) !important;
box-shadow: rgba(225, 184, 75, 0.38) 0px 0px 12px 0px !important;
}
.elementor-2370 .celeste-manifeste__content {
margin-top: 125px !important;
column-gap: 120px !important;
row-gap: 48px !important;
}
.elementor-2370 .celeste-manifeste__text {
max-width: 470px !important;
}
.elementor-2370 .celeste-manifeste__text .ld-fh-element,
.elementor-2370 .celeste-manifeste__text p {
font-size: 15px !important;
line-height: 2.05 !important;
letter-spacing: 0.075em !important;
color: rgba(243, 240, 233, 0.82) !important;
}
.elementor-2370 .celeste-manifeste__subtitle {
margin-top: 34px !important;
}
.elementor-2370 .celeste-manifeste__subtitle .ld-fh-element,
.elementor-2370 .celeste-manifeste__subtitle p {
line-height: 1.95 !important;
letter-spacing: 0.16em !important;
}
.celeste-reveal {
opacity: 0;
transform: translateY(34px);
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);
will-change: opacity, transform, filter;
}
.celeste-reveal.is-visible {
opacity: 1;
transform: translateY(0);
filter: blur(0);
}
.celeste-reveal--title {
transform: translateY(42px);
filter: blur(10px);
transition-duration: 1.35s;
}
.celeste-reveal--subtitle {
transform: translateY(26px);
filter: blur(6px);
transition-duration: 1.1s;
}
.celeste-reveal--text {
transform: translateY(30px);
filter: blur(5px);
transition-duration: 1.2s;
}
.celeste-reveal--icon {
transform: translateY(22px) scale(.92);
filter: blur(5px);
transition:
opacity .95s cubic-bezier(.18,.84,.28,1),
transform .95s cubic-bezier(.18,.84,.28,1),
filter .95s cubic-bezier(.18,.84,.28,1);
}
.celeste-reveal--icon.is-visible {
transform: translateY(0) scale(1);
}
.celeste-reveal--line {
opacity: 0;
transform: scaleX(0);
transform-origin: center;
filter: none;
transition:
opacity .9s ease,
transform 1.2s cubic-bezier(.18,.84,.28,1);
}
.celeste-reveal--line.is-visible {
opacity: 1;
transform: scaleX(1);
}
.celeste-delay-1 { transition-delay: .08s; }
.celeste-delay-2 { transition-delay: .16s; }
.celeste-delay-3 { transition-delay: .24s; }
.celeste-delay-4 { transition-delay: .34s; }
.celeste-delay-5 { transition-delay: .46s; }
.celeste-manifeste::before {
animation: celesteGlowDrift 8s ease-in-out infinite alternate;
}
@keyframes celesteGlowDrift {
from {
opacity: .72;
transform: translate3d(-1.5%, -1%, 0) scale(1);
}
to {
opacity: 1;
transform: translate3d(1.5%, 1%, 0) scale(1.04);
}
}
.home-architecture-feature__icon.is-visible .elementor-icon,
.home-impact__symbol.is-visible .elementor-icon {
animation: celesteIconFloat 4.8s ease-in-out infinite;
}
@keyframes celesteIconFloat {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
}
@media (prefers-reduced-motion: reduce) {
.celeste-reveal,
.celeste-reveal::before,
.celeste-reveal::after {
opacity: 1 !important;
transform: none !important;
filter: none !important;
transition: none !important;
animation: none !important;
}
}
.celeste-image-fade,
.home-architecture,
.celeste-manifeste {
position: relative !important;
overflow: hidden;
--celeste-darkness: 0.15;
}
.celeste-image-fade::before,
.home-architecture::before,
.celeste-manifeste::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background: rgba(2, 2, 5, var(--celeste-darkness));
transition: background 0.12s linear;
}
.celeste-image-fade > *,
.home-architecture > *,
.celeste-manifeste > * {
position: relative;
z-index: 1;
}
.celeste-footer {
position: relative !important;
background: #050508 !important;
overflow: visible !important;
}
.celeste-footer::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -180px;
height: 180px;
pointer-events: none;
z-index: 0;
background: linear-gradient(
to bottom,
rgba(5, 5, 8, 0) 0%,
rgba(5, 5, 8, 0.35) 42%,
rgba(5, 5, 8, 0.78) 76%,
#050508 100%
);
}
.celeste-footer > * {
position: relative;
z-index: 1;
}
.celeste-footer::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -260px;
height: 260px;
pointer-events: none;
z-index: 0;
background:
radial-gradient(
ellipse at center top,
rgba(225, 184, 75, 0.08) 0%,
rgba(225, 184, 75, 0.025) 32%,
rgba(5, 5, 8, 0) 62%
),
linear-gradient(
to bottom,
rgba(5, 5, 8, 0) 0%,
rgba(5, 5, 8, 0.32) 38%,
rgba(5, 5, 8, 0.82) 78%,
#050508 100%
);
}
.home-experiences__grid > .split-unit.lqd-chars {
color: #050508;
}
.nav-trigger .bar {
background-color: #ffffff !important;
transition: all .3s;
}
span.bar.d-inline-block.pos-rel {
color: #ffffff !important;
}
.lqd-lity-content {
background-color: #050508 !important;
}