/* Heading type: Freight Big Pro from the Adobe Fonts web project (use.typekit.net/pgj0nvq.css),
   with the self-hosted Noto Serif as the fallback. Loaded last on every page.
   Freight Big is narrower than Noto Serif and is already tightly spaced, so the negative
   letter-spacing the headings had for Noto Serif is taken off, and headings get display leading. */
h1,h2,h3,h4{line-height:1.12}
.content h2,.event h2,.intro-copy h2,.section-rule>h2,.map-heading h2,.about-page h2,.mx-intro h2,.tm-race-head h2,.tm-athlete h3{letter-spacing:0}
.hero h1,.pagehero h1,.year-view .yr-title{letter-spacing:-.01em}
.hero-event-name{letter-spacing:-.01em!important}
/* Freight Big's x-height is about 0.42 of its size, against 0.54 for Noto Serif, so smaller serif
   text is scaled to an x-height of 0.47 (font-size-adjust). Rules setting the serif below 30px carry
   the same value; large display headings are left at their set size. */
h3,h4{font-size-adjust:.47}
.programme-body h3,.tm-team h3,.news-original h3,.rp-title h3,.archive-quote blockquote,.ii-quote-photo blockquote,.ii-quote-split-text blockquote{font-size-adjust:none}
/* font-size-adjust is inherited, so sans-serif text inside serif blocks is set back */
.btn,.vn-year h3 span,.vn-year h3 small{font-size-adjust:var(--sans-fsa)}
/* the capitals on the home page team tiles keep their set size, so the labels stay on two lines */
.tile div{font-size-adjust:none}
/* Freight sets old-style figures by default, as the years in the logo are. Headings keep them;
   scores, times, counts and badges use lining figures so the numbers line up. */
.race-pill b,.week-badge b,.race-feature .number,.programme-time,.latest-date strong,.latest-versus b,
.series-side strong,.rw-count strong,.rw-times b,.count strong,.score strong,.uni-score strong,
.scoreboard-row b,.rivalry-score strong,.showcase-series strong,.archive-snapshot-stats strong,
.selection-panel strong,.series-door strong{font-variant-numeric:lining-nums tabular-nums}

/* Body text, menus and labels use the --sans stack, and scores and big numbers the --num stack (set in every
   stylesheet): Freight Sans Pro and Freight Sans Compressed from the Adobe Fonts web project, with the self-hosted
   Roboto and Barlow Condensed as fallbacks. Freight Sans is scaled to an x-height of 0.5 so it reads at the size
   Roboto did, and set with lining figures; the numerals take Freight Sans Compressed Bold. */
:root{--sans:"freight-sans-pro","Roboto";--sans-fsa:.5;--sans-nums:lining-nums;--num:"freight-sans-compressed-pro","Barlow Condensed";--num-fsa:.52;--num-weight:700}
/* Size adjust and figures are inherited, so the Freight Big headings that take them from a Freight Sans parent
   are set back (zero specificity, so any rule that sets them on purpose still wins) */
:where(.ii-quote-photo blockquote,.ii-quote-split-text blockquote,h1,h2,h3,h4,.about-stat strong,.pagehero h1,.hero h1,.display,.serif,.count strong,.score strong,.programme-time,.race-feature .number,.wider-teams span,.archive-quote blockquote,.supporting-level,.selection-panel strong,.history-chapters>section>span,.hero-event-name){font-size-adjust:none}
:where(.about-page .lede,.site-header__club,.ii-voices blockquote,.ii-stories blockquote,.ii-story-names,.ii-quote-photo blockquote,.ii-quote-split-text blockquote,.news-original blockquote,.about-brand-years,.about-brand-years *,h1,h2,h3,h4,.about-stat strong,.hero-brand-years,.hero-brand-years *,.pagehero h1,.hero h1,.display,.ii-table td:first-child,.serif,.uni,.hero .kicker,.count strong,.score strong,.archive-photo .caption,.tile div,.footer-title,.landmark strong,.content blockquote,.pagehero p,.intro-copy .lede,.programme-time,.programme-name,.race-feature .number,.team-pair strong,.versus-mark span,.wider-teams span,.timeline .year,.archive-quote blockquote,.history-values strong,.supporting-level,.match-lines span,.selection-panel strong,.athlete-photo span,.history-chapters>section>span,.mob-pairs strong,.gateway-links strong,.results-era strong,.scoreboard-row>span,.support-action h3,.partner-tile h3,.supporting-races-v2 .supporting-level,.hero-event-name,.tm-bib.cap){font-variant-numeric:normal}
.supporting-varsity:after{font-size-adjust:none;font-variant-numeric:normal}
/* Freight Text Pro for the long reads, with old-style figures as in the logo */
html :is(.long-history-intro p,.history-chapters section p,.ii-stories article p,.news-original p,.news-article>p,.news-article>ul>li){font-family:"freight-text-pro","Noto Serif",Georgia,serif;font-size-adjust:.5;font-variant-numeric:oldstyle-nums proportional-nums}
/* Home page hero: the race title as text in Freight Big above the logo, which no longer carries it */
.hero-logo-only{flex-direction:column;gap:clamp(14px,2vw,22px)}
.hero .hero-title{margin:0;font:600 clamp(28px,2.9vw,42px)/1.1 "freight-big-pro","Noto Serif",Georgia,serif;letter-spacing:.01em;color:#fff;text-align:center;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.45)}
/* The logo keeps its shape: its width is capped by the screen height too (720 x 906, so 27dvh wide is 34dvh tall) */
.hero-logo-only img{width:clamp(150px,min(24vw,27dvh),270px);height:auto;max-width:none;max-height:none;object-fit:contain}
@media (max-width:560px){.hero .hero-title{font-size:clamp(26px,7.4vw,30px)}.hero-logo-only img{width:clamp(130px,min(46vw,20dvh),180px)}}