/* The Milan type set on the public pages: three faces (same set as src/app/milan.css).
   Bodoni Moda   headlines and names, never figures
   Crimson Pro   sentences: paragraphs, findings, lists
   Jost          everything else: labels, buttons, nav, tables, every figure, maps
   Loaded last on every page. Fonts are served from /fonts (OFL). The text
   faces are declared from 400 up, so the older sheets' 300s draw at 400. */

@font-face{font-family:"Bodoni Moda";src:url("/fonts/milan-bodoni-moda.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url("/fonts/milan-bodoni-moda-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Crimson Pro";src:url("/fonts/milan-crimson-pro.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Crimson Pro";src:url("/fonts/milan-crimson-pro-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Jost";src:url("/fonts/milan-jost.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url("/fonts/milan-jost-italic.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
/* Figures inside a Bodoni headline are drawn from Jost, lifted to Bodoni's figure height. */
@font-face{font-family:"Milan Figures";src:url("/fonts/milan-jost.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;size-adjust:107%;unicode-range:U+0024-0025,U+002B-002E,U+0030-0039,U+00A3,U+00A5,U+00B1,U+00D7,U+2212,U+20AC}
@font-face{font-family:"Milan Figures";src:url("/fonts/milan-jost-italic.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap;size-adjust:107%;unicode-range:U+0024-0025,U+002B-002E,U+0030-0039,U+00A3,U+00A5,U+00B1,U+00D7,U+2212,U+20AC}

:root{
  --mi-display:"Milan Figures","Bodoni Moda","Bodoni 72",Didot,serif;
  --mi-text:"Crimson Pro",Garamond,Georgia,serif;
  --mi-ui:"Jost",Futura,"Century Gothic","Helvetica Neue",Arial,sans-serif;
}

/* Kerning, ligatures and optical sizes everywhere. craft.css turned on the
   old face's ss01; that set means something else in these faces, so it goes. */
html,body,button,input,select,textarea{
  font-kerning:normal;
  font-optical-sizing:auto;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1!important;
}

/* Crimson Pro: sentences, x-height lifted to the old reading size, lining figures. */
body{font-family:var(--mi-text);font-size-adjust:.5}
p,li,dd,dt,blockquote,.ap-angle,.ap-angle-more,.ap-lede-v,.ap-foot,.ap-note{
  font-family:var(--mi-text);
  font-variant-numeric:lining-nums proportional-nums;
  letter-spacing:.004em!important;
  hanging-punctuation:first;
}

/* Bodoni Moda: headlines and names, held at a moderate optical size so the
   hairlines stay visible and the contrast stays quiet. */
h1,h2,h3{
  font-family:var(--mi-display)!important;
  font-size-adjust:none;
  font-weight:500!important;
  font-optical-sizing:none;
  font-variation-settings:"opsz" 18;
  font-variant-numeric:lining-nums tabular-nums;
  letter-spacing:-.01em!important;
}
h1{letter-spacing:-.018em!important;line-height:1.06}
h2{letter-spacing:-.012em!important;line-height:1.1}
h3{letter-spacing:-.006em!important}
/* Small headings are Jost: Bodoni's hairlines thin out below headline size. */
h4,h5{font-family:var(--mi-ui)!important;font-size-adjust:none;font-weight:500!important;letter-spacing:0!important;font-variant-numeric:lining-nums tabular-nums}

/* Jost: every large figure. */
.ap b,.ap strong,.market-copy strong,.care-perspectives strong{
  font-family:var(--mi-ui)!important;
  font-size-adjust:none;
  font-weight:400!important;
  font-variant-numeric:lining-nums tabular-nums;
  letter-spacing:-.01em!important;
}
.change-row b{font-family:var(--mi-text)!important;font-weight:600!important;letter-spacing:0!important}

/* Jost capitals: every label on the site, tracked open. */
.ap .ap-label,.ap .ap-table th,.ap-accounts .ap-list-h,.ap-feed .ap-feed-h,.care-perspectives figcaption span,
.change-row small,.fit-ladder-head,.footer-column>span,.hero-copy .product-name,.kicker,.market-copy .product-name,
.market-copy .product-name .introducing,.record-checks>div>span,.record-event em,.rr-acu h5,.rr-mark,.rr-opp h5,
.rr-opp-open blockquote small,.rr-opp-who small,.rr-tag,.section-marker,.sheet-expanded>span,.sm-bid small,
.sm-list-head span,.sm-quote small,.sm-who small,.introducing,.engine-detail,th{
  font-family:var(--mi-ui)!important;
  font-size-adjust:none;
  font-weight:500!important;
  font-variation-settings:normal;
  text-transform:uppercase;
  letter-spacing:.12em!important;
  font-variant-numeric:lining-nums tabular-nums;
}

/* Jost: buttons and nav. */
a.button,.quiet-link,button,header a,nav a,.sign-in-link,
html body .button,html body .quiet-link,html body .full-button,html body .nav-cta{
  font-family:var(--mi-ui)!important;
  font-size-adjust:none;
  font-weight:500!important;
  letter-spacing:.03em!important;
}

/* Jost: tables, pills, legends, forms, small figures, maps. */
td,label,small,select,option,input,textarea,code,kbd,pre,samp,
.ap-pill,.ap-sub,.ap-tl,.ap-kind,.legend-label,.hospital-location,.d,
svg text,.ownership-art text,.intel-network text{
  font-family:var(--mi-ui);
  font-size-adjust:none;
  font-variant-numeric:lining-nums tabular-nums;
  letter-spacing:.01em!important;
}
