.is-style-meta,
.moodnews-meta {
font-family: var(--wp--preset--font-family--meta);
font-size: var(--wp--preset--font-size--meta);
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--wp--preset--color--muted);
} :where(a, button, input, select, textarea, [tabindex]):focus-visible {
outline: 2px solid var(--wp--preset--color--contrast);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} .moodnews-header,
.moodnews-footer {
padding-left: clamp(16px, 3vw, 48px) !important;
padding-right: clamp(16px, 3vw, 48px) !important;
} .moodnews-header__bar {
min-height: clamp(64px, 6vw, 88px);
gap: 16px;
}
.moodnews-header__bar > * {
margin-block: 0;
}
.moodnews-brand {
display: flex;
align-items: center;
gap: 12px;
min-height: 44px;
color: var(--wp--preset--color--contrast);
text-decoration: none;
}
.moodnews-brand__logo {
display: block;
width: auto;
height: clamp(22px, 2.2vw, 32px);
}
.moodnews-brand__name {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: clamp(18px, 1.9vw, 28px);
letter-spacing: -0.01em;
line-height: 1;
}
.moodnews-dateline {
margin: 0;
}
.moodnews-header__cta {
margin: 0;
font-size: 14px;
font-weight: 500;
}
.moodnews-header__cta a {
display: flex;
align-items: center;
min-height: 44px;
color: var(--wp--preset--color--contrast);
text-decoration: none;
}
.moodnews-header__cta a:hover {
text-decoration: underline;
} .moodnews-formats {
border-top: 1px solid var(--wp--preset--color--line);
min-height: 48px;
margin-top: 0 !important;
overflow-x: auto;
scrollbar-width: none;
font-family: var(--wp--preset--font-family--ui);
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
}
.moodnews-formats::-webkit-scrollbar {
display: none;
}
.moodnews-formats .wp-block-navigation__container {
gap: clamp(20px, 2.4vw, 36px);
flex-wrap: nowrap;
}
.moodnews-formats.wp-block-navigation .wp-block-navigation-item__content {
display: flex;
align-items: center;
gap: 8px;
min-height: 44px;
white-space: nowrap;
color: var(--wp--preset--color--muted);
text-decoration: none;
}
.moodnews-formats .wp-block-navigation-item__content::before {
content: "";
flex: none;
width: 8px;
height: 8px;
background: var(--moodnews-format, var(--wp--preset--color--muted));
}
.moodnews-formats.wp-block-navigation .wp-block-navigation-item__content:hover,
.moodnews-formats.wp-block-navigation [aria-current] {
color: var(--wp--preset--color--contrast);
} .is-format-news { --moodnews-format: var(--wp--preset--color--news); }
.is-format-think { --moodnews-format: var(--wp--preset--color--think); }
.is-format-interview { --moodnews-format: var(--wp--preset--color--interview); }
.is-format-throwback { --moodnews-format: var(--wp--preset--color--throwback); }
.is-format-charts { --moodnews-format: var(--wp--preset--color--charts); } .moodnews-footer .moodnews-meta {
margin: 0;
}
.moodnews-footer a {
color: inherit;
text-decoration: none;
}
.moodnews-footer a:hover {
color: var(--wp--preset--color--contrast);
} @media (max-width: 599px) {
.moodnews-header__bar {
row-gap: 0;
padding-block: 8px;
}
.moodnews-dateline {
order: 3;
flex-basis: 100%;
padding-bottom: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .moodnews-formats {
mask-image: linear-gradient(to right, #000 85%, transparent);
}
} .moodnews-article {
padding-left: clamp(16px, 3vw, 48px) !important;
padding-right: clamp(16px, 3vw, 48px) !important;
}
.moodnews-article__head {
padding-top: clamp(40px, 5vw, 88px);
padding-bottom: clamp(32px, 3vw, 48px);
}
.moodnews-article__head > * {
margin-block: 0;
} .moodnews-kicker {
gap: 14px;
align-items: center;
font-family: var(--wp--preset--font-family--meta);
font-size: 13px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.moodnews-kicker > p {
margin: 0;
}
.moodnews-kicker::before,
.moodnews-section-square::before {
content: "";
flex: none;
width: 10px;
height: 10px;
background: var(--moodnews-format, var(--wp--preset--color--muted));
}
.moodnews-kicker__label {
color: var(--moodnews-format-text, var(--moodnews-format, var(--wp--preset--color--muted)));
}
.moodnews-kicker__sub {
color: var(--wp--preset--color--muted);
}
.moodnews-article__title {
margin-top: 24px !important;
font-size: clamp(32px, 5vw, 76px) !important;
font-weight: 600;
line-height: 1;
letter-spacing: -0.03em;
text-wrap: balance;
}
.moodnews-article__standfirst {
margin-top: 32px !important;
margin-left: 0 !important;
max-width: 36em;
font-family: var(--wp--preset--font-family--read);
font-size: clamp(21px, 2vw, 28px);
line-height: 1.45;
text-wrap: pretty;
}
.moodnews-article__standfirst p {
margin: 0;
}
.moodnews-byline {
gap: 14px;
margin-top: 32px !important;
padding-top: 20px;
border-top: 1px solid var(--wp--preset--color--line);
}
.moodnews-byline__avatar img {
display: block;
width: 40px;
height: 40px;
border-radius: 0;
object-fit: cover;
}
.moodnews-byline__text {
gap: 3px;
}
.moodnews-byline__text > * {
margin: 0;
}
.moodnews-byline__name {
font-size: 15px;
font-weight: 500;
}
.moodnews-byline__name a {
color: inherit;
text-decoration: none;
} .moodnews-article__figure {
margin: 0 auto;
} .moodnews-article__figure:not(:has(img)) {
display: none;
}
.moodnews-article__figure .wp-block-post-featured-image {
margin: 0;
}
.moodnews-article__figure .wp-block-post-featured-image img {
display: block;
width: 100%;
height: auto;
max-height: min(80vh, 760px);
object-fit: contain;
}
.moodnews-article__credit {
max-width: 1080px;
margin: 12px auto 0;
} .moodnews-article__body {
padding-top: clamp(40px, 4vw, 64px);
}
.moodnews-article__body > p {
margin-block: 0 1.2em;
}
.moodnews-article__body > h2,
.moodnews-article__body > h3 {
font-size: 22px;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0;
margin-block: 1.8em 0.8em;
} .has-moodnews-drop-cap .moodnews-article__body:not(.moodnews-videopage__body) > p:first-of-type::first-letter {
float: left;
font-family: var(--wp--preset--font-family--display);
font-weight: 600;
font-size: 76px;
line-height: 0.86;
margin: 6px 12px 0 0;
} .moodnews-article__body .wp-block-pullquote {
max-width: 960px;
margin-block: clamp(28px, 3vw, 48px);
padding: clamp(28px, 3vw, 48px) 0;
border-top: 2px solid var(--wp--preset--color--contrast);
border-bottom: 1px solid var(--wp--preset--color--line);
text-align: left;
}
.moodnews-article__body .wp-block-pullquote blockquote {
margin: 0;
}
.moodnews-article__body .wp-block-pullquote p {
font-family: var(--wp--preset--font-family--read);
font-style: italic;
font-weight: 500;
font-size: clamp(28px, 3.4vw, 46px);
line-height: 1.2;
text-wrap: balance;
margin: 0;
}
.moodnews-article__body .wp-block-pullquote cite {
display: block;
margin-top: 16px;
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
font-style: normal;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--wp--preset--color--muted);
} .moodnews-article__end {
padding-bottom: clamp(40px, 4vw, 64px);
}
.moodnews-article__end p {
margin: 0;
} .moodnews-signed {
max-width: 1080px;
margin-inline: auto !important;
padding: 24px 0 clamp(40px, 4vw, 64px);
border-top: 1px solid var(--wp--preset--color--contrast);
gap: 32px;
}
.moodnews-signed__author {
gap: 20px;
}
.moodnews-signed__portrait {
flex: none;
width: clamp(88px, 9vw, 128px);
border-bottom: 4px solid var(--moodnews-format, var(--wp--preset--color--muted));
}
.moodnews-signed__portrait img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 5;
border-radius: 0;
object-fit: cover;
}
.moodnews-signed__text {
gap: 8px;
min-width: 0;
}
.moodnews-signed__text > * {
margin: 0;
}
.moodnews-signed__name {
font-family: var(--wp--preset--font-family--display);
font-size: 22px;
font-weight: 500;
line-height: 1.2;
}
.moodnews-signed__name a {
color: inherit;
text-decoration: none;
}
.moodnews-signed__role {
font-size: 14px;
color: var(--wp--preset--color--muted);
}
.moodnews-signed__bio {
margin-top: 4px !important;
font-family: var(--wp--preset--font-family--read);
font-size: 17px;
line-height: 1.5;
}
.moodnews-signed__more {
margin-top: 6px !important;
} .wp-block-button.is-style-moodnews-link .wp-block-button__link {
padding: 0;
background: none;
color: var(--wp--preset--color--contrast);
font-size: 14px;
font-weight: 500;
text-decoration: underline;
text-underline-offset: 4px;
}
.moodnews-next__card {
gap: 12px;
padding: 20px;
background: var(--wp--preset--color--surface);
border-radius: 4px;
--moodnews-format: var(--wp--preset--color--think);
}
.moodnews-next__card > * {
margin: 0;
}
.moodnews-next__kicker {
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
letter-spacing: 0.12em;
color: var(--wp--preset--color--think);
}
.moodnews-next__title {
font-size: clamp(19px, 1.7vw, 23px);
font-weight: 500;
line-height: 1.2;
}
.moodnews-next__title a {
color: inherit;
text-decoration: none;
}
.moodnews-next .wp-block-read-more {
color: var(--wp--preset--color--muted);
text-decoration: none;
} body.is-format-news { --moodnews-format: var(--wp--preset--color--news); }
body.is-format-think { --moodnews-format: var(--wp--preset--color--think); }
body.is-format-interview { --moodnews-format: var(--wp--preset--color--interview); }
body.is-format-throwback { --moodnews-format: var(--wp--preset--color--throwback); }
body.is-format-charts { --moodnews-format: var(--wp--preset--color--charts); } .moodnews-track {
max-width: 760px;
margin-inline: auto !important;
margin-block: 0 1.6em !important;
gap: 0;
align-items: stretch;
overflow: hidden;
background: var(--wp--preset--color--surface);
border: 1px solid var(--wp--preset--color--line);
border-radius: 4px;
}
.moodnews-track__cover {
flex: none;
width: clamp(96px, 11vw, 148px);
margin: 0 !important;
}
.moodnews-track__cover img {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: 0;
}
.moodnews-track__body {
position: relative;
flex: 1;
min-width: 0;
gap: 0;
padding: clamp(14px, 1.6vw, 22px);
font-family: var(--wp--preset--font-family--ui);
}
.moodnews-track__body > * {
margin: 0;
}
.moodnews-track__brand {
font-family: var(--wp--preset--font-family--meta);
font-size: 11px;
letter-spacing: 0.14em;
color: var(--wp--preset--color--muted);
}
.moodnews-track__title {
margin-top: 6px;
padding-right: 56px;
font-size: 16px;
font-weight: 500;
}
.moodnews-track__artist {
padding-right: 56px;
font-size: 14px;
color: var(--wp--preset--color--muted);
}
.moodnews-track__audio {
margin-top: 12px !important;
}
.moodnews-track__audio audio {
width: 100%;
}
.moodnews-track__link {
margin-top: 10px !important;
font-size: 14px;
font-weight: 500;
}
.moodnews-track__link a {
color: var(--wp--preset--color--contrast);
text-underline-offset: 4px;
} .moodnews-track.is-enhanced .moodnews-track__audio {
display: none;
}
.moodnews-track__play {
position: absolute;
top: clamp(14px, 1.6vw, 22px);
right: clamp(14px, 1.6vw, 22px);
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
background: var(--wp--preset--color--contrast);
border: 0;
border-radius: 2px;
cursor: pointer;
}
.moodnews-track__play::before {
content: "";
width: 0;
height: 0;
margin-left: 3px;
border-style: solid;
border-width: 7px 0 7px 12px;
border-color: transparent transparent transparent var(--wp--preset--color--base);
}
.moodnews-track.is-playing .moodnews-track__play::before {
width: 12px;
height: 14px;
margin-left: 0;
border: 0;
border-left: 4px solid var(--wp--preset--color--base);
border-right: 4px solid var(--wp--preset--color--base);
}
.moodnews-track__controls { align-self: stretch;
width: 100%;
min-width: 0;
display: flex;
align-items: center;
gap: 12px;
margin-top: 12px;
}
.moodnews-track__eq {
display: flex;
align-items: flex-end;
gap: 2px;
width: 17px;
height: 14px;
flex: none;
}
.moodnews-track__bar {
width: 3px;
height: 4px;
background: var(--wp--preset--color--contrast);
}
.moodnews-track.is-playing .moodnews-track__bar {
animation: moodnews-eq 0.9s ease-in-out infinite alternate;
}
.moodnews-track.is-playing .moodnews-track__bar:nth-child(2) {
animation-delay: -0.3s;
}
.moodnews-track.is-playing .moodnews-track__bar:nth-child(3) {
animation-delay: -0.6s;
}
@keyframes moodnews-eq {
from { height: 3px; }
to { height: 14px; }
}
.moodnews-track__seek {
flex: 1;
width: 0; min-width: 0;
height: 44px;
margin: 0;
background: transparent;
cursor: pointer;
appearance: none;
}
.moodnews-track__seek::-webkit-slider-runnable-track {
height: 4px;
border-radius: 999px;
background: linear-gradient(to right, var(--wp--preset--color--contrast) var(--progress, 0%), var(--wp--preset--color--line) var(--progress, 0%));
}
.moodnews-track__seek::-moz-range-track {
height: 4px;
border-radius: 999px;
background: linear-gradient(to right, var(--wp--preset--color--contrast) var(--progress, 0%), var(--wp--preset--color--line) var(--progress, 0%));
}
.moodnews-track__seek::-webkit-slider-thumb {
width: 12px;
height: 12px;
margin-top: -4px;
border-radius: 50%;
background: var(--wp--preset--color--contrast);
appearance: none;
}
.moodnews-track__seek::-moz-range-thumb {
width: 12px;
height: 12px;
border: 0;
border-radius: 50%;
background: var(--wp--preset--color--contrast);
}
.moodnews-track__time {
flex: none;
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
color: var(--wp--preset--color--muted);
white-space: nowrap;
} .moodnews-home {
padding-left: clamp(16px, 3vw, 48px) !important;
padding-right: clamp(16px, 3vw, 48px) !important;
}
.moodnews-home > * {
margin-block: 0 !important;
}
.moodnews-home .wp-block-post-template {
margin: 0;
padding: 0;
list-style: none;
} .moodnews-une__grid {
padding: clamp(32px, 4vw, 64px) 0;
gap: clamp(24px, 3.4vw, 56px);
align-items: end;
}
.moodnews-une__media {
position: relative;
}
.moodnews-une__media .wp-block-post-featured-image {
margin: 0;
background: #26262a;
}
.moodnews-une__credit {
position: absolute;
left: 14px;
bottom: 12px;
margin: 0;
}
.moodnews-une__text {
gap: 20px;
}
.moodnews-une__text > * {
margin: 0;
}
.moodnews-une__kicker {
gap: 12px;
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
letter-spacing: 0.12em;
}
.moodnews-une__kicker p {
margin: 0;
}
.moodnews-une__label {
color: var(--wp--preset--color--think);
}
.moodnews-une__title {
font-size: clamp(30px, 4.2vw, 64px) !important;
font-weight: 600;
line-height: 1.02;
letter-spacing: -0.025em;
text-wrap: balance;
}
.moodnews-une__title a,
.moodnews-fil__title a,
.moodnews-video__title a {
color: inherit;
text-decoration: none;
}
.moodnews-une__standfirst {
font-family: var(--wp--preset--font-family--read);
font-size: clamp(19px, 1.7vw, 23px);
line-height: 1.5;
text-wrap: pretty;
}
.moodnews-une__standfirst p,
.moodnews-fil__text p,
.moodnews-video__standfirst p {
margin: 0;
}
.moodnews-une__actions {
gap: 16px;
}
.moodnews-une__actions p {
margin: 0;
} .moodnews-button {
display: inline-flex;
align-items: center;
height: 44px;
padding: 0 20px;
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base) !important;
border-radius: 2px;
font-family: var(--wp--preset--font-family--ui);
font-size: 15px;
font-weight: 500;
text-decoration: none;
}
.moodnews-button:hover {
background: var(--wp--preset--color--muted);
} .moodnews-section {
padding: 24px 0 clamp(40px, 4vw, 64px);
border-top: 1px solid var(--wp--preset--color--contrast);
}
.moodnews-section__head {
gap: 16px;
align-items: baseline;
}
.moodnews-section__head p {
margin: 0;
}
.moodnews-section__head a {
color: var(--wp--preset--color--muted);
text-decoration: none;
}
.moodnews-section__head a:hover {
color: var(--wp--preset--color--contrast);
}
.moodnews-section__title {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
font-size: clamp(20px, 2vw, 28px) !important;
font-weight: 600;
letter-spacing: 0;
} .moodnews-fil__list {
margin-top: 24px !important;
border-top: 1px solid var(--wp--preset--color--line);
counter-reset: moodnews-fil;
}
.moodnews-fil__list .wp-block-post-template {
gap: 0 !important;
}
.moodnews-fil__list .wp-block-post {
display: flex;
flex-direction: column;
gap: 12px;
padding: 20px 20px 24px 0;
border-bottom: 1px solid var(--wp--preset--color--line);
counter-increment: moodnews-fil;
}
.moodnews-fil__list .wp-block-post > * {
margin: 0;
}
.moodnews-fil__tag::before {
content: counter(moodnews-fil, decimal-leading-zero) " · ";
}
.moodnews-fil__title {
font-size: clamp(17px, 1.5vw, 21px) !important;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.01em;
}
.moodnews-fil__text {
font-family: var(--wp--preset--font-family--read);
font-size: 17px;
line-height: 1.5;
color: var(--wp--preset--color--muted);
}
.moodnews-fil__text .wp-block-post-excerpt__more-text {
display: none;
}
.moodnews-greeting {
color: var(--wp--preset--color--contrast);
} .moodnews-video__grid {
margin-top: 24px;
gap: clamp(24px, 3vw, 48px);
align-items: center;
}
.moodnews-video__thumb {
position: relative;
overflow: hidden;
background: var(--wp--preset--color--surface);
border: 1px solid var(--wp--preset--color--line);
aspect-ratio: 16 / 9;
}
.moodnews-video__thumb .wp-block-post-featured-image {
margin: 0;
height: 100%;
}
.moodnews-video__thumb::after {
content: "";
position: absolute;
right: 16px;
bottom: 14px;
width: 56px;
height: 56px;
border-radius: 2px;
background: var(--wp--preset--color--contrast);
pointer-events: none;
}
.moodnews-video__thumb::before {
content: "";
position: absolute;
z-index: 1;
right: 38px;
bottom: 34px;
border-style: solid;
border-width: 8px 0 8px 14px;
border-color: transparent transparent transparent var(--wp--preset--color--base);
pointer-events: none;
}
.moodnews-video__label {
position: absolute;
left: 16px;
top: 14px;
margin: 0;
}
.moodnews-video__text {
gap: 16px;
}
.moodnews-video__text > * {
margin: 0;
}
.moodnews-video__title {
font-size: clamp(24px, 2.8vw, 40px) !important;
font-weight: 600;
line-height: 1.05;
letter-spacing: -0.02em;
text-wrap: balance;
}
.moodnews-video__standfirst {
font-family: var(--wp--preset--font-family--read);
font-size: 19px;
line-height: 1.55;
color: var(--wp--preset--color--muted);
} .moodnews-rubriques__grid {
margin-top: 24px;
gap: 1px !important;
background: var(--wp--preset--color--line);
border: 1px solid var(--wp--preset--color--line);
}
.moodnews-rubrique {
display: flex;
flex-direction: column;
gap: 14px;
min-height: 180px;
padding: 20px;
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
text-decoration: none;
}
.moodnews-rubrique:hover {
background: var(--wp--preset--color--surface);
}
.moodnews-rubrique__label {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
letter-spacing: 0.12em;
color: var(--wp--preset--color--muted);
}
.moodnews-rubrique__label::before {
content: "";
flex: none;
width: 10px;
height: 10px;
background: var(--moodnews-format);
}
.moodnews-rubrique.is-format-think .moodnews-rubrique__label {
color: var(--wp--preset--color--think);
}
.moodnews-rubrique__name {
font-family: var(--wp--preset--font-family--display);
font-size: 20px;
font-weight: 500;
}
.moodnews-rubrique__text {
font-size: 14px;
line-height: 1.5;
color: var(--wp--preset--color--muted);
} .moodnews-newsletter {
padding: clamp(32px, 4vw, 64px) 0;
border-top: 1px solid var(--wp--preset--color--contrast);
gap: 32px;
align-items: end;
scroll-margin-top: 24px;
}
.moodnews-newsletter p,
.moodnews-newsletter h2 {
margin: 0;
}
.moodnews-newsletter__title {
margin-top: 14px !important;
font-size: clamp(26px, 3.4vw, 48px) !important;
font-weight: 600;
line-height: 1.02;
letter-spacing: -0.02em;
}
.moodnews-newsletter__text {
margin-top: 16px !important;
max-width: 30em;
font-family: var(--wp--preset--font-family--read);
font-size: 19px;
line-height: 1.55;
color: var(--wp--preset--color--muted);
}
.moodnews-newsletter__form > .moodnews-meta {
margin-top: 12px !important;
} .moodnews-newsletter .wp-block-jetpack-subscriptions form,
.moodnews-newsletter .wp-block-jetpack-subscriptions__form-elements {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.moodnews-newsletter input[type="email"] {
flex: 1 1 240px;
height: 48px;
padding: 0 16px;
background: var(--wp--preset--color--surface);
border: 1px solid var(--wp--preset--color--line);
border-radius: 2px;
color: var(--wp--preset--color--contrast);
font-family: var(--wp--preset--font-family--ui);
font-size: 15px;
}
.moodnews-newsletter input[type="email"]::placeholder {
color: var(--wp--preset--color--muted);
}
.moodnews-newsletter button[type="submit"],
.moodnews-newsletter .wp-block-button__link {
height: 48px;
padding: 0 24px;
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
border: 0;
border-radius: 2px;
font-family: var(--wp--preset--font-family--ui);
font-size: 15px;
font-weight: 500;
display: inline-flex;
align-items: center;
} .moodnews-une__grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)) !important; }
.moodnews-fil__list .wp-block-post-template { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important; }
.moodnews-video__grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)) !important; }
.moodnews-rubriques__grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important; }
.moodnews-newsletter { grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)) !important; }
.moodnews-signed { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important; } @media (min-width: 1001px) {
.moodnews-une__grid {
align-items: stretch;
}
.moodnews-une__media {
min-height: 420px;
}
.moodnews-une__media .wp-block-post-featured-image {
position: absolute;
inset: 0;
}
.moodnews-une__media .wp-block-post-featured-image a {
display: block;
height: 100%;
}
.moodnews-une__media .wp-block-post-featured-image img {
width: 100%;
height: 100% !important;
aspect-ratio: auto !important;
object-fit: cover;
}
} .moodnews-videopage__head {
max-width: 1000px;
padding: clamp(32px, 4vw, 64px) 0 clamp(24px, 2.4vw, 36px);
margin-left: 0 !important;
}
.moodnews-videopage__head > * {
margin-block: 0;
}
.moodnews-kicker__plain {
color: var(--wp--preset--color--contrast);
}
.moodnews-videopage__title {
margin-top: 20px !important;
font-size: clamp(30px, 4.4vw, 68px) !important;
font-weight: 600;
line-height: 1;
letter-spacing: -0.03em;
text-wrap: balance;
} .moodnews-player {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: var(--wp--preset--color--surface);
border: 1px solid var(--wp--preset--color--line);
container-type: inline-size;
}
.moodnews-player__media {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: #000;
}
.moodnews-player__start {
position: absolute;
inset: 0;
display: block;
width: 100%;
padding: 0;
background: var(--wp--preset--color--base);
border: 0;
color: var(--wp--preset--color--contrast);
text-align: left;
cursor: pointer;
}
.moodnews-player__start:focus-visible {
outline-offset: -4px;
}
.moodnews-player__label {
position: absolute;
left: 5%;
top: 9%;
font-family: var(--wp--preset--font-family--meta);
font-size: clamp(11px, 1cqi, 14px);
letter-spacing: 0.14em;
color: var(--wp--preset--color--muted);
}
.moodnews-player__mark {
position: absolute;
left: 5%;
bottom: 14%;
display: block; height: 11cqi;
color: var(--wp--preset--color--contrast);
} .moodnews-player__mark svg {
display: block;
width: auto;
height: 100%;
}
.moodnews-player__title {
position: absolute;
left: calc(5% + 14cqi);
right: 24%;
bottom: 14%;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(18px, 3.2cqi, 48px);
font-weight: 600;
line-height: 1;
letter-spacing: -0.02em;
}
.moodnews-player__play {
position: absolute;
right: 5%;
bottom: 14%;
display: flex;
align-items: center;
justify-content: center;
width: clamp(52px, 6cqi, 88px);
height: clamp(52px, 6cqi, 88px);
background: var(--wp--preset--color--contrast);
border-radius: 2px;
}
.moodnews-player__play::before {
content: "";
margin-left: 4px;
border-style: solid;
border-width: 9px 0 9px 16px;
border-color: transparent transparent transparent var(--wp--preset--color--base);
}
.moodnews-player__start:hover .moodnews-player__play {
background: var(--wp--preset--color--muted);
}
.moodnews-player__bar {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 6px;
background: var(--wp--preset--color--interview);
} .moodnews-videopage__intro {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)) !important;
gap: clamp(32px, 5vw, 80px);
padding: clamp(32px, 4vw, 56px) 0;
margin-top: 0 !important;
}
.moodnews-videopage__standfirst {
font-family: var(--wp--preset--font-family--read);
font-size: clamp(21px, 1.9vw, 26px);
line-height: 1.45;
text-wrap: pretty;
}
.moodnews-videopage__standfirst p {
margin: 0;
}
.moodnews-videopage__lead .moodnews-byline {
margin-top: 24px !important;
padding-top: 16px;
}
.moodnews-chapters ol {
margin: 8px 0 0;
padding: 0;
list-style: none;
}
.moodnews-chapters .moodnews-meta {
margin: 0;
}
.moodnews-chapter {
display: grid;
grid-template-columns: 64px minmax(0, 1fr);
gap: 12px;
width: 100%;
min-height: 44px;
padding: 14px 0;
background: none;
border: 0;
border-top: 1px solid var(--wp--preset--color--line);
color: var(--wp--preset--color--contrast);
text-align: left;
cursor: pointer;
}
.moodnews-chapter:hover,
.moodnews-chapter[aria-current] {
background: var(--wp--preset--color--surface);
}
.moodnews-chapter__time {
font-family: var(--wp--preset--font-family--meta);
font-size: 13px;
color: var(--wp--preset--color--interview);
}
.moodnews-chapter__label {
font-family: var(--wp--preset--font-family--ui);
font-size: 15px;
font-weight: 500;
}
.moodnews-videopage__body {
padding-top: 0;
} .moodnews-extracts {
padding: 24px 0 clamp(48px, 5vw, 80px);
border-top: 1px solid var(--wp--preset--color--contrast);
}
.moodnews-extracts__row {
gap: clamp(12px, 1.6vw, 24px) !important;
margin-top: 24px !important;
padding-bottom: 8px;
overflow-x: auto;
align-items: flex-start !important;
}
.moodnews-extracts__row > * { flex: 0 0 auto !important;
width: clamp(160px, 17vw, 248px) !important;
margin: 0 !important;
}
.moodnews-extracts .moodnews-player,
.moodnews-player--extract {
aspect-ratio: 9 / 16;
}
.moodnews-player--extract .moodnews-player__label {
left: 10%;
top: 7%;
font-size: 11px;
}
.moodnews-player--extract .moodnews-player__mark {
left: 10%;
bottom: 26%;
height: 16%;
}
.moodnews-player--extract .moodnews-player__title {
left: 10%;
right: 10%;
bottom: 9%;
font-size: 15px;
font-weight: 500;
line-height: 1.15;
}
.moodnews-player--extract .moodnews-player__play {
right: 10%;
top: 6%;
bottom: auto;
width: 36px;
height: 36px;
}
.moodnews-player--extract .moodnews-player__play::before {
border-width: 6px 0 6px 10px;
margin-left: 2px;
}
.moodnews-player--extract .moodnews-player__bar {
height: 4px;
}
.moodnews-extracts figcaption,
.moodnews-embed figcaption {
margin-top: 10px;
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--wp--preset--color--muted);
}
.moodnews-extracts .wp-block-video video {
width: 100%;
aspect-ratio: 9 / 16;
object-fit: cover;
background: var(--wp--preset--color--base);
border: 1px solid var(--wp--preset--color--line);
border-bottom: 4px solid var(--wp--preset--color--interview);
}
.moodnews-embed {
margin-block: 0 1.6em;
} .moodnews-extracts__row {
counter-reset: moodnews-extract;
}
.moodnews-extracts__row > * {
counter-increment: moodnews-extract;
} .moodnews-player--extract {
container-type: normal;
}
.moodnews-player--extract .moodnews-player__label::after {
content: " " counter(moodnews-extract, decimal-leading-zero);
}
.moodnews-extracts .moodnews-embed figcaption {
display: none;
} .moodnews-archive {
padding-left: clamp(16px, 3vw, 48px) !important;
padding-right: clamp(16px, 3vw, 48px) !important;
}
.moodnews-archive > * {
margin-block: 0 !important;
} .moodnews-archive-head {
padding: 24px 0 clamp(40px, 4vw, 56px);
margin-top: clamp(32px, 4vw, 56px) !important;
border-top: 1px solid var(--wp--preset--color--contrast);
}
.moodnews-archive-head > * {
margin: 0;
}
.moodnews-archive-head__label {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
letter-spacing: 0.12em;
color: var(--moodnews-format-text, var(--moodnews-format, var(--wp--preset--color--muted)));
}
.moodnews-archive-head__label::before {
content: "";
flex: none;
width: 10px;
height: 10px;
background: var(--moodnews-format, var(--wp--preset--color--muted));
}
.moodnews-archive-head__title {
margin-top: 16px !important;
font-size: clamp(30px, 4.5vw, 64px) !important;
font-weight: 600;
line-height: 1;
letter-spacing: -0.02em;
text-wrap: balance;
overflow-wrap: anywhere;
}
.moodnews-archive-head__desc,
.moodnews-archive-head__desc p {
max-width: 62ch;
margin-top: 16px !important;
font-family: var(--wp--preset--font-family--read);
font-size: clamp(17px, 1.4vw, 19px);
line-height: 1.55;
color: var(--wp--preset--color--muted);
}
.moodnews-archive-head__count {
margin-top: 20px !important;
} .moodnews-search {
margin-top: 24px !important;
max-width: 640px;
}
.moodnews-search .wp-block-search__inside-wrapper {
gap: 8px;
padding: 0;
border: 0;
}
.moodnews-search .wp-block-search__input {
height: 48px;
padding: 0 16px;
background: var(--wp--preset--color--surface);
border: 1px solid var(--wp--preset--color--line);
border-radius: 2px;
color: var(--wp--preset--color--contrast);
font-family: var(--wp--preset--font-family--ui);
font-size: 15px;
}
.moodnews-search .wp-block-search__input::placeholder {
color: var(--wp--preset--color--muted);
}
.moodnews-search .wp-block-search__button {
height: 48px;
margin: 0;
padding: 0 20px;
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
border: 0;
border-radius: 2px;
font-family: var(--wp--preset--font-family--ui);
font-size: 15px;
font-weight: 500;
} .moodnews-author-head {
display: grid;
grid-template-columns: clamp(112px, 12vw, 160px) minmax(0, 1fr);
gap: 32px;
align-items: start;
padding: 24px 0 clamp(40px, 4vw, 56px);
margin-top: clamp(32px, 4vw, 56px);
border-top: 1px solid var(--wp--preset--color--contrast);
}
.moodnews-author-head__portrait {
aspect-ratio: 4 / 5;
background: var(--wp--preset--color--surface);
border-bottom: 4px solid var(--moodnews-format, var(--wp--preset--color--muted));
overflow: hidden;
}
.moodnews-author-head__portrait img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.moodnews-author-head__initials {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
font-family: var(--wp--preset--font-family--display);
font-size: 28px;
font-weight: 600;
}
.moodnews-author-head__text > * {
margin: 0;
}
.moodnews-author-head__name {
margin-top: 12px !important;
font-size: clamp(26px, 3.4vw, 48px);
font-weight: 600;
line-height: 1.02;
letter-spacing: -0.02em;
}
.moodnews-author-head__bio {
max-width: 62ch;
margin-top: 16px !important;
font-family: var(--wp--preset--font-family--read);
font-size: clamp(17px, 1.4vw, 19px);
line-height: 1.55;
} .moodnews-list__items {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid var(--wp--preset--color--line);
}
.moodnews-list__items > li {
margin: 0;
border-bottom: 1px solid var(--wp--preset--color--line);
}
.moodnews-list__item {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 96px;
gap: 16px;
align-items: start;
padding: 24px 0;
}
.moodnews-list__item:hover {
background: var(--wp--preset--color--surface);
}
.moodnews-list__item:hover .moodnews-list__title a {
text-decoration: underline;
} .moodnews-list__item:not(:has(.moodnews-list__image img)) {
grid-template-columns: minmax(0, 1fr);
}
.moodnews-list__image {
margin: 0 !important;
}
.moodnews-list__image img {
border-radius: 0;
}
.moodnews-list__text {
max-width: 720px;
}
.moodnews-list__text > * {
margin: 0;
}
.moodnews-list__kicker {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
letter-spacing: 0.12em;
color: var(--moodnews-format-text, var(--moodnews-format, var(--wp--preset--color--muted)));
}
.moodnews-list__kicker::before {
content: "";
flex: none;
width: 8px;
height: 8px;
background: var(--moodnews-format, var(--wp--preset--color--muted));
}
.moodnews-list__title {
margin-top: 12px !important;
font-size: clamp(19px, 1.9vw, 26px) !important;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.01em;
} .moodnews-list__title a {
color: inherit;
text-decoration: none;
}
.moodnews-list__title a::after {
content: "";
position: absolute;
inset: 0;
}
.moodnews-list__excerpt {
margin-top: 10px !important;
font-family: var(--wp--preset--font-family--read);
font-size: clamp(17px, 1.4vw, 19px);
line-height: 1.5;
color: var(--wp--preset--color--muted);
}
.moodnews-list__excerpt p {
display: -webkit-box;
margin: 0;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.moodnews-list__excerpt .wp-block-post-excerpt__more-text {
display: none;
}
.moodnews-list__meta {
margin-top: 12px !important;
}
@media (min-width: 782px) {
.moodnews-list__item {
grid-template-columns: 280px minmax(0, 1fr);
gap: 32px;
} .moodnews-list__image {
grid-row: 1;
grid-column: 1;
}
.moodnews-list__text {
grid-row: 1;
grid-column: 2;
}
.moodnews-list__item:not(:has(.moodnews-list__image img)) .moodnews-list__text {
grid-column: 1;
}
}
@media (max-width: 781px) {
.moodnews-list__image img {
width: 96px;
height: 96px;
aspect-ratio: 1 !important;
object-fit: cover;
}
.moodnews-list__excerpt {
display: none;
}
} .category-actu { --moodnews-format: var(--wp--preset--color--news); }
.category-mood-think { --moodnews-format: var(--wp--preset--color--think); }
.category-interviews { --moodnews-format: var(--wp--preset--color--interview); }
.category-nostalgie { --moodnews-format: var(--wp--preset--color--throwback); }
.category-top-charts { --moodnews-format: var(--wp--preset--color--charts); } .moodnews-pagination {
margin-top: 40px !important;
padding-top: 24px;
border-top: 1px solid var(--wp--preset--color--line);
}
.moodnews-pagination .wp-block-query-pagination {
gap: 8px;
align-items: center;
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.moodnews-pagination a,
.moodnews-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding: 0 12px;
color: var(--wp--preset--color--contrast);
text-decoration: none;
border-radius: 2px;
}
.moodnews-pagination .wp-block-query-pagination-previous,
.moodnews-pagination .wp-block-query-pagination-next {
border: 1px solid var(--wp--preset--color--line);
}
.moodnews-pagination .page-numbers.current {
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
}
.moodnews-pagination a:hover {
background: var(--wp--preset--color--surface);
}
.moodnews-pagination__page {
display: none;
margin: 0;
text-align: center;
}
@media (max-width: 599px) {
.moodnews-pagination .wp-block-query-pagination-numbers {
display: none;
}
.moodnews-pagination__page {
display: block;
margin-top: 12px;
}
} .moodnews-empty {
padding: 24px 0 clamp(40px, 4vw, 64px);
}
.moodnews-empty > * {
margin: 0;
}
.moodnews-empty__title {
font-size: clamp(21px, 2vw, 28px) !important;
font-weight: 500;
}
.moodnews-empty__text {
margin-top: 12px !important;
font-family: var(--wp--preset--font-family--read);
font-size: 19px;
color: var(--wp--preset--color--muted);
}
.moodnews-empty .moodnews-rubriques__grid {
margin-top: 32px;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
} .moodnews-pagination:not(:has(a, .page-numbers)) {
display: none;
} .search-no-results .moodnews-archive-head__count,
.search-no-results .moodnews-empty__title,
.search-no-results .moodnews-empty .moodnews-search {
display: none;
}
.search-no-results .moodnews-empty__text {
margin-top: 0 !important;
}  .moodnews-embed-card {
margin-block: 0 1.6em;
background: var(--wp--preset--color--surface);
border: 1px solid var(--wp--preset--color--line);
border-radius: 4px;
}
.moodnews-embed-card__load,
.moodnews-embed-card--link a {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
min-height: 44px;
padding: 18px 20px 18px 72px;
position: relative;
background: none;
border: 0;
color: var(--wp--preset--color--contrast);
font-family: var(--wp--preset--font-family--ui);
text-align: left;
text-decoration: none;
cursor: pointer;
}
.moodnews-embed-card__load::before {
content: "";
position: absolute;
left: 20px;
top: 50%;
width: 36px;
height: 36px;
margin-top: -18px;
border-radius: 2px;
background: var(--wp--preset--color--contrast);
}
.moodnews-embed-card__load::after {
content: "";
position: absolute;
left: 34px;
top: 50%;
margin-top: -6px;
border-style: solid;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent var(--wp--preset--color--base);
}
.moodnews-embed-card--link a {
padding-left: 20px;
}
.moodnews-embed-card__title {
font-size: 16px;
font-weight: 500;
}
.moodnews-embed-card--link .moodnews-embed-card__title::after {
content: " →";
}
.moodnews-embed-card__hint {
font-size: 13px;
color: var(--wp--preset--color--muted);
}
.moodnews-embed-card__load:hover,
.moodnews-embed-card--link a:hover {
background: var(--wp--preset--color--surface-hover);
}
.moodnews-embed-card.is-loaded {
padding: 0;
overflow: hidden;
}
.moodnews-embed-card__frame {
display: block;
border: 0;
} .moodnews-article__body .moodnews-player--inline,
.moodnews-article__body > .moodnews-player {
margin-block: 0 1.6em;
} .moodnews-article__body img {
border-radius: 0;
}
.moodnews-article__body figcaption,
.moodnews-article__body .wp-element-caption,
.moodnews-article__body .blocks-gallery-caption,
.moodnews-article__body .wp-block-jetpack-slideshow_caption {
margin-top: 10px;
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--wp--preset--color--muted);
text-align: left;
}
.moodnews-article__body .wp-block-gallery {
gap: 8px;
}
.moodnews-article__body .wp-block-jetpack-slideshow_button-prev,
.moodnews-article__body .wp-block-jetpack-slideshow_button-next,
.moodnews-article__body .wp-block-jetpack-slideshow_button-pause {
background-color: var(--wp--preset--color--contrast) !important;
border-radius: 2px !important;
filter: invert(1);
}
.moodnews-article__body .swiper-pagination-bullet {
background: var(--wp--preset--color--muted) !important;
border-radius: 0 !important;
opacity: 1 !important;
}
.moodnews-article__body .swiper-pagination-bullet-active {
background: var(--wp--preset--color--contrast) !important;
} .moodnews-article__body .wp-block-quote {
margin-block: 1.6em;
padding-left: 20px;
border-left: 2px solid var(--wp--preset--color--contrast);
font-family: var(--wp--preset--font-family--read);
font-size: 21px;
font-style: italic;
line-height: 1.45;
}
.moodnews-article__body .wp-block-quote cite {
display: block;
margin-top: 10px;
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
font-style: normal;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--wp--preset--color--muted);
}
.moodnews-article__body ul,
.moodnews-article__body ol {
padding-left: 1.2em;
}
.moodnews-article__body li {
margin-bottom: 0.4em;
}
.moodnews-article__body li::marker {
color: var(--wp--preset--color--muted);
}
.moodnews-article__body .wp-block-code,
.moodnews-article__body pre {
padding: 16px 20px;
overflow-x: auto;
background: var(--wp--preset--color--surface);
border: 1px solid var(--wp--preset--color--line);
border-radius: 4px;
font-family: var(--wp--preset--font-family--meta);
font-size: 14px;
line-height: 1.6;
white-space: pre-wrap;
}
.moodnews-article__body .wp-block-table {
overflow-x: auto;
}
.moodnews-article__body table {
width: 100%;
border-collapse: collapse;
font-family: var(--wp--preset--font-family--ui);
font-size: 15px;
}
.moodnews-article__body th,
.moodnews-article__body td {
padding: 10px 12px;
border: 0;
border-bottom: 1px solid var(--wp--preset--color--line);
text-align: left;
}
.moodnews-article__body th {
font-family: var(--wp--preset--font-family--meta);
font-size: 12px;
font-weight: 400;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--wp--preset--color--muted);
}
.moodnews-article__body .wp-block-separator {
margin-block: 2em;
border: 0;
border-top: 1px solid var(--wp--preset--color--line);
opacity: 1;
} .moodnews-article__body .has-white-color,
.moodnews-article__body .has-black-color {
color: inherit !important;
}
.moodnews-article__body thead {
border-bottom: 1px solid var(--wp--preset--color--contrast);
}.ld { display: none; }
.has-loader .ld { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; background: #0A0A0B; transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 800ms; animation: ld-failsafe 600ms ease 8s forwards; }
@keyframes ld-failsafe { to { opacity: 0; visibility: hidden; } }
.has-loader body { overflow: hidden; }
.ld.is-done { opacity: 0; visibility: hidden; }
.ld__stage { position: relative; width: var(--ld-width); }
.ld__stage::before { content: ''; position: absolute; inset: -30%; background: radial-gradient(closest-side, var(--ld-color), transparent 70%); opacity: 0; filter: blur(30px); transition: opacity 1200ms cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; }
.ld.is-lit .ld__stage::before { opacity: 0.38; }
.ld__logo { position: relative; aspect-ratio: var(--ld-ratio); background: #232326; -webkit-mask: var(--ld-logo) center / 100% 100% no-repeat; mask: var(--ld-logo) center / 100% 100% no-repeat; transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1); }
.ld.is-done .ld__logo { transform: scale(1.05); } .ld__liquid { position: absolute; left: 0; right: 0; bottom: 0; height: calc(var(--ld-level, 0) * 112%); background: var(--ld-color); }
.ld__liquid::after { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%); background-size: 250% 100%; background-position: 120% 0; opacity: 0; }
.ld.is-lit .ld__liquid::after { animation: ld-shine 1600ms cubic-bezier(0.45, 0, 0.25, 1) forwards; }
.ld__wave { position: absolute; left: 0; width: 100%; top: -17px; height: 18px; overflow: hidden; }
.ld__wave svg { display: block; width: 3000px; height: 18px; animation: ld-wave 2.6s linear infinite; }
.ld__wave path { fill: var(--ld-color); }
.ld__drop { position: absolute; left: 50%; top: -34px; width: 22px; height: 31px; margin-left: -11px; fill: var(--ld-color); opacity: 0; transform: translateY(-48vh); animation: ld-drop 1100ms cubic-bezier(0.55, 0, 0.9, 0.5) 150ms forwards; }
.ld__ripple { position: absolute; left: 50%; top: 0; width: 60px; height: 14px; margin: -7px 0 0 -30px; border: 2px solid var(--ld-color); border-radius: 50%; opacity: 0; animation: ld-ripple 1100ms ease-out 1200ms forwards; }
.ld--gold .ld__ripple { top: 6%; }
.ld--gold .ld__drop { top: calc(6% - 34px); }
@keyframes ld-drop {
0% { opacity: 0; transform: translateY(-48vh) scale(0.9, 1.15); }
15% { opacity: 1; }
93% { opacity: 1; transform: translateY(0) scale(0.95, 1.1); }
100% { opacity: 0; transform: translateY(6px) scale(1.5, 0.4); }
}
@keyframes ld-ripple { 0% { opacity: 0.9; transform: scale(0.3); } 100% { opacity: 0; transform: scale(2.4); } }
@keyframes ld-wave { from { transform: translateX(0); } to { transform: translateX(-96px); } }
@keyframes ld-shine { 0% { opacity: 1; background-position: 120% 0; } 100% { opacity: 1; background-position: -60% 0; } }
@media (prefers-reduced-motion: reduce) { .has-loader .ld { display: none; } .has-loader body { overflow: auto; } }