/* BRYX typography — Figma 1:64. Media geometry remains in bryx-media.css. */
@font-face {
  font-family: "BRYX Caption Semibold";
  src: url("fonts/google-sans-flex-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

.case-content .eyebrow { color: #737373; }
.case-intro > .columns > div:first-child > p:not(.eyebrow) { font-weight: 500; }

.case-content .bryx-decision-label,
.case-content .bryx-section-label,
.bryx-editorial-media .eyebrow { font-size: 12px; }
.bryx-decision-label,
.bryx-editorial-media .eyebrow { text-transform: uppercase; }
.panel > .bryx-observed-label { text-transform: none; }

.bryx-feedback-media h3,
.bryx-media-heading h2,
.bryx-media-heading h3 { font: 500 14px/1.6 var(--font-sans); }
.bryx-mobile-comparison h3 {
  color: #737373;
  font: 400 12px/1.6 var(--font-sans);
  text-transform: uppercase;
}

.bryx-editorial-media figcaption { font-size: 14px; line-height: 1.6; }
.bryx-data-selection-media figcaption strong,
.bryx-editorial-media figcaption strong,
.bryx-framework-diagram figcaption {
  font-family: "BRYX Caption Semibold", var(--font-sans);
  font-weight: 600;
  font-synthesis: none;
}

.bryx-reflection { font: 400 20px/1.6 var(--font-serif); }