.market-brief { margin:0 0 54px }
.mb-hero { min-height:570px; position:relative; isolation:isolate; background:#071018; overflow:hidden }
.mb-hero > img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:58% center }
.mb-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,12,20,.9),rgba(5,12,20,.6) 40%,transparent 72%) }
.mb-copy { padding:54px 44px 40px; width:59%; max-width:630px }
.mb-kicker { font-size:11px; letter-spacing:.16em; font-weight:650; color:var(--accent); margin:0 0 22px }
.mb-copy h1 { font-size:clamp(36px,4.5vw,58px); line-height:1.16; margin:0 0 24px; letter-spacing:-.045em; text-wrap:balance }
.mb-lead { font-size:17px; line-height:1.9; color:#c0c9d6; max-width:450px; margin:0 0 26px }
.mb-read { display:inline-flex; align-items:center; gap:25px; border-bottom:1px solid var(--accent); padding:0 0 9px; font-size:14px; text-decoration:none }
.mb-byline { margin:29px 0 0; font-size:12px; line-height:1.9; color:#c0c9d6 }
.mb-byline a { color:inherit }
.mb-market { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:28px 0; border-bottom:1px solid var(--line) }
.mb-market > div { padding:0 30px; border-right:1px solid var(--line) }
.mb-market > div:first-child { padding-left:0 }
.mb-market > div:last-child { border:0 }
.mb-market span { display:block; color:var(--muted); font-size:12px }
.mb-market strong { display:block; font-size:clamp(24px,3vw,35px); line-height:1.5; letter-spacing:-.04em; font-variant-numeric:tabular-nums; font-weight:600 }
.mb-market b { display:block; font-size:13px; font-weight:500 }
.mb-change-0 { color:var(--accent) }
.mb-change-1 { color:var(--muted) }
.mb-change-2 { color:#ff98ae }
.mb-data-note { font-size:11px; color:var(--muted); margin:13px 0 44px }
.mb-data-note a { white-space:nowrap }
.mb-watch > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px }
.mb-watch a { color:var(--ink); text-decoration:none; display:block; border-top:1px solid var(--line); padding-top:18px }
.mb-watch a:hover { border-color:var(--accent) }
.mb-watch a > span { color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums }
.mb-watch h2 { font-size:22px; margin:8px 0 13px; text-wrap:balance }
.mb-watch a p { margin:0; color:var(--muted); font-size:14px; line-height:1.75 }
@media(max-width:800px) {
  .mb-hero { min-height:0; padding-top:clamp(210px,44vw,330px) }
  .mb-hero > img { height:clamp(210px,44vw,330px); object-position:right center }
  .mb-hero::after { display:none }
  .mb-copy { width:100%; max-width:none; padding:30px 28px 34px }
  .mb-copy h1 { max-width:580px; font-size:clamp(32px,6.5vw,48px) }
  .mb-lead { max-width:600px; font-size:16px }
  .mb-market > div { padding:0 18px }
  .mb-watch > div { gap:20px }
}
@media(max-width:480px) {
  .mb-copy { padding:26px 20px 30px }
  .mb-market { padding:20px 0; gap:10px }
  .mb-market > div { padding:0; border:0 }
  .mb-market strong { font-size:clamp(17px,5.3vw,21px); letter-spacing:-.06em; white-space:nowrap }
  .mb-market span, .mb-market b { font-size:10px }
  .mb-watch > div { grid-template-columns:1fr; gap:22px }
  .mb-watch h2 { font-size:21px }
  .mb-data-note { margin-bottom:30px }
}