:root {
  --deep: #5a342b;
  --night: #3d2924;
  --terra: #c9654c;
  --sun: #efc49f;
  --ivory: #f7eddd;
  --mist: #dcc9b9;
  --umber: #4a332c;
}

body {
  background: var(--ivory);
  color: var(--umber);
}

.overlay-header {
  background: rgba(249, 240, 225, .91);
  border-bottom: 1px solid rgba(91, 52, 43, .13);
  box-shadow: 0 10px 35px rgba(73, 43, 34, .08);
  color: var(--umber);
  backdrop-filter: blur(14px);
}

.overlay-header .journey-logo {
  --logo-ink: #4a332c;
  --logo-accent: #bd5a42;
  --logo-soft: #d6aa94;
  --logo-serif: "Instrument Serif", Georgia, serif;
}

.overlay-header nav a { color: var(--umber); }

.nav-button {
  border-color: rgba(74, 51, 44, .45);
}

.nav-button:hover {
  background: var(--terra);
  border-color: var(--terra);
  color: #fff9ef;
}

.menu-toggle span { background: var(--umber); }

.cinema-hero {
  background: #865244;
}

.hero-image {
  filter: saturate(.9) sepia(.12) brightness(1.06);
}

.veil {
  background:
    linear-gradient(90deg, rgba(77, 42, 33, .73) 0%, rgba(115, 62, 47, .32) 53%, rgba(155, 86, 62, .12) 100%),
    linear-gradient(180deg, rgba(91, 48, 37, .35) 0%, rgba(87, 44, 34, .06) 43%, rgba(74, 38, 30, .66) 100%);
}

.hero-content,
.hero-index,
.scroll-cue { color: #fff8eb; }

.hero-content h1 em { color: #ffd2b4; }
.hero-content > p,
.hero-bottom > p,
.hero-index span { color: rgba(255, 248, 235, .82); }

.orbit-cta {
  background: rgba(249, 232, 210, .94);
  color: #6c382d;
  box-shadow: 0 16px 50px rgba(62, 31, 24, .23);
}

.orbit-cta:hover {
  background: #fff8eb;
  transform: rotate(-4deg) scale(1.03);
}

.intro {
  background: var(--ivory);
  color: var(--umber);
}

.vertical-label,
.intro-aside,
.experiences-head > p { color: #806c62; }
.eyebrow { color: #b95640; }
.intro h2 em,
.experiences h2 em,
.accomp-content h2 em,
.expertise h2 em,
.journey-copy h2 em { color: var(--terra); }

.experiences {
  background: #ead8c5;
  color: var(--umber);
}

.experience-card {
  box-shadow: 0 16px 45px rgba(83, 50, 39, .1);
}

.experience-card.clay { background: #c9654c; }
.experience-card.ivory { background: #fff8ed; color: var(--umber); }
.experience-card.sea { background: #b68c62; }
.experience-card.visual.ivory { color: #fff8ed; }

.accompaniment,
.accomp-content {
  background: #754236;
  color: #fff4e5;
}

.accomp-content .eyebrow { color: #f0b897; }
.accomp-content h2 em { color: #ffd2b4; }
.phases article { border-color: rgba(255, 244, 229, .24); }
.phases article p { color: rgba(255, 244, 229, .72); }
.moving-line { background: rgba(201, 101, 76, .94); }

.expertise {
  background: #fff8ed;
  color: var(--umber);
}

.expertise-copy > p { color: #76645b; }
.trust-row { border-color: #d9c1ae; }
.trust-row div + div { border-color: #d9c1ae; }
.trust-row span { color: #7e6c62; }

.quote-panel::after {
  background: linear-gradient(180deg, rgba(67, 37, 29, .08), rgba(67, 37, 29, .68));
}

.journey-cta {
  background: #c9654c;
  color: #fff8ed;
}

.sun-disc {
  background: #f6d6b7;
  box-shadow: 0 0 80px rgba(255, 229, 200, .25);
}

.journey-copy h2 em { color: #ffe0c5; }
.journey-copy a { border-color: rgba(255, 248, 237, .45); }
.journey-copy a:hover { background: #fff8ed; color: #8a4434; }

footer {
  background: #3f2b26;
  color: #f5e9db;
}

@media (max-width: 860px) {
  .overlay-header nav {
    background: #f7eddd;
    border-top: 1px solid rgba(91, 52, 43, .12);
    box-shadow: 0 18px 35px rgba(73, 43, 34, .12);
  }
}