/* Supplied Further guide: Nimbus for messages, Graphie Semibold for system information. */
@font-face { font-family: Graphie; src: url('/fonts/graphie-semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Graphie; src: url('/fonts/graphie-bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: Nimbus; src: url('/fonts/nimbus-sans-italic.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: Nimbus; src: url('/fonts/nimbus-sans-bold-italic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; }

.eyebrow, .section-meta, .experience-top, .concept-label, .graphie,
.studio-kicker, .position-note > span, .preview-rail > span, .preview-rail button small,
.landing-bottom, .intro-position, .menu nav small, .menu-bottom, .footer-meta,
.sheet-meta, .drawing-meta, .sheet-drawing figcaption, .study-reset, .step-number, .study-pin,
.collection-nav, .entry-flow, .entry-more > summary, .uses-label, .uses-industries,
.phone-status, .phone-ui > small, .phone-listen small, .phone-next > small,
.journey-status, .journey-eyebrow, .journey-section-label, .journey-row small,
.journey-row-number, .journey-step figcaption, .journey-place-step,
.journey-player > small, .journey-next small, .journey-feature > span, .journey-mini-audio small,
.audio-copy small, .audio-status, .audio-speed, .object-tag, .map-label, .map-note,
.map-point-text, .intent-mark, .brief-method, .brief-field label, .brief-reach legend {
  font-family: Graphie, Arial, sans-serif;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.eyebrow, .studio-kicker, .position-note > span, .journey-eyebrow, .uses-label {
  letter-spacing: .065em;
}

/* Native vector outlines retain the guide's kerning and round period. */
.brand-wordmark { display: block; width: 3.615em; height: .752em; overflow: visible; flex: none; fill: currentColor; }
.logo { line-height: 1; }
.brand-lockup { display: inline-block; line-height: 1; }
.footer-word .brand-wordmark { margin: .06em 0 .188em; }
.intro-word { padding-right: 0; }
.intro-word > .brand-wordmark { animation: brandArrival .75s var(--ease) both; }
@keyframes brandArrival { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .intro-word > .brand-wordmark { animation: none; } }

.study-pin { font-weight: 700; }

.menu-top > .menu-home { font-size: 25px; }