/* NOMARA Fjord Mirror — soft charcoal and sage editorial variant. */
:root {
  --ink: #26302d;
  --muted: #66736d;
  --cream: #e6ede8;
  --soft: #f1f4f2;
  --line: #cdd7d1;
  --white: #fbfcfb;
  --mirror-glass: rgba(240, 246, 242, .18);
  --mirror-edge: rgba(237, 247, 241, .42);
}
body { background: var(--white); }
.section-soft, .page-hero { background: var(--soft); }
.section-cream { background: var(--cream); }
.hero-overlay { background: linear-gradient(180deg, rgba(18, 28, 25, .19) 0%, rgba(18, 28, 25, .67) 100%); }
.hero-home .hero-media::after, .full-bleed-story::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(118deg, rgba(229, 241, 238, .21) 0%, transparent 28%, transparent 68%, rgba(192, 211, 208, .12) 100%);
  mix-blend-mode: screen;
}
.hero-content {
  max-width: 890px; padding: 34px 38px 38px; margin-left: -38px;
  border: 1px solid var(--mirror-edge); border-radius: 2px;
  background: linear-gradient(130deg, rgba(233, 243, 237, .18), rgba(28, 39, 35, .03));
  box-shadow: 0 22px 65px rgba(14, 23, 20, .18); backdrop-filter: blur(8px);
}
.media-card { background: #bcc9c0; border: 1px solid rgba(236, 244, 239, .6); box-shadow: 0 20px 38px rgba(31, 46, 39, .13); }
.media-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(165deg, rgba(236, 249, 243, .24), transparent 34%, rgba(18, 36, 30, .12)); }
.card-arrow { background: #edf3ef; color: var(--ink); }
.button-dark { background: #26302d; }
.button-dark:hover { background: #3d5149; }
.site-header.is-scrolled { background: rgba(29, 40, 36, .88); }
.site-footer, .main-nav { background: #202a27; }
.journey-row { border-color: var(--line); }
@media (max-width: 980px) { .hero-content { margin-left: 0; padding: 26px; } }