.isometrix-case { --iso-green: #143c35; --iso-mint: #8dcbbb; --iso-sand: #f3f0e9; }
.isometrix-case .case-header { color: var(--navy-deep); }
.isometrix-hero { background: var(--iso-sand); }
.isometrix-case .case-hero h1 { color: var(--iso-green); }
.isometrix-case .case-hero h1 em { color: var(--coral); }
.isometrix-brand { margin-top: -34px; background: var(--iso-green); }

.isometrix-cover { position: relative; margin: 0; padding: clamp(55px, 9vw, 130px) var(--pad); overflow: hidden; background: var(--iso-green); }
.isometrix-cover img { display: block; width: min(100%, 1500px); margin: auto; box-shadow: 0 35px 80px rgba(0,0,0,.25); }
.isometrix-cover figcaption { display: flex; justify-content: space-between; width: min(100%, 1500px); margin: 18px auto 0; color: rgba(255,255,255,.55); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }

.isometrix-metrics { background: var(--iso-green); }
.isometrix-metrics strong { color: var(--iso-mint); }
.isometrix-metrics article::after { background: var(--iso-mint); }
.isometrix-metrics article:hover strong, .isometrix-metrics article:focus-visible strong { color: var(--iso-green); }
.isometrix-metrics article:hover span, .isometrix-metrics article:focus-visible span,
.isometrix-metrics article:hover small, .isometrix-metrics article:focus-visible small { color: var(--iso-green); }
.isometrix-metrics article:last-child strong { font-size: clamp(34px, 4.6vw, 66px); letter-spacing: -.045em; }

.research-note { max-width: 760px; margin-top: 58px; padding: clamp(28px, 4vw, 48px); background: var(--iso-green); color: white; }
.research-note > span { color: var(--iso-mint); font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.research-note blockquote { margin: 26px 0 30px; font-family: var(--display); font-size: clamp(27px, 3.2vw, 45px); font-weight: 500; letter-spacing: -.04em; line-height: 1.12; }
.research-note p { margin: 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.58); font-size: 12px !important; line-height: 1.5 !important; }

.isometrix-system { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(55px, 8vw, 130px); padding-top: clamp(100px, 13vw, 180px); padding-bottom: clamp(100px, 13vw, 180px); background: var(--navy-deep); color: white; }
.isometrix-system-copy { align-self: center; }
.isometrix-system-copy h2 { margin: 26px 0; font-family: var(--display); font-size: clamp(48px, 6vw, 92px); font-weight: 500; letter-spacing: -.06em; line-height: .95; }
.isometrix-system-copy > p:not(.case-label) { max-width: 560px; color: rgba(255,255,255,.58); font-size: 17px; line-height: 1.65; }
.isometrix-system-copy ol { margin: 52px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.18); }
.isometrix-system-copy li { display: grid; grid-template-columns: 40px 110px 1fr; gap: 12px; align-items: center; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.isometrix-system-copy li span { color: var(--iso-mint); font-size: .75rem; }
.isometrix-system-copy li b { font-family: var(--display); font-size: 19px; font-weight: 500; }
.isometrix-system-copy li small { color: rgba(255,255,255,.48); }

.strain-board { align-self: center; padding: clamp(30px, 5vw, 70px); background: var(--iso-sand); color: var(--navy); box-shadow: 0 35px 80px rgba(0,0,0,.26); transform: rotate(1deg); }
.strain-head, .strain-labels, .strain-row { display: grid; grid-template-columns: 1.35fr repeat(4, 1fr); gap: 8px; align-items: center; }
.strain-head { display: flex; justify-content: space-between; margin-bottom: 45px; }
.strain-head span { color: var(--muted); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.strain-head strong { color: var(--iso-green); font-family: var(--display); font-size: 23px; font-weight: 500; }
.strain-labels { margin-bottom: 8px; color: var(--muted); font-size: .75rem; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.strain-labels span:first-child { text-align: left; }
.strain-row { min-height: 70px; border-top: 1px solid var(--line); }
.strain-row b { font-family: var(--display); font-size: 18px; font-weight: 500; }
.strain-row i { display: block; aspect-ratio: 1; max-height: 52px; background: rgba(20,60,53,.1); }
.strain-row .load-1 { background: rgba(20,60,53,.18); }
.strain-row .load-2 { background: rgba(20,60,53,.48); }
.strain-row .load-3 { background: var(--coral); }
.strain-legend { display: flex; gap: 7px; align-items: center; justify-content: flex-end; margin-top: 18px; color: var(--muted); font-size: .75rem; }
.strain-legend i { width: 18px; height: 8px; background: rgba(20,60,53,.18); }
.strain-legend i:nth-of-type(2) { background: rgba(20,60,53,.48); }
.strain-legend i:nth-of-type(3) { background: var(--coral); }
.balance-result { display: grid; grid-template-columns: 1fr auto; gap: 7px 25px; align-items: end; margin-top: 45px; padding-top: 24px; border-top: 1px solid var(--line); }
.balance-result span, .balance-result small { color: var(--muted); font-size: .75rem; }
.balance-result strong { grid-row: span 2; color: var(--iso-green); font-family: var(--display); font-size: clamp(36px, 4.5vw, 65px); font-weight: 500; letter-spacing: -.055em; }

.isometrix-takeaway { background: var(--iso-sand); }

@media (max-width: 900px) {
  .isometrix-system { grid-template-columns: 1fr; }
  .strain-board { transform: none; }
}

@media (max-width: 760px) {
  .isometrix-cover figcaption { gap: 22px; }
  .isometrix-system-copy li { grid-template-columns: 32px 90px 1fr; }
  .strain-board { padding: 28px 18px; }
  .strain-row { min-height: 58px; }
  .strain-row b { font-size: 14px; }
  .balance-result { grid-template-columns: 1fr; }
  .balance-result strong { grid-row: auto; }
}
.isometrix-case .case-hero h1 em { color: #b54d35; }
.research-note p { font-size: .875rem !important; color: #c3d6ce; }

.isometrix-hero .isometrix-wordmark { width:min(100%,440px); mix-blend-mode:multiply; }
.isometrix-hero .isometrix-wordmark img { filter:grayscale(1) contrast(8) invert(1); }