/* Project detail typography calibrated for browsers at 100% zoom. */
body.is-big-screen #app .big-screen-page h1,
body.is-black-ant-pc #app .black-pc-page h1 {
  font-size: 56px !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

body.is-big-screen #app .big-screen-page h2,
body.is-black-ant-pc #app .black-pc-page h2 {
  font-size: 34px !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}

body.is-big-screen #app .big-screen-page h3,
body.is-black-ant-pc #app .black-pc-page h3 {
  font-size: 22px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

body.is-big-screen #app .big-screen-page p,
body.is-big-screen #app .big-screen-page li,
body.is-black-ant-pc #app .black-pc-page p,
body.is-black-ant-pc #app .black-pc-page li {
  font-size: 18px !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
}

body.is-big-screen #app .big-screen-page section > header > span,
body.is-big-screen #app .big-screen-page section > header small,
body.is-black-ant-pc #app .black-pc-page section > header > span,
body.is-black-ant-pc #app .black-pc-page section > header small {
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

body.is-big-screen #app .big-screen-page figcaption,
body.is-big-screen #app .big-screen-page figcaption span,
body.is-black-ant-pc #app .black-pc-page figcaption,
body.is-black-ant-pc #app .black-pc-page figcaption span {
  font-size: 16px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

body.is-big-screen #app .big-screen-back,
body.is-big-screen #app .big-screen-back span,
body.is-big-screen #app .big-screen-footer a,
body.is-big-screen #app .big-screen-footer span {
  font-size: 16px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

/* Hero copy and tags. */
body.is-big-screen #app .bam-hero-copy p,
body.is-big-screen #app .fm-hero-copy p,
body.is-big-screen #app .fpc-hero-copy p,
body.is-big-screen #app .herbal-hero p,
body.is-big-screen #app .pc-collection-hero p,
body.is-big-screen #app .company-site-hero p,
body.is-big-screen #app .material-hero p,
body.is-big-screen #app .black-ant-title-copy p,
body.is-black-ant-pc #app .black-pc-hero-copy p {
  font-size: 20px !important;
  line-height: 1.7 !important;
}

body.is-big-screen #app .bam-hero-copy > span,
body.is-big-screen #app .fm-hero-copy > span,
body.is-big-screen #app .fpc-hero-copy > span,
body.is-big-screen #app .pc-collection-hero > span,
body.is-big-screen #app .company-site-hero > span,
body.is-big-screen #app .material-hero > span,
body.is-black-ant-pc #app .black-pc-hero-copy > span {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.is-big-screen #app .bam-hero-copy i,
body.is-big-screen #app .fm-hero-copy i,
body.is-big-screen #app .fpc-hero-copy i,
body.is-black-ant-pc #app .black-pc-tags i {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

/* Product dashboard design system. */
body.is-big-screen #app .bam-type > strong,
body.is-big-screen #app .fm-type > strong,
body.is-big-screen #app .fpc-type > strong {
  font-size: 72px !important;
  line-height: 1 !important;
}

body.is-big-screen #app .bam-spec-grid small,
body.is-big-screen #app .bam-component-strip small,
body.is-big-screen #app .fm-system-grid small,
body.is-big-screen #app .fpc-system-grid small {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.is-big-screen #app .bam-type > div b { font-size: 28px !important; line-height: 1.25 !important; }
body.is-big-screen #app .bam-type > div span,
body.is-big-screen #app .bam-colors span,
body.is-big-screen #app .bam-spacing p { font-size: 16px !important; line-height: 1.6 !important; }
body.is-big-screen #app .bam-colors b,
body.is-big-screen #app .bam-spacing > b { font-size: 17px !important; line-height: 1.4 !important; }
body.is-big-screen #app .bam-component-strip button,
body.is-big-screen #app .bam-component-strip label,
body.is-big-screen #app .bam-component-strip article:nth-child(2) i { font-size: 15px !important; line-height: 1.5 !important; }
body.is-big-screen #app .bam-icons b { font-size: 24px !important; line-height: 1 !important; }
body.is-big-screen #app .bam-overview-grid aside strong,
body.is-big-screen #app .fpc-overview-grid strong { font-size: 34px !important; line-height: 1.2 !important; }

/* Fire mobile and PC supporting text. */
body.is-big-screen #app .fm-overview-grid b,
body.is-big-screen #app .fm-process strong,
body.is-big-screen #app .fm-task-copy h3,
body.is-big-screen #app .fm-panorama-detail h3,
body.is-big-screen #app .fm-inspection-grid h3,
body.is-big-screen #app .fm-ai-notes h3,
body.is-big-screen #app .fm-handoff-grid h3,
body.is-big-screen #app .fm-ai-workflow h3,
body.is-big-screen #app .fm-summary b,
body.is-big-screen #app .fpc-overview-grid b,
body.is-big-screen #app .fpc-summary article b {
  font-size: 22px !important;
  line-height: 1.35 !important;
}

body.is-big-screen #app .fm-section > header > span,
body.is-big-screen #app .fm-task-copy > span,
body.is-big-screen #app .fm-panorama-detail aside > span,
body.is-big-screen #app .fm-inspection-grid article > span,
body.is-big-screen #app .fm-ai-notes b,
body.is-big-screen #app .fm-handoff-grid article > b,
body.is-big-screen #app .fm-ai-workflow article > b,
body.is-big-screen #app .fpc-feature-stage aside > span,
body.is-big-screen #app .fpc-ai article b,
body.is-big-screen #app .fpc-browser-bar span {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.is-big-screen #app .fm-component label,
body.is-big-screen #app .fm-buttons button,
body.is-big-screen #app .fm-states i,
body.is-big-screen #app .fpc-filter-demo label,
body.is-big-screen #app .fpc-filter-demo span,
body.is-big-screen #app .fpc-filter-demo button,
body.is-big-screen #app .fpc-state-demo i,
body.is-big-screen #app .fpc-table-demo > * {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

