/* Exkave HiFi visual system.
   Loaded last on desktop pages. Layout stays in page CSS; color, material,
   menu chrome, hover states, cards, mockups and backgrounds are centralized here. */

:root {
  --ex-hifi-black: #050505;
  --ex-hifi-black-2: #0c0c0a;
  --ex-hifi-carbon: #14130f;
  --ex-hifi-carbon-2: #1d1b15;
  --ex-hifi-cream: #fffdf7;
  --ex-hifi-muted: rgba(255,253,247,.72);
  --ex-hifi-quiet: rgba(255,253,247,.48);
  --ex-hifi-gold: #d8b765;
  --ex-hifi-gold-soft: #f4e6b8;
  --ex-hifi-gold-hot: #ffdc78;
  --ex-hifi-gold-deep: #73561e;
  --ex-hifi-gold-line: rgba(216, 183, 101, .34);
  --ex-hifi-gold-line-soft: rgba(216, 183, 101, .18);
  --ex-hifi-shadow: 0 24px 70px rgba(0, 0, 0, .5);
  --ex-hifi-gradient: linear-gradient(135deg, #fff0bd 0%, #d8b765 42%, #9b7425 74%, #4f3a13 100%);
  --ex-hifi-surface: rgba(17, 17, 14, .86);
  --ex-hifi-surface-strong: rgba(6, 6, 5, .96);
  --bg: var(--ex-hifi-black) !important;
  --ink: var(--ex-hifi-cream) !important;
  --text: var(--ex-hifi-cream) !important;
  --muted: var(--ex-hifi-muted) !important;
  --soft: var(--ex-hifi-quiet) !important;
  --quiet: var(--ex-hifi-quiet) !important;
  --line: var(--ex-hifi-gold-line-soft) !important;
  --panel: var(--ex-hifi-surface) !important;
  --panel-strong: var(--ex-hifi-surface-strong) !important;
  --purple: var(--ex-hifi-carbon) !important;
  --pink: var(--ex-hifi-gold) !important;
  --pink-hot: var(--ex-hifi-gold-hot) !important;
  --violet: var(--ex-hifi-gold) !important;
  --violet-2: var(--ex-hifi-gold-soft) !important;
  --amber: var(--ex-hifi-gold) !important;
  --gold: var(--ex-hifi-gold) !important;
  --hot: var(--ex-hifi-gold) !important;
}

html[data-exkave-theme="light"],
html[data-theme="light"] {
  --ex-hifi-black: #fffdf7;
  --ex-hifi-black-2: #efede6;
  --ex-hifi-carbon: #fffdf7;
  --ex-hifi-carbon-2: #f3f1ea;
  --ex-hifi-cream: #101010;
  --ex-hifi-muted: rgba(16, 16, 16, .68);
  --ex-hifi-quiet: rgba(16, 16, 16, .48);
  --ex-hifi-gold: #9d7627;
  --ex-hifi-gold-soft: #c19a45;
  --ex-hifi-gold-hot: #755820;
  --ex-hifi-gold-deep: #3d321a;
  --ex-hifi-gold-line: rgba(157, 118, 39, .34);
  --ex-hifi-gold-line-soft: rgba(16, 16, 16, .13);
  --ex-hifi-shadow: 0 18px 48px rgba(20, 20, 20, .12);
  --ex-hifi-gradient: linear-gradient(135deg, #151515 0%, #333129 58%, #9d7627 100%);
  --ex-hifi-surface: rgba(255,253,247,.9);
  --ex-hifi-surface-strong: rgba(255,253,247,.98);
  --bg: #fffdf7 !important;
  --ink: #101010 !important;
  --text: #101010 !important;
  --muted: rgba(16, 16, 16, .68) !important;
  --soft: rgba(16, 16, 16, .44) !important;
  --quiet: rgba(16, 16, 16, .5) !important;
  --line: rgba(16, 16, 16, .13) !important;
  --panel: rgba(255,253,247,.9) !important;
  --panel-strong: rgba(255,253,247,.98) !important;
  --purple: #fffdf7 !important;
  --pink: #111111 !important;
  --pink-hot: #111111 !important;
  --violet: #111111 !important;
  --violet-2: #4d4a42 !important;
  --amber: #9d7627 !important;
  --gold: #9d7627 !important;
  --hot: #111111 !important;
}

html[data-exkave-theme="modern"],
html[data-theme="modern"],
html:not([data-exkave-theme]):not([data-theme]) {
  color-scheme: dark !important;
}

html[data-exkave-theme="light"],
html[data-theme="light"] {
  color-scheme: light !important;
}

body {
  color: var(--ex-hifi-cream) !important;
  background:
    radial-gradient(80rem 56rem at 10% -12%, rgba(216, 183, 101, .16), transparent 48%),
    radial-gradient(70rem 44rem at 92% 0%, rgba(255, 220, 120, .08), transparent 52%),
    linear-gradient(180deg, #090909 0%, #050505 56%, #020202 100%) !important;
}

body::before {
  content: "" !important;
  position: fixed !important;
  inset: -18% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: .28 !important;
  background:
    repeating-radial-gradient(circle at 82% 10%, rgba(216, 183, 101, .22) 0 1px, transparent 1px 11px),
    repeating-linear-gradient(-8deg, rgba(216, 183, 101, .045) 0 1px, transparent 1px 13px) !important;
  mix-blend-mode: screen !important;
}

html[data-exkave-theme="light"] body,
html[data-theme="light"] body {
  color: #101010 !important;
  background:
    linear-gradient(180deg, rgba(255,253,247,.82), rgba(255,253,247,.96)),
    url("/assets/fond-clair.png") center top / cover fixed,
    #fffdf7 !important;
}

html[data-exkave-theme="light"] body::before,
html[data-theme="light"] body::before {
  opacity: .12 !important;
  background:
    repeating-radial-gradient(circle at 86% 8%, rgba(157, 118, 39, .22) 0 1px, transparent 1px 12px),
    repeating-linear-gradient(-8deg, rgba(16, 16, 16, .035) 0 1px, transparent 1px 14px) !important;
  mix-blend-mode: multiply !important;
}

.transition-overlay {
  background:
    radial-gradient(circle at 68% 22%, rgba(216, 183, 101, .24), transparent 34%),
    radial-gradient(circle at 22% 78%, rgba(244, 230, 184, .16), transparent 38%),
    linear-gradient(135deg, #050505 0%, #14130f 48%, #020202 100%) !important;
  box-shadow: 0 0 120px rgba(216, 183, 101, .13) inset !important;
}

.grain-layer {
  opacity: .055 !important;
  mix-blend-mode: soft-light !important;
}

.exkave-menu {
  --menu-bg: #050505 !important;
  --menu-text: #fffdf7 !important;
  --menu-muted: rgba(255,253,247,.72) !important;
  --menu-quiet: rgba(255,253,247,.48) !important;
  --menu-line: rgba(216, 183, 101, .18) !important;
  --menu-violet: var(--ex-hifi-gold) !important;
  --menu-pink: var(--ex-hifi-gold) !important;
  --menu-amber: var(--ex-hifi-gold) !important;
  color: #fffdf7 !important;
  background:
    linear-gradient(180deg, rgba(5, 5, 5, .995), rgba(8, 8, 7, .985)),
    radial-gradient(42rem 18rem at 20% -20%, rgba(216, 183, 101, .16), transparent 68%) !important;
  border-bottom-color: rgba(216, 183, 101, .2) !important;
  box-shadow: 0 14px 50px rgba(0, 0, 0, .62), 0 1px 0 rgba(216, 183, 101, .12) inset !important;
}

.exkave-menu__logo {
  filter: drop-shadow(0 14px 32px rgba(216, 183, 101, .18)) !important;
}

.exkave-menu__search,
.exkave-menu__link,
.exkave-menu__submenu,
.exkave-menu__lang-button,
.exkave-theme-picker__button {
  border-color: rgba(216, 183, 101, .2) !important;
  background-color: rgba(255,253,247,.045) !important;
}

.exkave-menu__link,
.exkave-menu__search-input,
.exkave-menu__lang-button,
.exkave-theme-picker__button {
  color: rgba(255,253,247,.78) !important;
}

.exkave-menu__link:hover,
.exkave-menu__item:focus-within .exkave-menu__link,
.exkave-menu__link.is-active,
.exkave-menu__item.is-open > .exkave-menu__link,
.exkave-theme-picker__button:hover,
.exkave-theme-picker__button.is-active {
  color: #050505 !important;
  border-color: transparent !important;
  background: var(--ex-hifi-gradient) !important;
  box-shadow: 0 16px 36px rgba(216, 183, 101, .22) !important;
}

.exkave-menu .exkave-menu__search-button,
.exkave-menu__submenu a:hover,
.exkave-menu__submenu a:focus-visible {
  color: #050505 !important;
  background: var(--ex-hifi-gradient) !important;
}

.exkave-menu .exkave-menu__search-input::placeholder {
  color: rgba(255,253,247,.48) !important;
}

html[data-exkave-theme="light"] .exkave-menu,
html[data-theme="light"] .exkave-menu {
  --menu-bg: #fffdf7 !important;
  --menu-text: #101010 !important;
  --menu-muted: rgba(16, 16, 16, .66) !important;
  --menu-quiet: rgba(16, 16, 16, .42) !important;
  --menu-line: rgba(16, 16, 16, .12) !important;
  color: #101010 !important;
  background:
    linear-gradient(180deg, rgba(255,253,247,.98), rgba(255,253,247,.96)),
    radial-gradient(38rem 14rem at 18% -24%, rgba(157, 118, 39, .18), transparent 68%) !important;
  border-bottom-color: rgba(16, 16, 16, .12) !important;
  box-shadow: 0 12px 40px rgba(20, 20, 20, .12), 0 1px 0 rgba(255,253,247,.8) inset !important;
}

html[data-exkave-theme="light"] .exkave-menu__search,
html[data-theme="light"] .exkave-menu__search,
html[data-exkave-theme="light"] .exkave-menu__link,
html[data-theme="light"] .exkave-menu__link,
html[data-exkave-theme="light"] .exkave-menu__submenu,
html[data-theme="light"] .exkave-menu__submenu,
html[data-exkave-theme="light"] .exkave-menu__lang-button,
html[data-theme="light"] .exkave-menu__lang-button,
html[data-exkave-theme="light"] .exkave-theme-picker__button,
html[data-theme="light"] .exkave-theme-picker__button {
  color: rgba(16, 16, 16, .72) !important;
  border-color: rgba(16, 16, 16, .13) !important;
  background-color: rgba(255,253,247,.74) !important;
}

html[data-exkave-theme="light"] .exkave-menu__link:hover,
html[data-theme="light"] .exkave-menu__link:hover,
html[data-exkave-theme="light"] .exkave-menu__link.is-active,
html[data-theme="light"] .exkave-menu__link.is-active,
html[data-exkave-theme="light"] .exkave-theme-picker__button.is-active,
html[data-theme="light"] .exkave-theme-picker__button.is-active {
  color: #fffdf7 !important;
  background: linear-gradient(135deg, #101010 0%, #302d25 58%, #9d7627 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 16px 34px rgba(20, 20, 20, .16) !important;
}

.exkave-theme-picker__swatch {
  border-color: rgba(255,253,247,.84) !important;
}

.exkave-theme-picker__swatch.is-modern {
  background: radial-gradient(circle at 32% 24%, #fff0bd 0%, #d8b765 42%, #8d6823 72%, #050505 100%) !important;
}

.exkave-theme-picker__swatch.is-light {
  background: radial-gradient(circle at 34% 24%, #fffdf7 0%, #fffdf7 68%, #9d7627 100%) !important;
  border-color: rgba(16, 16, 16, .22) !important;
}

button,
.button,
.btn,
.cta,
.cta-button,
.primary,
.read-link,
.submit-button,
.action-button,
.search-button,
.filter-button,
.plan-button,
.subscribe-button,
.unlock-button,
.exkave-footer__links a,
.back-to-top {
  border-color: var(--ex-hifi-gold-line) !important;
}

button:not(.exkave-menu__link):not(.exkave-menu__lang-button):not(.exkave-theme-picker__button),
.button,
.btn,
.cta,
.cta-button,
.primary,
.read-link,
.submit-button,
.action-button,
.search-button,
.filter-button,
.plan-button,
.subscribe-button,
.unlock-button {
  background: var(--ex-hifi-gradient) !important;
  color: #050505 !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .28), 0 0 0 1px rgba(216, 183, 101, .14) inset !important;
}

html[data-exkave-theme="light"] button:not(.exkave-menu__link):not(.exkave-menu__lang-button):not(.exkave-theme-picker__button),
html[data-theme="light"] button:not(.exkave-menu__link):not(.exkave-menu__lang-button):not(.exkave-theme-picker__button),
html[data-exkave-theme="light"] .button,
html[data-theme="light"] .button,
html[data-exkave-theme="light"] .btn,
html[data-theme="light"] .btn,
html[data-exkave-theme="light"] .cta,
html[data-theme="light"] .cta,
html[data-exkave-theme="light"] .primary,
html[data-theme="light"] .primary {
  background: linear-gradient(135deg, #151515 0%, #302d25 64%, #9d7627 100%) !important;
  color: #fffdf7 !important;
  box-shadow: 0 16px 38px rgba(16, 16, 16, .14) !important;
}

button:hover,
.button:hover,
.btn:hover,
.cta:hover,
.read-link:hover,
.action-button:hover,
.search-button:hover,
.filter-button:hover,
.plan-button:hover,
.subscribe-button:hover,
.unlock-button:hover,
.back-to-top:hover {
  filter: brightness(1.06) saturate(1.04) !important;
  transform: translateY(-1px);
}

input,
select,
textarea,
.input,
.search-input,
.mission-search,
.filter-input,
.runout-input {
  color: var(--ex-hifi-cream) !important;
  caret-color: var(--ex-hifi-gold) !important;
  border-color: var(--ex-hifi-gold-line-soft) !important;
  background: rgba(5, 5, 5, .62) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--ex-hifi-quiet) !important;
}

html[data-exkave-theme="light"] input,
html[data-theme="light"] input,
html[data-exkave-theme="light"] select,
html[data-theme="light"] select,
html[data-exkave-theme="light"] textarea,
html[data-theme="light"] textarea,
html[data-exkave-theme="light"] .input,
html[data-theme="light"] .input,
html[data-exkave-theme="light"] .search-input,
html[data-theme="light"] .search-input,
html[data-exkave-theme="light"] .mission-search,
html[data-theme="light"] .mission-search,
html[data-exkave-theme="light"] .filter-input,
html[data-theme="light"] .filter-input,
html[data-exkave-theme="light"] .runout-input,
html[data-theme="light"] .runout-input {
  color: #101010 !important;
  caret-color: #9d7627 !important;
  border-color: rgba(16, 16, 16, .14) !important;
  background: rgba(255,253,247,.86) !important;
}

.card,
.panel,
.glass,
.hero,
.shell,
.section,
.surface,
.landing-section,
.mission-card,
.search-panel,
.detail-card,
.master-card,
.album-panel,
.album-card,
.variant-card,
.pressing-card,
.child-sheet,
.candidate-row,
.proof-card,
.drop,
.runout-tool,
.runout-help-card,
.plan-card,
.subscription-card,
.news-card,
.article-card,
.feature-card,
.vinyl-card,
.popular-card,
.cta-band,
.exkave-theme-panel {
  color: var(--ex-hifi-cream) !important;
  border-color: var(--ex-hifi-gold-line-soft) !important;
  background:
    radial-gradient(36rem 22rem at 24% 0%, rgba(216, 183, 101, .1), transparent 62%),
    linear-gradient(145deg, rgba(255,253,247,.045), rgba(255,253,247,.012)),
    var(--ex-hifi-surface) !important;
  box-shadow: var(--ex-hifi-shadow) !important;
}

html[data-exkave-theme="light"] .card,
html[data-theme="light"] .card,
html[data-exkave-theme="light"] .panel,
html[data-theme="light"] .panel,
html[data-exkave-theme="light"] .glass,
html[data-theme="light"] .glass,
html[data-exkave-theme="light"] .hero,
html[data-theme="light"] .hero,
html[data-exkave-theme="light"] .shell,
html[data-theme="light"] .shell,
html[data-exkave-theme="light"] .section,
html[data-theme="light"] .section,
html[data-exkave-theme="light"] .surface,
html[data-theme="light"] .surface,
html[data-exkave-theme="light"] .landing-section,
html[data-theme="light"] .landing-section,
html[data-exkave-theme="light"] .mission-card,
html[data-theme="light"] .mission-card,
html[data-exkave-theme="light"] .search-panel,
html[data-theme="light"] .search-panel,
html[data-exkave-theme="light"] .detail-card,
html[data-theme="light"] .detail-card,
html[data-exkave-theme="light"] .master-card,
html[data-theme="light"] .master-card,
html[data-exkave-theme="light"] .album-panel,
html[data-theme="light"] .album-panel,
html[data-exkave-theme="light"] .album-card,
html[data-theme="light"] .album-card,
html[data-exkave-theme="light"] .variant-card,
html[data-theme="light"] .variant-card,
html[data-exkave-theme="light"] .pressing-card,
html[data-theme="light"] .pressing-card,
html[data-exkave-theme="light"] .child-sheet,
html[data-theme="light"] .child-sheet,
html[data-exkave-theme="light"] .candidate-row,
html[data-theme="light"] .candidate-row,
html[data-exkave-theme="light"] .proof-card,
html[data-theme="light"] .proof-card,
html[data-exkave-theme="light"] .drop,
html[data-theme="light"] .drop,
html[data-exkave-theme="light"] .runout-tool,
html[data-theme="light"] .runout-tool,
html[data-exkave-theme="light"] .runout-help-card,
html[data-theme="light"] .runout-help-card,
html[data-exkave-theme="light"] .plan-card,
html[data-theme="light"] .plan-card,
html[data-exkave-theme="light"] .subscription-card,
html[data-theme="light"] .subscription-card,
html[data-exkave-theme="light"] .news-card,
html[data-theme="light"] .news-card,
html[data-exkave-theme="light"] .article-card,
html[data-theme="light"] .article-card,
html[data-exkave-theme="light"] .feature-card,
html[data-theme="light"] .feature-card,
html[data-exkave-theme="light"] .vinyl-card,
html[data-theme="light"] .vinyl-card,
html[data-exkave-theme="light"] .popular-card,
html[data-theme="light"] .popular-card,
html[data-exkave-theme="light"] .cta-band,
html[data-theme="light"] .cta-band,
html[data-exkave-theme="light"] .exkave-theme-panel,
html[data-theme="light"] .exkave-theme-panel {
  color: #101010 !important;
  border-color: rgba(16, 16, 16, .13) !important;
  background:
    radial-gradient(36rem 22rem at 20% -8%, rgba(157, 118, 39, .08), transparent 62%),
    linear-gradient(145deg, rgba(255,253,247,.94), rgba(255,253,247,.86)) !important;
  box-shadow: var(--ex-hifi-shadow) !important;
}

.chip,
.badge,
.pill,
.tag,
.stat,
.kicker,
.eyebrow,
.source,
.master-badge,
.album-badge,
.status-badge {
  border-color: var(--ex-hifi-gold-line) !important;
  color: var(--ex-hifi-gold-soft) !important;
  background: rgba(216, 183, 101, .1) !important;
}

html[data-exkave-theme="light"] .chip,
html[data-theme="light"] .chip,
html[data-exkave-theme="light"] .badge,
html[data-theme="light"] .badge,
html[data-exkave-theme="light"] .pill,
html[data-theme="light"] .pill,
html[data-exkave-theme="light"] .tag,
html[data-theme="light"] .tag,
html[data-exkave-theme="light"] .stat,
html[data-theme="light"] .stat,
html[data-exkave-theme="light"] .kicker,
html[data-theme="light"] .kicker,
html[data-exkave-theme="light"] .eyebrow,
html[data-theme="light"] .eyebrow,
html[data-exkave-theme="light"] .source,
html[data-theme="light"] .source,
html[data-exkave-theme="light"] .master-badge,
html[data-theme="light"] .master-badge,
html[data-exkave-theme="light"] .album-badge,
html[data-theme="light"] .album-badge,
html[data-exkave-theme="light"] .status-badge,
html[data-theme="light"] .status-badge {
  color: #4d3b16 !important;
  background: rgba(157, 118, 39, .1) !important;
  border-color: rgba(157, 118, 39, .3) !important;
}

.master-badge,
.album-badge,
.master-mark,
.album-mark,
.master-label {
  color: #fffdf7 !important;
  background: rgba(5, 5, 5, .82) !important;
}

.master-badge svg,
.album-badge svg,
.master-mark svg,
.album-mark svg,
.master-label svg,
.master-badge .icon,
.album-badge .icon {
  color: #fffdf7 !important;
  fill: #fffdf7 !important;
  stroke: #fffdf7 !important;
}

.master-badge strong,
.album-badge strong,
.master-mark strong,
.album-mark strong,
.master-label strong,
.master-badge span,
.album-badge span {
  color: #fffdf7 !important;
}

.selected,
.is-selected,
.active,
.is-active,
[aria-selected="true"] {
  border-color: var(--ex-hifi-gold) !important;
}

.album-card.is-selected,
.master-card.is-selected,
.variant-card.is-selected,
.pressing-card.is-selected,
.candidate-row.is-selected {
  transform: none !important;
  outline: 1px solid var(--ex-hifi-gold) !important;
  box-shadow: 0 0 0 1px rgba(216, 183, 101, .2), var(--ex-hifi-shadow) !important;
}

.vinyl-mockup__record,
.popular-record,
.record-3d,
.record-disc,
.pressing-record {
  background:
    radial-gradient(circle at 50% 50%, #d8b765 0 5%, #5f4619 6% 10%, #050505 11% 18%, transparent 19%),
    repeating-radial-gradient(circle at 50% 50%, #090909 0 7px, #24231f 7px 8px, #050505 8px 14px) !important;
  box-shadow: inset -22px 0 34px rgba(216, 183, 101, .16), 0 20px 44px rgba(0, 0, 0, .42) !important;
}

.vinyl-mockup,
.cover-record-mockup,
.popular-mockup {
  filter: drop-shadow(0 28px 48px rgba(0, 0, 0, .42)) !important;
}

.popular-card__media,
.pressing-art,
.cover-art,
.album-cover,
.master-cover,
.proof-slot {
  border-color: var(--ex-hifi-gold-line-soft) !important;
}

a:hover,
.link:hover {
  color: var(--ex-hifi-gold-soft) !important;
}

::selection {
  color: #050505;
  background: var(--ex-hifi-gold);
}

@media (prefers-reduced-motion: no-preference) {
  .card,
  .panel,
  .album-card,
  .pressing-card,
  .article-card,
  .feature-card,
  .popular-card,
  .variant-card {
    transition: transform .18s ease, border-color .18s ease, filter .18s ease, box-shadow .18s ease !important;
  }

  .card:hover,
  .panel:hover,
  .album-card:hover,
  .pressing-card:hover,
  .article-card:hover,
  .feature-card:hover,
  .popular-card:hover,
  .variant-card:hover {
    transform: translateY(-2px) !important;
    border-color: var(--ex-hifi-gold-line) !important;
  }

  .exkave-menu,
  .hero,
  .landing-section,
  .news-hero,
  .news-section {
    transform-style: preserve-3d;
  }
}

/* V17.70K - keep HiFi pages aligned with the light theme groove backdrop. */
html[data-exkave-theme="light"] body,
html[data-theme="light"] body {
  background:
    repeating-radial-gradient(circle at 88% -8%, rgba(157, 118, 39, .24) 0 1px, transparent 1px 15px),
    repeating-radial-gradient(circle at 2% 96%, rgba(157, 118, 39, .14) 0 1px, transparent 1px 19px),
    radial-gradient(62rem 34rem at 82% 2%, rgba(216, 183, 101, .19), transparent 60%),
    linear-gradient(180deg, rgba(255,253,247,.84), rgba(255,253,247,.93) 46%, rgba(255,253,247,.985) 100%),
    url("/assets/fond-clair.png") center top / cover fixed,
    #fffdf7 !important;
}

html[data-exkave-theme="light"] body::before,
html[data-theme="light"] body::before {
  opacity: .28 !important;
  background:
    repeating-radial-gradient(circle at 78% 10%, rgba(157, 118, 39, .24) 0 1px, transparent 1px 13px),
    repeating-linear-gradient(-8deg, rgba(157, 118, 39, .055) 0 1px, transparent 1px 18px) !important;
  background-size: auto, 96px 96px !important;
  mix-blend-mode: multiply !important;
}

html[data-exkave-theme="light"] .page-background,
html[data-theme="light"] .page-background {
  background:
    repeating-radial-gradient(circle at 88% -8%, rgba(157, 118, 39, .24) 0 1px, transparent 1px 15px),
    repeating-radial-gradient(circle at 2% 96%, rgba(157, 118, 39, .14) 0 1px, transparent 1px 19px),
    radial-gradient(62rem 34rem at 82% 2%, rgba(216, 183, 101, .19), transparent 60%),
    linear-gradient(180deg, rgba(255,253,247,.84), rgba(255,253,247,.93) 46%, rgba(255,253,247,.985) 100%),
    url("/assets/fond-clair.png") center top / cover no-repeat,
    #fffdf7 !important;
}