.case-page--meridian { --case-green: #6b9cb6; }
.case-page--meridian .case-hero-media img { object-position: 42% center; }
.case-page--meridian .case-hero::after { background: linear-gradient(90deg, rgba(7,10,12,.84), rgba(7,10,12,.44) 48%, rgba(7,10,12,.05)), linear-gradient(0deg, rgba(7,10,12,.68), transparent 54%); }
.meridian-board { position: relative; padding: 1rem 1.25rem 1.5rem; border: 1px solid rgba(245,242,234,.2); background: rgba(255,255,255,.045); }
.meridian-board-top { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(245,242,234,.18); color: rgba(245,242,234,.62); font: .62rem/1.3 var(--case-mono); letter-spacing: .09em; text-transform: uppercase; }
.meridian-board-top span:last-child { color: #a9d3df; }
.meridian-path { display: flex; align-items: center; gap: 1rem; margin: 2rem 8% 1.2rem; }
.meridian-line { height: 1px; flex: 1; background: linear-gradient(90deg, #6b9cb6, rgba(107,156,182,.18)); }
.meridian-point { width: .7rem; height: .7rem; border: 1px solid #6b9cb6; border-radius: 50%; background: #121718; transition: background .3s ease, transform .3s ease; }
.meridian-point.is-active { background: #a9d3df; transform: scale(1.4); }
.meridian-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; }
.meridian-card { min-height: 13rem; padding: 1.1rem; border: 1px solid rgba(245,242,234,.18); background: #172022; color: var(--case-paper); text-align: left; cursor: pointer; transition: border-color .3s ease, background .3s ease, transform .3s ease; }
.meridian-card:hover, .meridian-card.is-active { border-color: #a9d3df; background: #1d2c30; transform: translateY(-3px); }
.meridian-card span { color: #a9d3df; font: .6rem/1.3 var(--case-mono); letter-spacing: .1em; text-transform: uppercase; }
.meridian-card strong { display: block; margin-top: 3.5rem; font-family: var(--case-display); font-size: clamp(1.5rem, 2.4vw, 2.3rem); font-weight: 400; letter-spacing: -.045em; }
.meridian-card small { display: block; margin-top: .6rem; color: rgba(245,242,234,.56); font-size: .72rem; line-height: 1.5; }
.meridian-readout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 2rem; align-items: end; margin-top: 2rem; padding: 1.25rem 0 0; border-top: 1px solid rgba(245,242,234,.18); }
.meridian-readout h3 { margin-top: .75rem; color: var(--case-paper); }
.meridian-readout > p { max-width: 27rem; justify-self: end; color: rgba(245,242,234,.62); font-size: .82rem; line-height: 1.7; }
.meridian-surface { min-height: 18rem; background: #eef0e9; }
.meridian-surface-grid { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: .8rem; padding: 4rem 1.2rem; color: var(--case-ink); }
.meridian-surface-grid span { padding: .8rem .45rem; border: 1px solid rgba(17,23,17,.25); text-align: center; font: .6rem/1.2 var(--case-mono); letter-spacing: .07em; text-transform: uppercase; }
.meridian-surface-grid i { color: #6b9cb6; font-style: normal; }
@media (max-width: 760px) {
  .meridian-card-grid { grid-template-columns: 1fr; }
  .meridian-card { min-height: 9rem; }
  .meridian-card strong { margin-top: 1.7rem; }
  .meridian-readout { grid-template-columns: 1fr; gap: 1rem; }
  .meridian-readout > p { justify-self: start; }
  .meridian-surface-grid { grid-template-columns: 1fr; gap: .55rem; padding: 2rem 1.2rem; }
  .meridian-surface-grid i { justify-self: center; transform: rotate(90deg); }
}