body.is-big-screen #app .fm-component-board > article > b { font-size: 22px !important; line-height: 1.35 !important; }
body.is-big-screen #app .fm-compare span,
body.is-big-screen #app .fm-handoff-grid article > span { font-size: 14px !important; line-height: 1.5 !important; }
body.is-big-screen #app .fm-device-line span,
body.is-big-screen #app .fm-handoff-flow span,
body.is-big-screen #app .fpc-flow span,
body.is-big-screen #app .fpc-feature-stage li { font-size: 16px !important; line-height: 1.6 !important; }
body.is-big-screen #app .fpc-colors b,
body.is-big-screen #app .fpc-colors span,
body.is-big-screen #app .fpc-type b,
body.is-big-screen #app .fpc-type span { font-size: 15px !important; line-height: 1.5 !important; }

/* Collection, website and material project copy. */
body.is-big-screen #app .pc-hero-summary strong,
body.is-big-screen #app .company-site-lead strong,
body.is-big-screen #app .material-hero-lead strong,
body.is-big-screen #app .company-browser-stage aside > b,
body.is-big-screen #app .company-career-copy > b {
  font-size: 26px !important;
  line-height: 1.35 !important;
}

body.is-big-screen #app .pc-hero-summary span,
body.is-big-screen #app .company-site-lead span,
body.is-big-screen #app .material-hero-lead span {
  font-size: 18px !important;
  line-height: 1.7 !important;
}

body.is-big-screen #app .pc-system-notes span { font-size: 14px !important; line-height: 1.5 !important; }
body.is-big-screen #app .pc-system-notes h3 { font-size: 22px !important; line-height: 1.35 !important; }
body.is-big-screen #app .pc-system-notes p,
body.is-big-screen #app .pc-system-stage figcaption { font-size: 17px !important; line-height: 1.65 !important; }
body.is-big-screen #app .material-logo-stage aside > b { font-size: 30px !important; line-height: 1.25 !important; }
body.is-big-screen #app .herbal-hero-meta span,
body.is-big-screen #app .herbal-sequence span { font-size: 18px !important; line-height: 1.5 !important; }
body.is-big-screen #app .pc-window-bar span,
body.is-big-screen #app .company-browser-bar span { font-size: 13px !important; line-height: 1.4 !important; }

/* Big-screen and black-ant PC labels. */
body.is-big-screen #app .black-ant-title-copy > strong { font-size: 28px !important; line-height: 1.3 !important; }
body.is-big-screen #app .case-title-ornament b { font-size: 18px !important; line-height: 1.4 !important; }
body.is-big-screen #app .black-ant-screen > header > span,
body.is-big-screen #app .quality-screen-card > header > span,
body.is-black-ant-pc #app .black-pc-screen > header > span { font-size: 30px !important; line-height: 1.2 !important; }
body.is-big-screen #app .quality-screen-copy section > span { font-size: 14px !important; line-height: 1.5 !important; }

body.is-black-ant-pc #app .core-story-title b { font-size: 30px !important; line-height: 1.2 !important; }
body.is-black-ant-pc #app .core-story-title span { font-size: 20px !important; line-height: 1.4 !important; }
body.is-black-ant-pc #app .core-story-title small,
body.is-black-ant-pc #app .core-users small { font-size: 13px !important; line-height: 1.5 !important; }
body.is-black-ant-pc #app .core-flow li span { font-size: 16px !important; line-height: 1.5 !important; }
body.is-black-ant-pc #app .core-modules > div span { font-size: 18px !important; line-height: 1.5 !important; }
body.is-black-ant-pc #app .black-pc-strategy-map b { font-size: 22px !important; line-height: 1.35 !important; }
body.is-black-ant-pc #app .black-pc-process span { font-size: 30px !important; line-height: 1.2 !important; }
body.is-black-ant-pc #app .black-pc-process h3 { font-size: 22px !important; line-height: 1.35 !important; }
body.is-black-ant-pc #app .black-pc-process p { font-size: 16px !important; line-height: 1.65 !important; }
body.is-black-ant-pc #app .black-pc-type-spec b,
body.is-black-ant-pc #app .black-pc-extracted-components article > b,
body.is-black-ant-pc #app .black-pc-page-group figcaption b { font-size: 20px !important; line-height: 1.3 !important; }
body.is-black-ant-pc #app .black-pc-hero-brief b,
body.is-black-ant-pc #app .black-pc-screen-analysis span,
body.is-black-ant-pc #app .black-pc-component-zoom span { font-size: 13px !important; line-height: 1.5 !important; }
body.is-black-ant-pc #app .black-pc-hero-brief span { font-size: 17px !important; line-height: 1.65 !important; }
body.is-black-ant-pc #app .black-pc-screen-analysis b,
body.is-black-ant-pc #app .black-pc-component-zoom b,
body.is-black-ant-pc #app .black-pc-case-summary b { font-size: 22px !important; line-height: 1.35 !important; }

@media (max-width: 820px) {
  body.is-big-screen #app .big-screen-page h1,
  body.is-black-ant-pc #app .black-pc-page h1 { font-size: 40px !important; }
  body.is-big-screen #app .big-screen-page h2,
  body.is-black-ant-pc #app .black-pc-page h2 { font-size: 28px !important; }
  body.is-big-screen #app .big-screen-page p,
  body.is-big-screen #app .big-screen-page li,
  body.is-black-ant-pc #app .black-pc-page p,
  body.is-black-ant-pc #app .black-pc-page li { font-size: 16px !important; }
}