:root {
--wmc-v10-ink: #07131c;
--wmc-v10-paper: #f5f3ee;
--wmc-v10-red: #ee2737;
--wmc-v10-cyan: #00a9c3;
--wmc-v10-line: rgba(7, 19, 28, .14);
}
body:has(.wmc-home-v10) .tm-header,
body:has(.wmc-home-v10) .tm-header-mobile,
body:has(.wmc-events-v10) .tm-header,
body:has(.wmc-events-v10) .tm-header-mobile {
display: none !important;
}
body:has(.wmc-home-v10) .gt_switcher_wrapper,
body:has(.wmc-events-v10) .gt_switcher_wrapper,
body:has(.wmc-page-v11) .gt_switcher_wrapper {
display: none !important;
}
body:has(.wmc-home-v10) #tm-main,
body:has(.wmc-events-v10) #tm-main {
margin: 0 !important;
padding: 0 !important;
}
.wmc-v10-shell > .uk-container,
.wmc-v10-shell .uk-container,
.wmc-v10-shell .uk-grid,
.wmc-v10-shell .uk-width-1-1 {
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.wmc-home-v10,
.wmc-events-v10 {
overflow: clip;
margin: 0 calc(50% - 50vw);
background: var(--wmc-v10-paper);
color: var(--wmc-v10-ink);
}
.wmc-home-v10 *,
.wmc-events-v10 * {
box-sizing: border-box;
}
.wmc-home-v10 h1,
.wmc-home-v10 h2,
.wmc-home-v10 h3,
.wmc-events-v10 h1,
.wmc-events-v10 h2,
.wmc-events-v10 h3 {
margin: 0;
color: inherit;
font-weight: 900;
letter-spacing: -.045em;
}
.wmc-v10-kicker,
.wmc-v10-heading span,
.wmc-v10-story-copy > span,
.wmc-v10-join span,
.wmc-events-v10-intro > span,
.wmc-events-v10-annex span {
display: inline-flex;
align-items: center;
gap: 12px;
color: var(--wmc-v10-red);
font-size: 12px;
font-weight: 900;
letter-spacing: .18em;
}
.wmc-v10-kicker::before,
.wmc-v10-heading span::before,
.wmc-v10-story-copy > span::before,
.wmc-events-v10-intro > span::before {
width: 36px;
height: 3px;
background: var(--wmc-v10-red);
content: "";
}
.wmc-v10-button {
display: inline-flex;
min-height: 54px;
align-items: center;
justify-content: center;
padding: 0 26px;
border: 1px solid currentColor;
color: inherit !important;
font-size: 12px;
font-weight: 900;
letter-spacing: .1em;
text-decoration: none !important;
transition: transform .28s ease, color .28s ease, background .28s ease, border-color .28s ease;
}
.wmc-v10-button:hover {
transform: translateY(-3px);
}
.wmc-v10-button.is-primary {
border-color: var(--wmc-v10-red);
background: var(--wmc-v10-red);
color: #fff !important;
}
.wmc-v10-hero {
display: grid;
min-height: 760px;
grid-template-columns: minmax(420px, 42%) 1fr;
background: #f8f6f1;
}
.wmc-v10-hero-copy {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px clamp(38px, 6vw, 104px);
}
.wmc-v10-hero-copy::after {
position: absolute;
z-index: -1;
top: 0;
right: -180px;
width: 260px;
height: 100%;
background: linear-gradient(90deg, #f8f6f1 10%, rgba(248,246,241,.86) 38%, transparent);
content: "";
pointer-events: none;
}
.wmc-v10-hero h1 {
max-width: 720px;
margin: 26px 0 30px;
font-size: clamp(58px, 6vw, 104px);
line-height: .88;
}
.wmc-v10-hero h1 em,
.wmc-events-v10-intro h1 em {
color: var(--wmc-v10-red);
font-style: normal;
}
.wmc-v10-hero-copy > p {
max-width: 600px;
margin: 0;
color: rgba(7,19,28,.72);
font-size: 19px;
line-height: 1.65;
}
.wmc-v10-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 34px;
}
.wmc-v10-proof {
display: grid;
max-width: 590px;
grid-template-columns: auto 1fr;
gap: 5px 16px;
margin-top: 44px;
padding-top: 24px;
border-top: 1px solid var(--wmc-v10-line);
font-size: 13px;
}
.wmc-v10-proof b {
color: var(--wmc-v10-cyan);
letter-spacing: .08em;
}
.wmc-v10-proof span {
color: rgba(7,19,28,.58);
}
.wmc-v10-hero-image {
position: relative;
min-height: 760px;
background:
linear-gradient(180deg, rgba(3,10,17,.04), rgba(3,10,17,.42)),
url(//wmc.paris/wp-content/themes/yootheme-wmc/assets/images/wmc-hero-tour-eiffel.webp) center / cover no-repeat;
}
.wmc-v10-hero-image::before {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(0,169,195,.1), transparent 42%, rgba(238,39,55,.08));
content: "";
}
.wmc-v10-hero-event {
position: absolute;
right: clamp(28px, 5vw, 82px);
bottom: 54px;
width: min(470px, calc(100% - 56px));
padding: 30px;
border: 1px solid rgba(255,255,255,.3);
border-bottom: 3px solid var(--wmc-v10-red);
background: rgba(5,16,24,.87);
color: #fff;
backdrop-filter: blur(18px);
}
.wmc-v10-hero-event span {
color: var(--wmc-v10-cyan);
font-size: 11px;
font-weight: 900;
letter-spacing: .17em;
}
.wmc-v10-hero-event strong {
display: block;
margin: 13px 0 6px;
font-size: clamp(24px, 2.2vw, 38px);
}
.wmc-v10-hero-event p {
margin: 0 0 18px;
color: rgba(255,255,255,.72);
font-size: 13px;
}
.wmc-v10-hero-event a {
color: #fff !important;
font-size: 12px;
font-weight: 900;
letter-spacing: .08em;
}
.wmc-v10-section {
padding: 110px max(28px, calc((100vw - 1360px) / 2));
}
.wmc-v10-heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 40px;
margin-bottom: 48px;
}
.wmc-v10-heading h2 {
margin-top: 14px;
font-size: clamp(42px, 5vw, 74px);
line-height: .94;
}
.wmc-v10-heading > p {
max-width: 480px;
margin: 0;
color: rgba(7,19,28,.62);
font-size: 17px;
line-height: 1.6;
}
.wmc-v10-heading > a {
flex: 0 0 auto;
color: var(--wmc-v10-ink) !important;
font-size: 12px;
font-weight: 900;
letter-spacing: .08em;
}
.wmc-v10-feature-grid {
display: grid;
min-height: 660px;
grid-template-columns: 1.35fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 16px;
}
.wmc-v10-feature-card {
position: relative;
min-height: 320px;
overflow: hidden;
background: #08151e;
}
.wmc-v10-feature-card.is-large {
grid-row: 1 / -1;
}
.wmc-v10-feature-card::before,
.wmc-v10-ride-grid a::before,
.wmc-events-v10-cards article::before,
.wmc-events-v10-archive-grid a::before {
position: absolute;
inset: 0;
content: "";
transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .7s ease;
}
.wmc-v10-feature-card::before {
background: var(--card-image) center / cover no-repeat;
}
.wmc-v10-ride-grid a::before {
background: var(--ride-image) center / cover no-repeat;
}
.wmc-events-v10-cards article::before {
background: var(--event-image) center / cover no-repeat;
}
.wmc-events-v10-archive-grid a::before {
background: var(--archive-image) center / cover no-repeat;
} .wmc-v10-feature-grid .wmc-v10-feature-card:nth-child(2) {
--card-image: url(//wmc.paris/wp-content/uploads/2026/07/summer-wheel-2025-514701221.webp) !important;
}
.wmc-events-v10-cards article:nth-child(2) {
--event-image: url(//wmc.paris/wp-content/uploads/2026/07/summer-wheel-2025-514701221.webp) !important;
}
.wmc-v10-feature-card::after,
.wmc-v10-ride-grid a::after,
.wmc-events-v10-cards article::after,
.wmc-events-v10-archive-grid a::after {
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(3,10,17,.94), rgba(3,10,17,.04) 68%);
content: "";
}
.wmc-v10-feature-card:hover::before,
.wmc-v10-ride-grid a:hover::before,
.wmc-events-v10-cards article:hover::before,
.wmc-events-v10-archive-grid a:hover::before {
filter: saturate(1.08);
transform: scale(1.055);
}
.wmc-v10-feature-card > a {
position: relative;
z-index: 2;
display: flex;
height: 100%;
min-height: inherit;
flex-direction: column;
justify-content: space-between;
padding: 30px;
color: #fff !important;
text-decoration: none !important;
}
.wmc-v10-feature-card > a > span,
.wmc-events-v10-cards span {
align-self: flex-start;
padding: 8px 10px;
background: rgba(5,16,24,.72);
font-size: 10px;
font-weight: 900;
letter-spacing: .13em;
}
.wmc-v10-feature-card > a > span.is-upcoming,
.wmc-events-v10-cards span.is-upcoming {
background: var(--wmc-v10-red);
}
.wmc-v10-feature-card h3 {
color: #fff;
font-size: clamp(30px, 3.1vw, 55px);
line-height: .95;
}
.wmc-v10-feature-card:not(.is-large) h3 {
font-size: clamp(25px, 2.4vw, 39px);
}
.wmc-v10-feature-card p {
max-width: 620px;
margin: 12px 0 20px;
color: rgba(255,255,255,.74);
font-size: 15px;
}
.wmc-v10-feature-card b {
color: var(--wmc-v10-cyan);
font-size: 11px;
letter-spacing: .12em;
}
.wmc-v10-rides {
background: #fff;
}
.wmc-v10-ride-grid {
display: grid;
min-height: 520px;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.wmc-v10-ride-grid > a {
position: relative;
display: flex;
min-height: 520px;
overflow: hidden;
align-items: end;
justify-content: space-between;
padding: 32px;
color: #fff !important;
text-decoration: none !important;
}
.wmc-v10-ride-grid > a > * {
position: relative;
z-index: 2;
}
.wmc-v10-ride-grid > a > span {
align-self: flex-start;
color: var(--wmc-v10-cyan);
font-size: 13px;
font-weight: 900;
letter-spacing: .14em;
}
.wmc-v10-ride-grid h3 {
color: #fff;
font-size: clamp(31px, 3vw, 52px);
line-height: .92;
}
.wmc-v10-ride-grid p {
margin: 10px 0 0;
color: rgba(255,255,255,.7);
}
.wmc-v10-stories {
display: grid;
grid-template-columns: .8fr 1.2fr;
background: var(--wmc-v10-ink);
color: #fff;
}
.wmc-v10-story-copy {
display: flex;
flex-direction: column;
justify-content: center;
padding: 90px clamp(36px, 6vw, 110px);
}
.wmc-v10-story-copy h2 {
margin: 18px 0 24px;
color: #fff;
font-size: clamp(43px, 5vw, 78px);
line-height: .92;
}
.wmc-v10-story-copy p {
max-width: 600px;
margin: 0 0 32px;
color: rgba(255,255,255,.68);
font-size: 17px;
line-height: 1.65;
}
.wmc-v10-story-copy .wmc-v10-button {
align-self: flex-start;
}
.wmc-v10-story-slider {
min-height: 680px;
}
.wmc-v10-story-slider .uk-slideshow-items {
min-height: 680px !important;
}
.wmc-v10-story-slider li::after,
.wmc-events-v10-slideshow li::after {
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(3,10,17,.9), transparent 62%);
content: "";
}
.wmc-v10-story-slider li > div,
.wmc-events-v10-slideshow li > div {
position: absolute;
z-index: 2;
right: 40px;
bottom: 42px;
left: 40px;
display: flex;
align-items: end;
justify-content: space-between;
gap: 24px;
}
.wmc-v10-story-slider li span {
color: #fff;
font-size: clamp(27px, 3vw, 52px);
font-weight: 900;
}
.wmc-v10-story-slider li a {
color: var(--wmc-v10-cyan) !important;
font-size: 11px;
font-weight: 900;
letter-spacing: .1em;
}
.wmc-v10-join {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
padding: 72px max(28px, calc((100vw - 1360px) / 2));
border-top: 4px solid transparent;
border-image: linear-gradient(90deg, var(--wmc-v10-cyan), var(--wmc-v10-red)) 1;
background: #06131c;
color: #fff;
}
.wmc-v10-join h2 {
margin: 10px 0;
color: #fff;
font-size: clamp(44px, 5vw, 78px);
}
.wmc-v10-join p {
margin: 0;
color: rgba(255,255,255,.68);
font-size: 17px;
}
.wmc-v10-join > a {
display: inline-flex;
min-width: 300px;
min-height: 64px;
align-items: center;
justify-content: center;
background: var(--wmc-v10-red);
color: #fff !important;
font-size: 13px;
font-weight: 900;
letter-spacing: .1em;
} .wmc-events-v10-hero {
display: grid;
min-height: 720px;
grid-template-columns: .82fr 1.18fr;
background: #fff;
}
.wmc-events-v10-intro {
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px clamp(38px, 6vw, 104px);
}
.wmc-events-v10-intro h1 {
margin: 24px 0 28px;
font-size: clamp(55px, 6vw, 100px);
line-height: .86;
}
.wmc-events-v10-intro p {
max-width: 640px;
margin: 0 0 32px;
color: rgba(7,19,28,.68);
font-size: 18px;
line-height: 1.65;
}
.wmc-events-v10-intro .wmc-v10-button {
align-self: flex-start;
}
.wmc-events-v10-next {
position: relative;
display: flex;
overflow: hidden;
flex-direction: column;
justify-content: space-between;
padding: 46px;
background:
linear-gradient(0deg, rgba(3,10,17,.94), rgba(3,10,17,.02) 70%),
var(--event-image) center / cover no-repeat;
color: #fff !important;
text-decoration: none !important;
}
.wmc-events-v10-next::after {
position: absolute;
inset: 0;
border: 1px solid rgba(255,255,255,.16);
content: "";
pointer-events: none;
}
.wmc-events-v10-next > * {
position: relative;
z-index: 1;
}
.wmc-events-v10-next > span {
align-self: flex-start;
padding: 10px 13px;
background: var(--wmc-v10-red);
font-size: 11px;
font-weight: 900;
letter-spacing: .15em;
}
.wmc-events-v10-next h2 {
color: #fff;
font-size: clamp(45px, 5vw, 86px);
line-height: .9;
}
.wmc-events-v10-next p {
margin: 15px 0 24px;
color: rgba(255,255,255,.74);
font-size: 17px;
}
.wmc-events-v10-next b {
color: var(--wmc-v10-cyan);
font-size: 12px;
letter-spacing: .12em;
}
.wmc-events-v10-agenda {
background: var(--wmc-v10-paper);
}
.wmc-events-v10-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.wmc-events-v10-cards article {
position: relative;
min-height: 390px;
overflow: hidden;
background: #08151e;
}
.wmc-events-v10-cards article > a {
position: relative;
z-index: 2;
display: flex;
min-height: inherit;
flex-direction: column;
justify-content: end;
padding: 28px;
color: #fff !important;
text-decoration: none !important;
}
.wmc-events-v10-cards span {
margin-bottom: auto;
}
.wmc-events-v10-cards h3 {
color: #fff;
font-size: clamp(27px, 2.6vw, 43px);
line-height: .95;
}
.wmc-events-v10-cards p {
margin: 12px 0 0;
color: rgba(255,255,255,.7);
}
.wmc-events-v10-filmstrip {
padding: 110px max(28px, calc((100vw - 1460px) / 2));
background: var(--wmc-v10-ink);
color: #fff;
}
.wmc-v10-heading.is-dark h2,
.wmc-v10-heading.is-dark > a {
color: #fff !important;
}
.wmc-events-v10-slideshow .uk-slideshow-items {
min-height: 600px !important;
}
.wmc-events-v10-slideshow li > div {
display: block;
}
.wmc-events-v10-slideshow li span {
display: block;
color: var(--wmc-v10-cyan);
font-size: 12px;
font-weight: 900;
letter-spacing: .16em;
}
.wmc-events-v10-slideshow li strong {
display: block;
margin-top: 9px;
color: #fff;
font-size: clamp(35px, 4.5vw, 72px);
line-height: .9;
}
.wmc-events-v10-archive-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 14px;
}
.wmc-events-v10-archive-grid a {
position: relative;
display: flex;
min-height: 390px;
overflow: hidden;
grid-column: span 4;
flex-direction: column;
justify-content: end;
padding: 27px;
color: #fff !important;
text-decoration: none !important;
}
.wmc-events-v10-archive-grid a:nth-child(1),
.wmc-events-v10-archive-grid a:nth-child(2) {
grid-column: span 6;
min-height: 470px;
}
.wmc-events-v10-archive-grid a > * {
position: relative;
z-index: 2;
}
.wmc-events-v10-archive-grid span {
color: var(--wmc-v10-cyan);
font-size: 10px;
font-weight: 900;
letter-spacing: .14em;
}
.wmc-events-v10-archive-grid h3 {
margin-top: 8px;
color: #fff;
font-size: clamp(29px, 3vw, 50px);
line-height: .92;
}
.wmc-events-v10-archives.is-2024 {
padding-top: 0;
}
.wmc-events-v10-archive-grid.is-six a,
.wmc-events-v10-archive-grid.is-six a:nth-child(1),
.wmc-events-v10-archive-grid.is-six a:nth-child(2) {
grid-column: span 4;
min-height: 360px;
}
.wmc-events-v10-annex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
padding: 72px max(28px, calc((100vw - 1360px) / 2));
background:
linear-gradient(100deg, rgba(2,12,19,.97), rgba(8,27,37,.88)),
url(//wmc.paris/wp-content/themes/yootheme-wmc/assets/images/wmc-circuits.webp) center / cover no-repeat;
color: #fff;
}
.wmc-events-v10-annex h2 {
margin: 12px 0;
color: #fff;
font-size: clamp(34px, 4vw, 62px);
}
.wmc-events-v10-annex p {
max-width: 820px;
margin: 0;
color: rgba(255,255,255,.7);
font-size: 17px;
}
.wmc-events-v10-annex > a {
flex: 0 0 auto;
color: var(--wmc-v10-cyan) !important;
font-size: 12px;
font-weight: 900;
letter-spacing: .1em;
}
@media (max-width: 1100px) {
.wmc-v10-hero,
.wmc-events-v10-hero {
grid-template-columns: 1fr;
}
.wmc-v10-hero-copy::after {
display: none;
}
.wmc-v10-hero-image,
.wmc-events-v10-next {
min-height: 620px;
}
.wmc-v10-feature-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
.wmc-v10-feature-card.is-large {
grid-column: 1 / -1;
grid-row: auto;
}
.wmc-v10-ride-grid,
.wmc-events-v10-cards {
grid-template-columns: repeat(2, 1fr);
}
.wmc-v10-stories {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.wmc-v10-hero {
min-height: 0;
}
.wmc-v10-hero-copy,
.wmc-events-v10-intro {
padding: 64px 24px 54px;
}
.wmc-v10-hero-copy {
min-width: 0;
}
.wmc-v10-hero h1 {
max-width: 100%;
font-size: clamp(44px, 14vw, 64px);
}
.wmc-events-v10-intro h1 {
font-size: clamp(50px, 16vw, 74px);
}
.wmc-v10-hero-image,
.wmc-events-v10-next {
min-height: 560px;
}
.wmc-v10-hero-event {
right: 18px;
bottom: 20px;
width: calc(100% - 36px);
}
.wmc-v10-section,
.wmc-events-v10-filmstrip {
padding: 78px 20px;
}
.wmc-v10-heading,
.wmc-v10-join,
.wmc-events-v10-annex {
align-items: flex-start;
flex-direction: column;
}
.wmc-v10-heading h2 {
font-size: clamp(40px, 12vw, 58px);
}
.wmc-v10-feature-grid,
.wmc-v10-ride-grid,
.wmc-events-v10-cards {
display: grid;
min-height: 0;
grid-template-columns: 1fr;
}
.wmc-v10-feature-card,
.wmc-v10-feature-card.is-large,
.wmc-v10-ride-grid > a,
.wmc-events-v10-cards article {
min-height: 420px;
}
.wmc-v10-story-copy {
padding: 78px 24px;
}
.wmc-v10-story-slider,
.wmc-v10-story-slider .uk-slideshow-items,
.wmc-events-v10-slideshow .uk-slideshow-items {
min-height: 470px !important;
}
.wmc-v10-story-slider li > div,
.wmc-events-v10-slideshow li > div {
right: 24px;
bottom: 28px;
left: 24px;
align-items: flex-start;
flex-direction: column;
}
.wmc-v10-join,
.wmc-events-v10-annex {
padding: 62px 24px;
}
.wmc-v10-join > a {
width: 100%;
min-width: 0;
}
.wmc-events-v10-next {
padding: 28px 24px;
}
.wmc-events-v10-archive-grid,
.wmc-events-v10-archive-grid.is-six {
grid-template-columns: 1fr;
}
.wmc-events-v10-archive-grid a,
.wmc-events-v10-archive-grid a:nth-child(1),
.wmc-events-v10-archive-grid a:nth-child(2),
.wmc-events-v10-archive-grid.is-six a,
.wmc-events-v10-archive-grid.is-six a:nth-child(1),
.wmc-events-v10-archive-grid.is-six a:nth-child(2) {
min-height: 390px;
grid-column: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.wmc-v10-feature-card::before,
.wmc-v10-ride-grid a::before,
.wmc-events-v10-cards article::before,
.wmc-events-v10-archive-grid a::before {
transition: none !important;
}
}