@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format(“truetype”);font-weight:300;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format(“truetype”);font-weight:300;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format(“truetype”);font-weight:400;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format(“truetype”);font-weight:400;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format(“truetype”);font-weight:500;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format(“truetype”);font-weight:500;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format(“truetype”);font-weight:600;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format(“truetype”);font-weight:600;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format(“truetype”);font-weight:700;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format(“truetype”);font-weight:700;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format(“truetype”);font-weight:900;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format(“truetype”);font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format(“truetype”);font-weight:700;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format(“truetype”);font-weight:300;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format(“truetype”);font-weight:300;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format(“truetype”);font-weight:400;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format(“truetype”);font-weight:400;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format(“truetype”);font-weight:500;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format(“truetype”);font-weight:500;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format(“truetype”);font-weight:600;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format(“truetype”);font-weight:600;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format(“truetype”);font-weight:700;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format(“truetype”);font-weight:700;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format(“truetype”);font-weight:900;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format(“truetype”);font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format(“woff2”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format(“woff”),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format(“truetype”);font-weight:700;font-style:normal}#article-body >div .content–interactive-grid,.content–interactive >div .content–interactive-grid,#comment-body .content–interactive-grid,[data-gu-name=body] .content–interactive-grid,#feature-body .content–interactive-grid{grid-column-gap:0px;grid-template-columns:100%;grid-template-areas:”media” “title” “headline” “standfirst” “lines” “meta” “body”}@media (min-width: 30em){#article-body >div .content–interactive-grid figure.element–immersive figcaption,.content–interactive >div .content–interactive-grid figure.element–immersive figcaption,#comment-body .content–interactive-grid figure.element–immersive figcaption,[data-gu-name=body] .content–interactive-grid figure.element–immersive figcaption,#feature-body .content–interactive-grid figure.element–immersive figcaption{padding:0 20px;max-width:620px}}@media (min-width: 46.25em){#article-body >div .content–interactive-grid,.content–interactive >div .content–interactive-grid,#comment-body .content–interactive-grid,[data-gu-name=body] .content–interactive-grid,#feature-body .content–interactive-grid{grid-template-columns:100%;grid-column-gap:10px;grid-template-areas:”title” “headline” “standfirst” “media” “lines” “meta” “body”}#article-body >div .content–interactive-grid #maincontent,.content–interactive >div .content–interactive-grid #maincontent,#comment-body .content–interactive-grid #maincontent,[data-gu-name=body] .content–interactive-grid #maincontent,#feature-body .content–interactive-grid #maincontent{padding-right:80px}}@media (min-width: 61.25em){#article-body >div .content–interactive-grid,.content–interactive >div .content–interactive-grid,#comment-body .content–interactive-grid,[data-gu-name=body] .content–interactive-grid,#feature-body .content–interactive-grid{grid-template-columns:620px 300px;grid-template-areas:”title right-column” “headline right-column” “standfirst right-column” “media right-column” “lines right-column” “meta right-column” “body right-column” “. right-column”}#article-body >div .content–interactive-grid #maincontent,.content–interactive >div .content–interactive-grid #maincontent,#comment-body .content–interactive-grid #maincontent,[data-gu-name=body] .content–interactive-grid #maincontent,#feature-body .content–interactive-grid #maincontent{padding-right:unset}}@media (min-width: 71.25em){#article-body >div .content–interactive-grid,.content–interactive >div .content–interactive-grid,#comment-body .content–interactive-grid,[data-gu-name=body] .content–interactive-grid,#feature-body .content–interactive-grid{grid-template-columns:140px 1px 620px 300px;grid-template-areas:”title border headline right-column” “. border standfirst right-column” “. border media right-column” “. border body right-column” “. border . right-column”}#article-body >div .content–interactive-grid .content__standfirst,.content–interactive >div .content–interactive-grid .content__standfirst,#comment-body .content–interactive-grid .content__standfirst,[data-gu-name=body] .content–interactive-grid .content__standfirst,#feature-body .content–interactive-grid .content__standfirst{padding-bottom:0}#article-body >div .content–interactive-grid figure.element–immersive figcaption,.content–interactive >div .content–interactive-grid figure.element–immersive figcaption,#comment-body .content–interactive-grid figure.element–immersive figcaption,[data-gu-name=body] .content–interactive-grid figure.element–immersive figcaption,#feature-body .content–interactive-grid figure.element–immersive figcaption{padding:4px 0 0}#article-body >div .content–interactive-grid [data-gu-name=lines],#article-body >div .content–interactive-grid [data-gu-name=meta],.content–interactive >div .content–interactive-grid [data-gu-name=lines],.content–interactive >div .content–interactive-grid [data-gu-name=meta],#comment-body .content–interactive-grid [data-gu-name=lines],#comment-body .content–interactive-grid [data-gu-name=meta],[data-gu-name=body] .content–interactive-grid [data-gu-name=lines],[data-gu-name=body] .content–interactive-grid [data-gu-name=meta],#feature-body .content–interactive-grid [data-gu-name=lines],#feature-body .content–interactive-grid [data-gu-name=meta]{grid-area:2/1/5/2}#article-body >div .content–interactive-grid [data-gu-name=lines],.content–interactive >div .content–interactive-grid [data-gu-name=lines],#comment-body .content–interactive-grid [data-gu-name=lines],[data-gu-name=body] .content–interactive-grid [data-gu-name=lines],#feature-body .content–interactive-grid [data-gu-name=lines]{height:-moz-max-content;height:max-content;margin-top:5px}#article-body >div .content–interactive-grid [data-gu-name=meta],.content–interactive >div .content–interactive-grid [data-gu-name=meta],#comment-body .content–interactive-grid [data-gu-name=meta],[data-gu-name=body] .content–interactive-grid [data-gu-name=meta],#feature-body .content–interactive-grid [data-gu-name=meta]{margin-top:18px}}@media (min-width: 81.25em){#article-body >div .content–interactive-grid,.content–interactive >div .content–interactive-grid,#comment-body .content–interactive-grid,[data-gu-name=body] .content–interactive-grid,#feature-body .content–interactive-grid{grid-template-columns:219px 1px 620px 80px 300px}}body.ios .article__header .standfirst__inner p,body.android .article__header .standfirst__inner p{font-family:Guardian Headline,Guardian Egyptian Web,Guardian Headline Full,Georgia,serif;font-weight:500}body.ios .article__header .article-kicker__section,body.android .article__header .article-kicker__section{display:block}body.ios .article__header .article-kicker__section:first-letter,body.android .article__header .article-kicker__section:first-letter{text-transform:uppercase}body.ios .article__header .keyline-4,body.android .article__header .keyline-4{padding-top:12px!important}body.ios .article__header .meta__misc .byline__author,body.android .article__header .meta__misc .byline__author{font-family:Guardian Headline,Guardian Egyptian Web,Guardian Headline Full,Georgia,serif;font-weight:700}body.ios .article__header .meta__misc .byline__author a,body.android .article__header .meta__misc .byline__author a{font-weight:700}body.ios .article figure.element-image .figure__inner,body.android .article figure.element-image .figure__inner{height:auto!important}body.ios .article figure.element-atom+p,body.android .article figure.element-atom+p{margin-top:0}:root{–gv-custom-color-dark: #121212;–gv-custom-color-active: #ff4e36;–gv-custom-color-light: #606060;–gv-custom-color-border: #333333;–gv-custom-text-light: #999999;–article-background: var(–gv-custom-color-dark);–article-meta-lines: var(–gv-custom-color-border);–straight-lines: var(–gv-custom-color-border);–article-text: #fff;–headline-colour: #fff;–subheading-text: #fff;–standfirst-text: #fff;–textblock-text: #fff;–mobile-color: var(–gv-custom-text-light);–sub-meta-label-text: var(–gv-custom-text-light);–dateline: var(–gv-custom-text-light);–series-title-text: var(–gv-custom-color-active);–byline: var(–gv-custom-color-active);–byline-anchor: var(–gv-custom-color-active);–article-link-border: var(–gv-custom-color-border);–article-link-text: var(–gv-custom-color-active);–article-link-border-hover: var(–gv-custom-color-active);–article-link-text-hover: var(–gv-custom-color-active);–sub-meta-text: var(–gv-custom-color-active);–share-button: var(–gv-custom-color-active);–standfirst-link-text: var(–gv-custom-color-active);–standfirst-link-border: var(–gv-custom-color-border);–share-button-border: var(–gv-custom-color-border);–sub-meta-background: var(–gv-custom-color-dark);–share-button-hover: var(–gv-custom-color-dark);–interactive-block-background: var(–gv-custom-color-dark);–caption-text: var(–gv-custom-text-light);–article-section-background: #fff;–section-background: #fff}article,main >section:nth-child(3),main >section:nth-child(4){–article-border: var(–gv-custom-color-border)}#maincontent{margin-top:0}#maincontent h2{padding-bottom:10px;max-width:620px}#maincontent hr{background-color:var(–gv-custom-color-border);max-width:620px;width:100%}#maincontent figcaption{margin-top:10px}#maincontent figcaption span:has(svg){display:none}#maincontent hr+h2+p{font-family:Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:15px;margin-bottom:20px}[data-gu-name=media] >div{max-width:100%}[data-name=placeholder] >div{background-color:var(–section-background)}[data-gu-name=lines]{margin-top:20px}@media (min-width: 61.25em){[data-gu-name=lines]{margin-top:0}}@media (prefers-color-scheme: dark){article,main >section:nth-child(3),main >section:nth-child(4){background-color:var(–gv-custom-color-dark)!important}article #maincontent figure{background-color:var(–gv-custom-color-dark)}}@media (min-width: 71.25em){#article-body >div .content–interactive-grid .content__standfirst,.content–interactive >div .content–interactive-grid .content__standfirst,#comment-body .content–interactive-grid .content__standfirst,[data-gu-name=body] .content–interactive-grid .content__standfirst,#feature-body .content–interactive-grid .content__standfirst{padding-bottom:14px}}[data-link-name=”Across the Guardian”] div,[data-link-name=”Across the Guardian”] span{–article-text: #121212}[data-link-name=”Across the Guardian”] h4{color:var(–article-text)}[data-link-name=”most popular”] span{–article-text: #121212;color:#121212}
/**
* Data font stack
*
* @group typography
*/
/**
* Serif font stack
*
* @group typography
*/
/**
* Headline font stack
*
* @group typography
*/
/**
* Sans serif text font stack
*
* @group typography
*/
/**
* Sans serif headline font stack
*
* @group typography
*/
/**
* Default font scale settings
* See font-scale.html and font-scale.png for visual representations
*
* @group typography
*/
/**
* Grab all levels of a font the font-scale
*
* @param {String} $name – Name of the font-scale matrix (eg: headline)
* @param {Map} $font-scale ($font-scale)
*
* @example
* font-size: get-scale(header);
*
* @requires {variable} $font-scale
*
* @return {Map}
*
* @group typography
*/
/**
* Grab info for a particular level of a font-scale
*
* @param {String} $name – Name of the font-scale in the matrix (eg: headline)
* @param {Number} $level – Level in the matrix
* @param {Map} $font-scale ($font-scale)
*
* @example
* font-size: get-scale-level(header, 1);
*
* @requires {variable} $font-scale
* @requires {function} get-scale
*
* @return {Map}
*
* @group typography
*/
/**
* Get a font-size for a level in the font-scale matrix
*
* @param {String} $name – Name of the font-scale in the matrix (eg: headline)
* @param {Number} $level – Level in the matrix
* @param {Map} $font-scale – Configuration
*
* @example
* font-size: get-font-size(header, 3);
*
* @requires {variable} $font-scale
* @requires {function} convert-to-px
* @requires {function} get-scale-level
*
* @return {Number}
*
* @group typography
*/
/**
* Get a line-height for a level in the font-scale matrix
*
* @param {String} $name – Name of the font-scale in the matrix (eg: headline)
* @param {Number} $level – Level in the matrix
* @param {Map} $font-scale – Configuration
*
* @example
* font-size: get-line-height(header, 3);
*
* @requires {variable} $font-scale
* @requires {function} convert-to-px
* @requires {function} get-scale-level
*
* @return {Number}
*
* @group typography
*/
/**
* Turn any value into pixels
*
* @param {Number} $value
*
* @example
* font-size: convert-to-px(14); // 14px
*
* @return {Number}
*
* @group typography
*/
/**
* Default typography settings, to be included as soon as possible in the HTML
* 1. Make type rendering look crisper
* 2. Set relative line spacing to 1.5 (16px * 1.5 = 24px)
*
* @param {String} $font-family ($f-serif-text) – Default global font
*
* @requires {variable} $f-serif-text
*
* @group typography
*/
/**
* Font-size and line-height shorthand
*
* @param {Number} $size
* @param {Number} $line-height ($size)
*
* @example
* @include font-size(18, 24);
*
* @requires {function} convert-to-px
*
* @group typography
*/
/**
* Font styling shorthand
* Note: prefer the usage of the font-scale mixins to stick to the font scale
*
* @param {String} $family
* @param {String} $weight
* @param {Number} $size
* @param {Number} $line-height ($size)
*
* @example
* @include font(arial, bold, 18, 24);
*
* @requires {mixin} font-size
*
* @group typography
*/
/**
* Header family and weight properties.
*
* @requires {variable} $f-serif-headline
*
* @group typography
*/
/**
* Header typography settings.
*
* @param {Number} $level
* @param {Boolean} $size-only
*
* @example
* // Output all properties (font-size, line-height, family, weight)
* @include fs-header(3);
*
* // Output font-size and line-height only
* @include fs-header(3, $size-only: true);
*
* @requires {function} get-font-size
* @requires {function} get-line-height
* @requires {mixin} font-size
* @requires {mixin} f-header
*
* @group typography
*/
/**
* Healdine family and weight properties.
*
* @requires {variable} $f-serif-headline
*
* @group typography
*/
/**
* Headline typography settings.
*
* @param {Number} $level
* @param {Boolean} $size-only
*
* @example
* // Output all properties (font-size, line-height, family, weight)
* @include fs-headline(3);
*
* // Output font-size and line-height only
* @include fs-headline(3, $size-only: true);
*
* @requires {function} get-font-size
* @requires {function} get-line-height
* @requires {mixin} font-size
* @requires {mixin} f-headline
*
* @group typography
*/
/**
* Body Heading family and weight properties.
*
* @requires {variable} $f-serif-text
*
* @group typography
*/
/**
* Body Heading typography settings.
*
* @param {Number} $level
* @param {Boolean} $size-only
*
* @example
* // Output all properties (font-size, line-height, family, weight)
* @include fs-bodyHeading(3);
*
* // Output font-size and line-height only
* @include fs-bodyHeading(3, $size-only: true);
*
* @requires {function} get-font-size
* @requires {function} get-line-height
* @requires {mixin} font-size
* @requires {mixin} f-bodyHeading
*
* @group typography
*/
/**
* Body Copy family property.
*
* @requires {variable} $f-serif-text
*
* @group typography
*/
/**
* Body Copy typography settings.
*
* @param {Number} $level
* @param {Boolean} $size-only
*
* @example
* // Output all properties (font-size, line-height, family)
* @include fs-bodyCopy(3);
*
* // Output font-size and line-height only
* @include fs-bodyCopy(3, $size-only: true);
*
* @requires {function} get-font-size
* @requires {function} get-line-height
* @requires {mixin} font-size
* @requires {mixin} f-bodyCopy
*
* @group typography
*/
/**
* Data family property.
*
* @requires {variable} $f-data
*
* @group typography
*/
/**
* Data typography settings.
*
* @param {Number} $level
* @param {Boolean} $size-only
*
* @example
* // Output all properties (font-size, line-height, family)
* @include fs-data(3);
*
* // Output font-size and line-height only
* @include fs-data(3, $size-only: true);
*
* @requires {function} get-font-size
* @requires {function} get-line-height
* @requires {mixin} font-size
* @requires {mixin} f-data
*
* @group typography
*/
/**
* Text Sans family property.
*
* @requires {variable} $f-sans-serif-text
*
* @group typography
*/
/**
* Text Sans typography settings.
*
* @param {Number} $level
* @param {Boolean} $size-only
*
* @example
* // Output all properties (font-size, line-height, family)
* @include fs-textSans(3);
*
* // Output font-size and line-height only
* @include fs-textSans(3, $size-only: true);
*
* @requires {function} get-font-size
* @requires {function} get-line-height
* @requires {mixin} font-size
* @requires {mixin} f-textSans
*
* @group typography
*/
/**
* Headline Sans family property.
* Is not currently integrated into our font scale matrix,
* hence no `fs-` mixin; currently we’re just using it as a
* replacement font in a few places.
*
* @requires {variable} $f-sans-serif-headline
*
* @group typography
*/
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf”) format(“truetype”);font-weight:300;font-style:normal;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf”) format(“truetype”);font-weight:300;font-style:italic;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf”) format(“truetype”);font-weight:400;font-style:normal;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf”) format(“truetype”);font-weight:400;font-style:italic;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf”) format(“truetype”);font-weight:500;font-style:normal;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf”) format(“truetype”);font-weight:500;font-style:italic;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf”) format(“truetype”);font-weight:600;font-style:normal;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf”) format(“truetype”);font-weight:600;font-style:italic;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf”) format(“truetype”);font-weight:700;font-style:normal;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf”) format(“truetype”);font-weight:700;font-style:italic;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf”) format(“truetype”);font-weight:900;font-style:normal;
}
@font-face {font-family:”Guardian Headline Full”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf”) format(“truetype”);font-weight:900;font-style:italic;
}
@font-face {font-family:”Guardian Titlepiece”;src:url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2”) format(“woff2”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff”) format(“woff”), url(“https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf”) format(“truetype”);font-weight:700;font-style:normal;
} More