:root {
--wmc-ink: #0d1820;
--wmc-ink-2: #152732;
--wmc-paper: #f7f5f0;
--wmc-paper-2: #ebe8e1;
--wmc-red: #e62435;
--wmc-blue: #173e50;
--wmc-line: #d3cec5;
--wmc-gradient: linear-gradient(110deg, var(--wmc-blue), var(--wmc-red));
}
body:has(#wmc-rides-v1),
body:has(#wmc-community-v1),
body:has(#wmc-media-v1),
body:has(#wmc-paques-2024-pilot),
body:has(#wmc-summer-2025-pilot),
body:has(.wmc-archive-page) {
background: var(--wmc-paper);
color: var(--wmc-ink);
scroll-behavior: smooth;
}
body:has(#wmc-rides-v1) .tm-header,
body:has(#wmc-rides-v1) .tm-header-mobile,
body:has(#wmc-community-v1) .tm-header,
body:has(#wmc-community-v1) .tm-header-mobile,
body:has(#wmc-media-v1) .tm-header,
body:has(#wmc-media-v1) .tm-header-mobile,
body:has(#wmc-paques-2024-pilot) .tm-header,
body:has(#wmc-paques-2024-pilot) .tm-header-mobile,
body:has(#wmc-summer-2025-pilot) .tm-header,
body:has(#wmc-summer-2025-pilot) .tm-header-mobile,
body:has(.wmc-archive-page) .tm-header,
body:has(.wmc-archive-page) .tm-header-mobile {
display: none !important;
}
body:has(#wmc-rides-v1) #tm-main,
body:has(#wmc-community-v1) #tm-main,
body:has(#wmc-media-v1) #tm-main,
body:has(#wmc-paques-2024-pilot) #tm-main,
body:has(#wmc-summer-2025-pilot) #tm-main,
body:has(.wmc-archive-page) #tm-main {
margin: 0 !important;
padding: 0 !important;
}
.wmc-archive-shell > .uk-section,
.wmc-archive-shell.uk-section {
padding: 0 !important;
}
.wmc-archive-shell .uk-container {
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
body:has(#wmc-rides-v1) h1,
body:has(#wmc-rides-v1) h2,
body:has(#wmc-rides-v1) h3,
body:has(#wmc-community-v1) h1,
body:has(#wmc-community-v1) h2,
body:has(#wmc-community-v1) h3,
body:has(#wmc-media-v1) h1,
body:has(#wmc-media-v1) h2,
body:has(#wmc-media-v1) h3,
.wmc-archive-page h1,
.wmc-archive-page h2,
.wmc-archive-page h3 {
font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
font-weight: 900;
letter-spacing: -.025em;
text-transform: uppercase;
}
.wmc-editorial-hero {
position: relative;
overflow: hidden;
background: var(--wmc-ink);
}
.wmc-editorial-hero > .uk-section,
.wmc-editorial-hero.uk-section {
box-sizing: border-box;
min-height: 620px;
padding: 0 !important;
background-position: center !important;
background-size: cover !important;
}
.wmc-editorial-hero > .uk-section::before,
.wmc-editorial-hero.uk-section::before {
position: absolute;
inset: 0;
z-index: 0;
background:
linear-gradient(90deg, rgba(8,16,22,.95), rgba(8,16,22,.68) 44%, rgba(8,16,22,.12) 78%),
linear-gradient(0deg, rgba(8,16,22,.7), transparent 55%);
content: "";
}
.wmc-editorial-hero .uk-container,
.wmc-editorial-section .uk-container,
.wmc-editorial-cta-section .uk-container {
position: relative;
z-index: 1;
width: auto !important;
max-width: 1440px !important;
padding-right: clamp(24px, 4vw, 64px) !important;
padding-left: clamp(24px, 4vw, 64px) !important;
}
.wmc-editorial-hero .tm-grid-expand {
min-height: 620px;
align-items: center;
}
.wmc-editorial-hero-copy {
width: min(760px, 72vw);
padding: 88px 0;
color: #fff;
}
.wmc-editorial-hero-copy > span,
.wmc-editorial-heading > span {
display: flex;
align-items: center;
gap: 12px;
color: var(--wmc-red);
font-size: 13px;
font-weight: 900;
letter-spacing: .18em;
}
.wmc-editorial-hero-copy > span::before,
.wmc-editorial-heading > span::before {
width: 36px;
height: 3px;
background: var(--wmc-red);
content: "";
}
.wmc-editorial-hero-copy h1 {
margin: 20px 0 24px;
color: #fff;
font-size: clamp(72px, 8vw, 130px);
line-height: .82;
}
.wmc-editorial-hero-copy p {
max-width: 650px;
margin: 0;
color: rgba(255,255,255,.86);
font-size: clamp(18px, 1.45vw, 23px);
line-height: 1.55;
}
.wmc-editorial-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}
.wmc-editorial-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 24px;
border: 1px solid rgba(255,255,255,.4);
border-radius: 5px;
color: #fff !important;
font-size: 12px;
font-weight: 900;
letter-spacing: .1em;
text-decoration: none !important;
transition: transform .25s ease, border-color .25s ease;
}
.wmc-editorial-actions a:hover {
border-color: #fff;
transform: translateY(-3px);
}
.wmc-editorial-actions a.is-primary {
border-color: transparent;
background: var(--wmc-gradient);
box-shadow: 0 12px 28px rgba(0,0,0,.24);
}
.wmc-editorial-section > .uk-section,
.wmc-editorial-section.uk-section {
padding: 96px 0 !important;
background: var(--wmc-paper);
}
.wmc-editorial-section-alt > .uk-section,
.wmc-editorial-section-alt.uk-section {
background: var(--wmc-paper-2);
}
.wmc-editorial-heading {
max-width: 900px;
}
.wmc-editorial-heading h2 {
margin: 16px 0 18px;
color: var(--wmc-ink);
font-size: clamp(42px, 5vw, 72px);
line-height: .95;
}
.wmc-editorial-heading p {
max-width: 780px;
margin: 0;
color: #46545d;
font-size: 19px;
line-height: 1.65;
}
.wmc-editorial-intro,
.wmc-editorial-split,
.wmc-safety-layout {
display: grid;
grid-template-columns: 1.25fr .75fr;
align-items: center;
gap: 74px;
}
.wmc-editorial-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: 1px solid var(--wmc-line);
}
.wmc-editorial-stats div {
padding: 22px 12px 4px 0;
}
.wmc-editorial-stats strong,
.wmc-editorial-stats span {
display: block;
}
.wmc-editorial-stats strong {
color: var(--wmc-red);
font-size: 35px;
}
.wmc-editorial-stats span {
margin-top: 8px;
color: #5d686f;
font-size: 9px;
font-weight: 900;
letter-spacing: .1em;
}
.wmc-editorial-grid {
display: grid;
gap: 18px;
margin-top: 46px;
}
.wmc-grid-four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.wmc-editorial-card {
min-height: 250px;
padding: 30px;
border: 1px solid var(--wmc-line);
border-radius: 8px;
background: rgba(255,255,255,.75);
box-shadow: 0 10px 30px rgba(13,24,32,.06);
transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.wmc-editorial-card:hover {
border-color: var(--wmc-red);
box-shadow: 0 18px 42px rgba(13,24,32,.11);
transform: translateY(-7px);
}
.wmc-editorial-card > span,
.wmc-level-list span {
color: var(--wmc-red);
font-size: 11px;
font-weight: 900;
letter-spacing: .15em;
}
.wmc-editorial-card h3 {
margin: 46px 0 15px;
color: var(--wmc-ink);
font-size: 27px;
line-height: 1;
}
.wmc-editorial-card p,
.wmc-level-list p,
.wmc-community-principles p {
margin: 0;
color: #4e5b64;
font-size: 16px;
line-height: 1.6;
}
.wmc-editorial-card small {
display: block;
margin-top: 20px;
color: #7b858b;
font-size: 10px;
font-weight: 900;
letter-spacing: .1em;
}
.wmc-level-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
margin-top: 52px;
overflow: hidden;
border-radius: 8px;
background: var(--wmc-line);
}
.wmc-level-list article {
padding: 36px;
background: #fff;
}
.wmc-level-list h3 {
margin: 16px 0 14px;
color: var(--wmc-ink);
font-size: 30px;
}
.wmc-editorial-safety > .uk-section,
.wmc-editorial-safety.uk-section,
.wmc-community-channels > .uk-section,
.wmc-community-channels.uk-section,
.wmc-media-contribute > .uk-section,
.wmc-media-contribute.uk-section {
background: var(--wmc-ink) !important;
color: #fff;
}
.wmc-editorial-safety .wmc-editorial-heading h2,
.wmc-community-channels .wmc-editorial-heading h2,
.wmc-media-contribute .wmc-editorial-heading h2 {
color: #fff;
}
.wmc-editorial-safety .wmc-editorial-heading p,
.wmc-community-channels .wmc-editorial-heading p,
.wmc-media-contribute .wmc-editorial-heading p {
color: rgba(255,255,255,.7);
}
.wmc-safety-checks {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1px;
overflow: hidden;
border-radius: 8px;
background: rgba(255,255,255,.12);
}
.wmc-safety-checks div {
display: grid;
padding: 28px;
background: var(--wmc-ink-2);
}
.wmc-safety-checks b {
color: var(--wmc-red);
font-size: 12px;
}
.wmc-safety-checks strong {
margin-top: 24px;
font-size: 24px;
}
.wmc-safety-checks span {
margin-top: 8px;
color: rgba(255,255,255,.65);
}
.wmc-editorial-timeline {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin: 52px 0 0;
padding: 0;
list-style: none;
}
.wmc-editorial-timeline li {
padding: 26px;
border-top: 3px solid var(--wmc-red);
background: #fff;
}
.wmc-editorial-timeline span {
color: var(--wmc-red);
font-size: 11px;
font-weight: 900;
}
.wmc-editorial-timeline h3 {
margin: 24px 0 12px;
color: var(--wmc-ink);
font-size: 25px;
}
.wmc-editorial-timeline p {
margin: 0;
color: #536069;
line-height: 1.6;
}
.wmc-editorial-quote,
.wmc-editorial-link-panel {
padding: 36px;
border: 1px solid var(--wmc-line);
border-left: 4px solid var(--wmc-red);
background: #fff;
}
.wmc-editorial-quote p {
margin: 0;
color: var(--wmc-ink);
font-size: 24px;
font-weight: 800;
}
.wmc-editorial-quote span {
display: block;
margin-top: 18px;
color: #6b7479;
font-size: 10px;
font-weight: 900;
letter-spacing: .12em;
}
.wmc-community-principles,
.wmc-channel-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px;
margin-top: 46px;
}
.wmc-community-principles article {
padding: 30px;
border-top: 4px solid var(--wmc-red);
background: #fff;
}
.wmc-community-principles strong {
font-size: 24px;
}
.wmc-channel-grid {
grid-template-columns: repeat(3, 1fr);
}
.wmc-channel-grid a {
display: flex;
flex-direction: column;
min-height: 190px;
padding: 30px;
border: 1px solid rgba(255,255,255,.15);
border-radius: 8px;
background: var(--wmc-ink-2);
color: #fff !important;
text-decoration: none !important;
transition: transform .3s ease, border-color .3s ease;
}
.wmc-channel-grid a:hover {
border-color: var(--wmc-red);
transform: translateY(-6px);
}
.wmc-channel-grid span,
.wmc-media-links span {
color: var(--wmc-red);
font-size: 10px;
font-weight: 900;
letter-spacing: .14em;
}
.wmc-channel-grid strong {
margin-top: 28px;
font-size: 28px;
}
.wmc-channel-grid small {
margin-top: auto;
color: rgba(255,255,255,.65);
}
.wmc-editorial-link-panel h3 {
margin: 22px 0 30px;
color: var(--wmc-ink);
font-size: 34px;
}
.wmc-editorial-link-panel a {
color: var(--wmc-ink) !important;
font-size: 12px;
font-weight: 900;
}
.wmc-media-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 310px;
gap: 16px;
margin-top: 48px;
}
.wmc-media-card {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
box-sizing: border-box;
overflow: hidden;
padding: 28px;
border-radius: 9px;
background:
linear-gradient(0deg, rgba(8,16,22,.9), rgba(8,16,22,.02) 72%),
var(--wmc-media-image) center/cover no-repeat;
color: #fff !important;
text-decoration: none !important;
transition: transform .35s ease, box-shadow .35s ease;
}
.wmc-media-card:hover {
box-shadow: 0 18px 42px rgba(13,24,32,.22);
transform: translateY(-6px);
}
.wmc-media-card.is-wide {
grid-column: span 2;
}
.wmc-media-card.is-annex {
filter: saturate(.55);
}
.wmc-media-card span {
color: #ff7982;
font-size: 10px;
font-weight: 900;
letter-spacing: .13em;
}
.wmc-media-card strong {
margin-top: 8px;
font-size: 25px;
}
.wmc-media-card small {
margin-top: 10px;
color: rgba(255,255,255,.7);
}
.wmc-media-links {
display: grid;
gap: 12px;
}
.wmc-media-links a {
display: grid;
grid-template-columns: 1fr 1.4fr auto;
align-items: center;
gap: 20px;
padding: 24px;
border: 1px solid var(--wmc-line);
border-radius: 7px;
background: #fff;
color: var(--wmc-ink) !important;
text-decoration: none !important;
transition: border-color .25s ease, transform .25s ease;
}
.wmc-media-links a:hover {
border-color: var(--wmc-red);
transform: translateX(6px);
}
.wmc-contribute-box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
margin-top: 40px;
padding: 28px 30px;
border: 1px solid rgba(255,255,255,.17);
border-radius: 8px;
background: var(--wmc-ink-2);
}
.wmc-contribute-box a {
color: #fff !important;
font-weight: 900;
}
.wmc-editorial-cta-section > .uk-section,
.wmc-editorial-cta-section.uk-section {
padding: 64px 0 !important;
border-top: 4px solid var(--wmc-red);
background: var(--wmc-ink) !important;
}
.wmc-editorial-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
color: #fff;
}
.wmc-editorial-cta span {
color: var(--wmc-red);
font-size: 10px;
font-weight: 900;
letter-spacing: .15em;
}
.wmc-editorial-cta h2 {
margin: 10px 0;
color: #fff;
font-size: clamp(38px, 4vw, 58px);
}
.wmc-editorial-cta p {
max-width: 640px;
margin: 0;
color: rgba(255,255,255,.68);
font-size: 16px;
}
.wmc-editorial-cta .wmc-editorial-actions {
flex: 0 0 auto;
margin-top: 0;
} .wmc-archive-page {
overflow: hidden;
margin: -40px calc(50% - 50vw) 0;
}
.wmc-archive-hero {
position: relative;
display: grid;
min-height: 590px;
align-items: end;
padding: 72px max(24px, calc((100vw - 1320px)/2));
background-position: center;
background-size: cover;
color: #fff;
}
.wmc-archive-hero::before {
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(8,16,22,.96), rgba(8,16,22,.1) 75%);
content: "";
}
.wmc-archive-hero > div {
position: relative;
z-index: 1;
max-width: 900px;
}
.wmc-archive-badge {
display: inline-flex;
padding: 8px 12px;
border-left: 3px solid var(--wmc-red);
background: rgba(8,16,22,.72);
font-size: 11px;
font-weight: 900;
letter-spacing: .13em;
}
.wmc-archive-hero h1 {
margin: 18px 0;
color: #fff;
font-size: clamp(58px, 8vw, 116px);
line-height: .86;
}
.wmc-archive-hero p {
max-width: 720px;
margin: 0;
color: rgba(255,255,255,.82);
font-size: 20px;
line-height: 1.55;
}
.wmc-archive-meta {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1px;
background: var(--wmc-line);
}
.wmc-archive-meta div {
padding: 26px;
background: #fff;
}
.wmc-archive-meta span,
.wmc-archive-section > span {
display: block;
color: var(--wmc-red);
font-size: 10px;
font-weight: 900;
letter-spacing: .14em;
}
.wmc-archive-meta strong {
display: block;
margin-top: 9px;
color: var(--wmc-ink);
font-size: 21px;
}
.wmc-archive-section {
max-width: 1220px;
margin: 0 auto;
padding: 88px 28px;
}
.wmc-archive-section h2 {
margin: 14px 0 26px;
color: var(--wmc-ink);
font-size: clamp(38px, 5vw, 68px);
line-height: .95;
}
.wmc-archive-lead {
max-width: 860px;
color: #46545d;
font-size: 20px;
line-height: 1.7;
}
.wmc-archive-highlights {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-top: 42px;
}
.wmc-archive-highlights article {
padding: 28px;
border-top: 4px solid var(--wmc-red);
background: #fff;
}
.wmc-archive-highlights h3 {
margin: 0 0 12px;
color: var(--wmc-ink);
font-size: 25px;
}
.wmc-archive-highlights p {
margin: 0;
color: #536069;
line-height: 1.6;
}
.wmc-archive-gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 250px;
gap: 12px;
margin-top: 38px;
}
.wmc-archive-gallery figure {
position: relative;
overflow: hidden;
margin: 0;
border-radius: 7px;
background: #d7d3ca;
}
.wmc-archive-gallery figure.is-wide {
grid-column: span 2;
}
.wmc-archive-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .5s ease;
}
.wmc-archive-gallery figure:hover img {
transform: scale(1.04);
}
.wmc-archive-duo {
display: grid;
grid-template-columns: .72fr 1.28fr;
gap: 16px;
margin-top: 38px;
}
.wmc-archive-duo figure {
min-height: 460px;
margin: 0;
overflow: hidden;
border-radius: 8px;
background: #d7d3ca;
}
.wmc-archive-duo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wmc-archive-video-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
margin-top: 16px;
padding: 25px 28px;
border-radius: 7px;
background: var(--wmc-ink);
color: #fff;
}
.wmc-archive-video-link span,
.wmc-archive-footer > span {
display: block;
color: var(--wmc-red);
font-size: 10px;
font-weight: 900;
letter-spacing: .14em;
}
.wmc-archive-video-link strong {
display: block;
margin-top: 7px;
font-size: 16px;
}
.wmc-archive-video-link a {
color: #fff !important;
font-size: 11px;
font-weight: 900;
letter-spacing: .08em;
}
.wmc-archive-slideshow {
margin-top: 38px;
overflow: hidden;
border-radius: 9px;
background: var(--wmc-ink);
box-shadow: 0 18px 45px rgba(13,24,32,.16);
}
.wmc-archive-slideshow .uk-slideshow-items {
min-height: 640px;
}
.wmc-archive-slideshow img {
object-fit: cover;
}
.wmc-archive-credit {
margin-top: 18px;
color: #6c757b;
font-size: 12px;
}
.wmc-archive-footer {
padding: 64px max(24px, calc((100vw - 1220px)/2));
border-top: 4px solid var(--wmc-red);
background: var(--wmc-ink);
color: #fff;
}
.wmc-archive-footer h2 {
margin: 10px 0;
color: #fff;
font-size: clamp(38px, 5vw, 62px);
}
.wmc-archive-footer a {
display: inline-flex;
margin-top: 22px;
padding: 15px 22px;
border-radius: 5px;
background: var(--wmc-gradient);
color: #fff !important;
font-size: 12px;
font-weight: 900;
text-decoration: none !important;
}
@media (max-width: 1050px) {
.wmc-grid-four,
.wmc-media-grid {
grid-template-columns: repeat(2, 1fr);
}
.wmc-editorial-intro,
.wmc-editorial-split,
.wmc-safety-layout {
grid-template-columns: 1fr;
gap: 44px;
}
.wmc-editorial-timeline {
grid-template-columns: repeat(2, 1fr);
}
.wmc-channel-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.wmc-editorial-hero > .uk-section,
.wmc-editorial-hero.uk-section,
.wmc-editorial-hero .tm-grid-expand {
min-height: 570px;
}
.wmc-editorial-hero-copy {
width: 100%;
padding: 70px 0;
}
.wmc-editorial-hero-copy h1 {
font-size: 58px;
}
.wmc-editorial-section > .uk-section,
.wmc-editorial-section.uk-section {
padding: 68px 0 !important;
}
.wmc-editorial-heading h2 {
font-size: 40px;
}
.wmc-grid-four,
.wmc-level-list,
.wmc-community-principles,
.wmc-safety-checks,
.wmc-editorial-stats,
.wmc-editorial-timeline,
.wmc-media-grid,
.wmc-archive-meta,
.wmc-archive-highlights,
.wmc-archive-gallery,
.wmc-archive-duo {
grid-template-columns: 1fr;
}
.wmc-media-card.is-wide,
.wmc-archive-gallery figure.is-wide {
grid-column: span 1;
}
.wmc-editorial-cta,
.wmc-contribute-box {
display: block;
}
.wmc-editorial-cta .wmc-editorial-actions {
margin-top: 28px;
}
.wmc-archive-page {
margin-top: -20px;
}
.wmc-archive-hero {
min-height: 500px;
padding-top: 54px;
padding-bottom: 54px;
}
.wmc-archive-duo figure {
min-height: 360px;
}
.wmc-archive-video-link {
display: block;
}
.wmc-archive-video-link a {
display: inline-block;
margin-top: 20px;
}
.wmc-archive-slideshow .uk-slideshow-items {
min-height: 380px;
}
}
@media (prefers-reduced-motion: reduce) {
body:has(#wmc-rides-v1) *,
body:has(#wmc-community-v1) *,
body:has(#wmc-media-v1) *,
body:has(.wmc-archive-page) * {
scroll-behavior: auto !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
} .wmc-custom-nav {
backdrop-filter: blur(18px) saturate(125%);
-webkit-backdrop-filter: blur(18px) saturate(125%);
}
.wmc-custom-links a {
position: relative;
}
.wmc-custom-links a::after {
content: "";
position: absolute;
right: 0;
bottom: -9px;
left: 0;
height: 2px;
background: linear-gradient(90deg, #00b8d4, #ef2b2d);
transform: scaleX(0);
transform-origin: right;
transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.wmc-custom-links a:hover::after,
.wmc-custom-links a.is-active::after {
transform: scaleX(1);
transform-origin: left;
}
.wmc-archive-prefinale {
overflow: clip;
}
.wmc-archive-prefinale .wmc-archive-hero {
isolation: isolate;
overflow: hidden;
background-size: cover;
animation: wmc-hero-breathe 18s ease-in-out infinite alternate;
}
.wmc-archive-prefinale .wmc-archive-hero > .wmc-archive-hero-video,
.wmc-archive-prefinale .wmc-archive-hero > .wmc-archive-hero-shade {
position: absolute;
inset: 0;
max-width: none;
width: 100%;
height: 100%;
}
.wmc-archive-hero-video {
z-index: 0;
object-fit: cover;
}
.wmc-archive-hero-shade {
z-index: 1;
background:
linear-gradient(90deg, rgba(3, 9, 15, .93) 0%, rgba(3, 12, 19, .72) 48%, rgba(3, 11, 18, .34) 100%),
linear-gradient(0deg, rgba(3, 9, 15, .8), transparent 42%);
}
.wmc-archive-prefinale .wmc-archive-hero::before {
z-index: 1;
}
.wmc-archive-hero-copy {
position: relative;
z-index: 2;
max-width: 880px;
}
.wmc-archive-scroll {
display: inline-flex;
align-items: center;
min-height: 48px;
margin-top: 28px;
padding: 0 22px;
border: 1px solid rgba(255,255,255,.3);
color: #fff !important;
font-size: 12px;
font-weight: 900;
letter-spacing: .12em;
text-decoration: none !important;
transition: border-color .3s ease, background-color .3s ease, transform .3s ease;
}
.wmc-archive-scroll:hover {
border-color: #00b8d4;
background: rgba(0,184,212,.12);
transform: translateY(-3px);
}
.wmc-archive-highlights article {
position: relative;
overflow: hidden;
}
.wmc-archive-highlights article > b {
display: block;
margin-bottom: 40px;
color: #00b8d4;
font-size: 12px;
letter-spacing: .16em;
}
.wmc-archive-highlights article::after {
content: "";
position: absolute;
right: -28px;
bottom: -28px;
width: 90px;
height: 90px;
border: 1px solid rgba(0,184,212,.2);
border-radius: 50%;
transition: transform .5s ease, border-color .5s ease;
}
.wmc-archive-highlights article:hover::after {
border-color: rgba(239,43,45,.5);
transform: scale(1.35);
}
.wmc-archive-chapter {
display: grid;
grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
gap: 72px;
align-items: end;
padding: 86px max(5vw, calc((100vw - 1240px) / 2));
background:
linear-gradient(125deg, rgba(0,184,212,.1), transparent 38%),
#07111a;
color: #fff;
}
.wmc-archive-chapter span,
.wmc-film-heading span,
.wmc-slideshow-label {
color: #00b8d4;
font-size: 11px;
font-weight: 900;
letter-spacing: .18em;
}
.wmc-archive-chapter h2 {
max-width: 680px;
margin: 14px 0 0;
color: #fff;
font-size: clamp(38px, 5vw, 68px);
line-height: .94;
}
.wmc-archive-chapter p {
max-width: 680px;
margin: 0;
color: rgba(255,255,255,.77);
font-size: 19px;
line-height: 1.75;
}
.wmc-archive-slideshow {
overflow: hidden;
border-radius: 16px;
background: #07111a;
box-shadow: 0 28px 80px rgba(3,9,15,.18);
}
.wmc-archive-slideshow .uk-slideshow-items img {
transition: transform 7s ease;
}
.wmc-archive-slideshow .uk-active img {
transform: scale(1.045);
}
.wmc-slideshow-label,
.wmc-slide-counter {
position: absolute;
z-index: 3;
padding: 11px 14px;
border: 1px solid rgba(255,255,255,.25);
background: rgba(3,9,15,.64);
color: #fff;
backdrop-filter: blur(12px);
}
.wmc-slideshow-label {
top: 22px;
left: 22px;
}
.wmc-slide-counter {
right: 22px;
bottom: 22px;
font-size: 11px;
font-weight: 800;
letter-spacing: .12em;
}
.wmc-archive-single {
overflow: hidden;
min-height: 520px;
margin: 0;
border-radius: 16px;
background: #07111a;
}
.wmc-archive-single img {
width: 100%;
height: 100%;
min-height: 520px;
object-fit: cover;
transition: transform .8s cubic-bezier(.2,.8,.2,1);
}
.wmc-archive-single:hover img {
transform: scale(1.035);
}
.wmc-archive-film {
margin-top: 72px;
}
.wmc-film-heading {
display: flex;
justify-content: space-between;
gap: 24px;
align-items: center;
margin-bottom: 18px;
}
.wmc-film-heading strong {
font-size: 12px;
letter-spacing: .1em;
}
.wmc-film-frame {
position: relative;
overflow: hidden;
aspect-ratio: 16 / 9;
border: 1px solid rgba(6,21,32,.12);
border-radius: 16px;
background: #03090f;
box-shadow: 0 26px 70px rgba(3,9,15,.18);
}
.wmc-film-frame iframe,
.wmc-film-frame video {
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
}
.wmc-archive-footer-actions {
display: flex;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
}
.wmc-video-wall {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 18px;
margin: 40px 0 96px;
}
.wmc-video-wall a {
position: relative;
grid-column: span 4;
overflow: hidden;
min-height: 300px;
border-radius: 14px;
background: #07111a;
box-shadow: 0 22px 54px rgba(3,9,15,.14);
}
.wmc-video-wall a.is-featured {
grid-column: span 8;
}
.wmc-video-wall a::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(3,9,15,.94), rgba(3,9,15,.04) 70%);
}
.wmc-video-wall img {
width: 100%;
height: 100%;
min-height: 300px;
object-fit: cover;
transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .5s ease;
}
.wmc-video-wall span,
.wmc-video-wall b {
position: absolute;
z-index: 2;
right: 24px;
left: 24px;
color: #fff;
}
.wmc-video-wall span {
bottom: 54px;
font-size: clamp(22px, 2.4vw, 38px);
font-weight: 900;
line-height: 1;
}
.wmc-video-wall b {
bottom: 25px;
color: #00b8d4;
font-size: 11px;
letter-spacing: .15em;
}
.wmc-video-wall a:hover img {
filter: saturate(1.08) contrast(1.04);
transform: scale(1.055);
}
.wmc-editorial-card,
.wmc-media-card,
.wmc-value-grid > *,
.wmc-benefit-grid > *,
.wmc-step-grid > * {
transition: transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease, border-color .38s ease;
}
.wmc-editorial-card:hover,
.wmc-media-card:hover,
.wmc-value-grid > *:hover,
.wmc-benefit-grid > *:hover,
.wmc-step-grid > *:hover {
transform: translateY(-7px);
border-color: rgba(0,184,212,.42);
box-shadow: 0 24px 60px rgba(3,9,15,.13);
}
@keyframes wmc-hero-breathe {
from { background-position: center 50%; }
to { background-position: center 45%; }
}
@media (max-width: 900px) {
.wmc-archive-chapter {
grid-template-columns: 1fr;
gap: 30px;
padding: 68px 24px;
}
.wmc-video-wall a,
.wmc-video-wall a.is-featured {
grid-column: span 6;
}
}
@media (max-width: 640px) { .gt_switcher_wrapper {
display: none !important;
}
.wmc-archive-hero-copy {
width: 100%;
min-width: 0;
}
.wmc-archive-hero-copy h1 {
max-width: 100%;
font-size: clamp(42px, 13vw, 60px);
}
.wmc-archive-single,
.wmc-archive-single img {
min-height: 360px;
}
.wmc-film-heading {
display: block;
}
.wmc-film-heading strong {
display: block;
margin-top: 8px;
}
.wmc-video-wall a,
.wmc-video-wall a.is-featured {
grid-column: 1 / -1;
min-height: 240px;
}
.wmc-video-wall img {
min-height: 240px;
}
}
@media (prefers-reduced-motion: reduce) {
.wmc-archive-prefinale .wmc-archive-hero {
animation: none !important;
}
}