root{}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-LightItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Regular.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Medium.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Semibold.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Black.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format(“truetype”);
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: Guardian Titlepiece;
src: url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2) format(“woff2”),
url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff) format(“woff”),
url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf) format(“truetype”);
font-weight: 700;
font-style: normal;
}
@media (scripting: enabled) {
:root article.content–interactive > div,
:root .article {
opacity: 0;
transition: opacity 1s ease;
}
:root.interactive-loaded article.content–interactive > div,
:root.interactive-loaded .article {
opacity: 1;
}
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-LightItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Regular.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Medium.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Semibold.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Bold.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Black.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format(“truetype”);
font-weight: 900;
font-style: italic;
}@font-face {
font-family: Guardian Headline;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format(“truetype”);
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: Guardian Titlepiece;
src: url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2) format(“woff2”),
url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff) format(“woff”),
url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf) format(“truetype”);
font-weight: 700;
font-style: normal;
}
@media (min-width: 71.25em) {
.content__main-column–interactive {
margin-left: 160px;
}
}
@media (min-width: 81.25em) {
.content__main-column–interactive {
margin-left: 240px;
}
}
.content__main-column–interactive .element-atom {
max-width: 620px;
}
@media (max-width: 46.24em) {
.content__main-column–interactive .element-atom {
max-width: 100%;
}
}
.content__main-column–interactive .element-showcase {
margin-left: 0;
}
@media (min-width: 46.25em) {
.content__main-column–interactive .element-showcase {
max-width: 620px;
}
}
@media (min-width: 71.25em) {
.content__main-column–interactive .element-showcase {
max-width: 860px;
}
}
.content__main-column–interactive .element-immersive {
max-width: 1100px;
}
@media (max-width: 46.24em) {
.content__main-column–interactive .element-immersive {
width: calc(100vw – var(–scrollbar-width, 0px));
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw + var(–half-scrollbar-width, 0px)) !important;
margin-right: calc(-50vw + var(–half-scrollbar-width, 0px)) !important;
}
}
@media (min-width: 46.25em) {
.content__main-column–interactive .element-immersive {
transform: translate(-20px);
width: calc(100% + 60px);
}
}
@media (max-width: 71.24em) {
.content__main-column–interactive .element-immersive {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 71.25em) {
.content__main-column–interactive .element-immersive {
transform: translate(0);
width: auto;
}
}
@media (min-width: 81.25em) {
.content__main-column–interactive .element-immersive {
max-width: 1260px;
}
}
.content__main-column–interactive p,
.content__main-column–interactive ul {
max-width: 620px;
}
.content__main-column–interactive:before {
position: absolute;
top: 0;
height: calc(100% + 15px);
min-height: 100px;
content: “”;
}
@media (min-width: 71.25em) {
.content__main-column–interactive:before {
border-left: 1px solid #dcdcdc;
z-index: -1;
left: -10px;
}
}
@media (min-width: 81.25em) {
.content__main-column–interactive:before {
border-left: 1px solid #dcdcdc;
left: -11px;
}
}
.content__main-column–interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 12px;
padding-top: 12px;
}
.content__main-column–interactive p + .element-atom {
padding-top: 0;
padding-bottom: 0;
margin-top: 12px;
margin-bottom: 12px;
}
.content__main-column–interactive .element-inline {
max-width: 620px;
}
@media (min-width: 61.25em) {
figure[data-spacefinder-role=”inline”].element {
max-width: 620px;
}
}
:root {
–dateline: #606060;
–headerBorder: #dcdcdc;
–captionText: #999;
–captionBackground: hsla(0, 0%, 7%, .72);
–feature: #c70000;
–new-pillar-colour: var(–primary-pillar, var(–feature));
}
:root:root {
–subheading-text: var(–secondary-pillar);
–pullquote-text: var(–secondary-pillar);
–pullquote-icon: var(–secondary-pillar);
–block-quote-text: var(–article-text);
}
:root:root blockquote {
–block-quote-fill: var(–secondary-pillar);
}
@media (prefers-color-scheme: dark) {
:root:root:not([data-color-scheme=”light”]) {
–subheading-text: var(–darkmode-pillar);
–pullquote-text: var(–darkmode-pillar);
–pullquote-icon: var(–darkmode-pillar);
}
:root:root:not([data-color-scheme=”light”]) blockquote {
–block-quote-fill: var(–darkmode-pillar);
}
}
.content__main-column–interactive .element.element-atom,
.element.element-atom {
padding: 0;
}
#article-body > div .element-atom:first-of-type + p:first-of-type,
#article-body > div .element-atom:first-of-type + .sign-in-gate + p:first-of-type,
#article-body > div .element-atom:first-of-type + #sign-in-gate + p:first-of-type,
#article-body > div hr:not(.last-horizontal-rule) + p,
.content–interactive > div .element-atom:first-of-type + p:first-of-type,
.content–interactive > div .element-atom:first-of-type + .sign-in-gate + p:first-of-type {
/ Styles for these selectors would continue here /
}The first paragraph after specific elements like an atom, sign-in gate, or horizontal rule gets 14 pixels of padding on top. The first letter of that paragraph is styled with a large, bold, uppercase font in a headline style, floated to the left with a margin and a specific color.
Paragraphs that come directly after a horizontal rule have no top padding. Pullquote elements are limited to a maximum width of 620 pixels.
For showcase elements, the figure caption is positioned statically with a full width, up to 620 pixels. Immersive elements span the full viewport width, minus the scrollbar. On screens smaller than about 71 ems, immersive elements are capped at 978 pixels wide, and their captions have horizontal padding of 10 pixels. For medium-sized screens between 30 and 71 ems, that caption padding increases to 20 pixels. On tablet-sized screens between roughly 46 and 61 ems, the maximum width for immersive elements is 738 pixels.For screens between 30em and 46.24em, immersive elements have a left margin of -20px, and their captions have 20px of horizontal padding.
The furniture-wrapper uses a relative position. On screens 61.25em and wider, it becomes a grid with a 20px column gap. The grid has defined areas for the title, headline, meta information, standfirst, and portrait. The headline gets a top border, meta information gets top padding, and standfirst links are underlined with a custom color that changes on hover. The first paragraph in the standfirst gets a top border and no bottom padding. Figures inside have no left margin and a max-width of 630px when inline.
On screens 71.25em and wider, the grid layout changes with different column and row templates. A top border is added before the meta information using a pseudo-element, and the standfirst gets a left border. For screens 81.25em and wider, the grid structure is adjusted again with updated column and row definitions.The CSS code defines styles for a webpage layout, particularly for article components. It sets responsive design rules for different screen sizes, adjusting element widths, fonts, margins, and visibility. For example, headlines change font size and width on larger screens, and certain lines or social elements are hidden or repositioned based on the viewport. It also includes specific styles for captions, buttons, and color variables, ensuring a consistent appearance across devices while hiding some navigation-related sections.The furniture wrapper has a dark background and adjusts its margins and padding based on screen size. On larger screens, it adds sidebars with a border. Text colors, like headlines and meta information, are set to light gray or use custom colors. Links and social buttons have specific colors and hover effects, with underlines and color changes on interaction.The CSS code sets styles for elements within a `.furniture-wrapper` class. Paragraphs and list items inside elements with the class `.standfirst`, the ID `#standfirst`, or the attribute `[data-gu-name=standfirst]` are colored `#dcdcdc`.
For wider screens (minimum width 61.25em), the first paragraph in these elements gets a top border using a custom color variable. This border is removed on even wider screens (71.25em). On these larger screens, a pseudo-element (`:before`) is also added to these standfirst elements with a background color from a variable.
The `.furniture-wrapper` itself gets pseudo-elements (`:before` and `:after`) on medium screens (46.25em) and up. These create full-height sidebars with a dark background and a border. Their width and position are calculated based on the viewport and a scrollbar-adjusted container width (738px, 978px, 1138px, or 1298px, depending on the screen size breakpoint).
Additional rules set the stroke color for SVGs within `.keyline-4` or `[data-gu-name=lines]` and border colors for social and comment elements within `#meta` or `[data-gu-name=meta]`.
For the article body, `h2` headings have a font weight of 200, but if they contain a `strong` element, the weight becomes 700.
Finally, a custom font face is defined for “Guardian Headline Full” in a light (300) weight and light italic style, with sources provided in WOFF2, WOFF, and TTF formats.@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Regular.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Medium.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Semibold.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Bold.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Black.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format(“woff2”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff) format(“woff”),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format(“truetype”);
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: Guardian Titlepiece;
src: url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2) format(“woff2”),
url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff) format(“woff”),
url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf) format(“truetype”);
font-weight: 700;
font-style: normal;
}
:root:has(.ios, .android) {
–darkBackground: #1a1a1a;
–feature: #c70000;
–darkmodeFeature: #ff5943;
–new-pillar-colour: var(–primary-pillar, var(–feature));
}
@media (prefers-color-scheme: dark) {
:root:has(.ios, .android) {
–new-pillar-colour: var(–darkmode-pillar, var(–darkmodeFeature));
}
}
body.ios #feature-article-container .element-atom:first-of-type + p:first-of-type:first-letter,
body.ios #feature-article-container .element-atom:first-of-type + .sign-in-gate + p:first-of-type:first-letter,
body.ios #feature-article-container .element-atom:first-of-type + #sign-in-gate + p:first-of-type:first-letter,
body.ios #standard-article-container .element-atom:first-of-type + p:first-of-type:first-letter,
body.ios #standard-article-container .element-atom:first-of-type + .sign-in-gate + p:first-of-type:first-letter,
body.ios #standard-article-container .element-atom:first-of-type + #sign-in-gate + p:first-of-type:first-letter,
body.ios #comment-article-container .element-atom:first-of-type + p:first-of-type:first-letter,
body.ios #comment-article-container .element-atom:first-of-type + .sign-in-gate + p:first-of-type:first-letter,
body.ios #comment-article-container .element-atom:first-of-type + #sign-in-gate + p:first-of-type:first-letter,
body.android #feature-article-container .element-atom:first-of-type + p:first-of-type:first-letter,
body.android #feature-article-container .element-atom:first-of-type + .sign-in-gate + p:first-of-type:first-letter,
body.android #feature-article-container .element-atom:first-of-type + #sign-in-gate + p:first-of-type:first-letter,
body.android #standard-article-container .element-atom:first-of-type + p:first-of-type:first-letter,
body.android #standard-article-container .element-atom:first-of-type + .sign-in-gate + p:first-of-type:first-letter,
body.android #standard-article-container .element-atom:first-of-type + #sign-in-gate + p:first-of-type:first-letter,
body.android #comment-article-container .element-atom:first-of-type + p:first-of-type:first-letter,
body.android #comment-article-container .element-atom:first-of-type + .sign-in-gate + p:first-of-type:first-letter,
body.android #comment-article-container .element-atom:first-of-type + #sign-in-gate + p:first-of-type:first-letter {
color: var(–secondary-pillar, #000);
}
body.ios #feature-article-container .article__header,
body.ios #standard-article-container .article__header,
body.ios #comment-article-container .article__header,
body.android #feature-article-container .article__header,
body.android #standard-article-container .article__header,
body.android #comment-article-container .article__header {
height: 0;
}
body.ios #feature-article-container .furniture-wrapper,
body.ios #standard-article-container .furniture-wrapper,
body.ios #comment-article-container .furniture-wrapper,
body.android #feature-article-container .furniture-wrapper,For iOS and Android devices, the furniture wrapper in feature, standard, and comment article containers has a top padding of 4 pixels, left and right padding of 10 pixels, and no bottom padding.
On both iOS and Android, the content labels within these wrappers use a bold, capitalized font from the Guardian headline or serif families, colored with a custom variable.
The main headline in these sections is set to 32 pixels, bold, with 12 pixels of bottom padding, and a dark gray color.
Images are positioned relatively, with a top margin of 14 pixels, a left margin of -10 pixels, and a width that adjusts to the viewport minus the scrollbar.
Inner image elements, images, and links have a transparent background, matching the responsive width, and an automatic height.
The standfirst area includes top and bottom padding of 4 and 24 pixels respectively, with a right margin of -10 pixels.
Paragraphs inside the standfirst inner container follow the same styling rules.For iOS and Android devices, the text within the standfirst section of feature, standard, and comment articles uses the Guardian Headline font family. Links inside these standfirst sections are styled with a specific color, underlined with an offset, and have a border color that changes on hover. The meta section in these articles has no margin, and elements like the byline and author links share consistent styling.For Android devices, the author’s name in feature, standard, and comment articles is displayed using the new pillar color. On both iOS and Android, the meta section in these articles has no padding, and any SVG icons within it use the new pillar color for their stroke.
The caption button in showcase elements is styled consistently across iOS and Android for all article types. It is displayed as a flex container, centered with 5px padding, and positioned 14px from the right, measuring 28px by 28px.
The main body of feature, standard, and comment articles has 12px of horizontal padding on both iOS and Android. For images that are not thumbnails or immersive, the figure element spans the full viewport width (accounting for padding and scrollbars) with no margin and an automatic height. The caption for these images is styled the same way on both platforms.For iOS and Android devices, the following CSS rules apply across feature, standard, and comment article containers:
– Remove padding from captions of non-thumbnail, non-immersive images.
– Set immersive images to a width of 100% of the viewport, minus the scrollbar width.
– Style quoted blockquotes with a color from the new pillar color variable.
– Style links with the primary pillar color, an underline, and a specific offset. The underline color changes on hover.
– In dark mode, adjust background colors, label colors, headline colors, and standfirst text colors for the furniture wrapper to suit a dark theme.For elements with the class .furniture-wrapper .standfirst p, and specifically for Android devices within the #comment-article-container, set the text color to the CSS variable –headerBorder.
On iOS and Android devices, within the #feature-article-container, #standard-article-container, and #comment-article-container, set the text color of links within .standfirst and author bylines within .meta to the CSS variable –new-pillar-colour.
For the same containers on iOS and Android, set the stroke color of SVG icons within .meta__misc to –new-pillar-colour.
Also, for showcase image captions within those containers on both iOS and Android, set the text color to the CSS variable –dateline.
For blockquotes with the class .quoted within the article body on both platforms, set the text color to –new-pillar-colour.
Finally, for the main content areas within #feature-article-container, #standard-article-container, and #comment-article-container on iOS and Android, target various body content divs and elements.For Android devices, set the background color of various content containers to a dark background. For iOS devices, style the first letter of paragraphs following specific elements within these containers.This appears to be a long CSS selector targeting specific elements on iOS and Android devices. It selects the first letter of paragraphs that follow certain elements like `.element-atom`, `.sign-in-gate`, or `#sign-in-gate` within various article containers and body sections.For Android devices, the first letter of paragraphs following specific elements in comment articles is styled with a custom color variable. On both iOS and Android, the standfirst text in comment articles has adjusted padding and no top margin. Headings at level two are set to 24 pixels.
Caption buttons have specific padding adjustments for iOS and Android. Dark mode preferences set custom colors for follow elements, standfirst text, and bylines, and define a dark background color.
Article headers are hidden, and furniture wrappers have no margin. Labels within these wrappers use a custom color variable, while main headlines are set to a light gray. Links within article headers and title sections on iOS are also targeted for styling.The CSS code sets styles for article titles and metadata across different platforms and article types. It defines link colors, border gradients, and text colors for bylines and icons, using CSS custom properties for flexibility.For iOS and Android devices, the stroke color of SVG elements within the meta section’s miscellaneous area is set to a custom property. The label text in alerts is styled with a light gray color. Icons within the meta section use a custom color property for both the icon and its pseudo-element. These styles apply across feature, standard, and comment article containers. On larger screens, additional adjustments are made to the meta section’s layout.The CSS code sets display and border properties for various article containers on iOS and Android. It also adjusts margins, maximum widths, and link styling for paragraphs, lists, and blockquotes within the article body. Additionally, it defines hover effects for links and includes a media query for dark mode preferences.For iOS and Android devices, the article body’s quoted text uses a dark mode pillar color. Links within the article body also adopt this color, and their hover effect is underlined with the same shade.
In app view, the color scheme defines follow text, icons, standfirst text, links, bylines, and meta lines using specific color variables. The byline text and its decorative elements are styled with the new pillar color. Sponsor logos are inverted in light mode.
Within the article body, second-level headings are styled with a specific size, weight, and color. The first letter of the opening paragraph is also colored. The standfirst area is arranged as a flexible column, and a sound disclaimer within it uses a specific font and padding.
A caption button is positioned with a high z-index. In dark mode, sound buttons and specific text elements (like H2 headings and drop caps) switch to a light color scheme.
Video elements are constrained to a maximum width. Their containers position captions absolutely, styling them with a semi-transparent background, white text, and specific typography. Video attribution text uses a designated sans-serif font.The CSS code defines styles for video elements, buttons, and sound controls, including responsive design adjustments for different screen sizes. It also includes specific styles for a sound button that changes appearance on hover and varies by device type.
Following the CSS, there is text indicating a sound toggle option labeled “Enable sound” and “Muted sound.” Below that, an article excerpt reports that Nigel Farage has sold videos through the Cameo platform in which he endorsed a neo-Nazi event, repeated extremist slogans, and supported an individual convicted for involvement in a far-right riot. The Guardian’s investigation identified these clips, noting they contain references to antisemitic conspiracy theories, misogynistic comments about left-wing politicians, and the use of far-right mottos. The discovery of these videos could have significant implications.The revelations are damaging to Nigel Farage, whose Reform UK party is leading in the polls. They raise questions about his connections to the far right and the sources of his funding.
Farage charged £155 for a video made in 2025 for a man he was told had received a 16-month sentence for his role in a far-right riot. In the clip, the Reform leader told the man to “keep acting in the right way.”
He was paid £141 for another video promoting an event by a Canadian neo-Nazi group. The group used the clip in propaganda material featuring fascist salutes and antisemitic imagery, with Farage calling the event “the best thing that ever happened.”
The Guardian also identified a series of “outtake” Cameo clips where Farage appears quick to anger when his recording is interrupted, showing a side that contrasts with his usually amiable public persona.
An analysis of 4,366 clips Farage has produced on Cameo since joining in 2021 shows he has become a prolific user of the service, which allows celebrities to sell personalised video messages to the public. Buyers provide a prompt describing who the video is for and what they want the celebrity to say.
Farage has earned at least £374,893 from the platform over five years, often making several videos a day. Most are harmless messages, typically costing about £85, for birthdays or holidays. However, dozens of instances show he has made videos for individuals expressing far-right or offensive views. These include a user who supported the defunct fascist National Front and another who requested a video for a former UKIP supporter who dislikes “the gypsies.”
A spokesperson for Farage said: “Mr Farage has recorded many thousands of videos for genuine supporters to celebrate weddings, congratulate friends or send novelty messages. At that scale, the occasional mistake can occur.” They added that the videos “should not be treated as political statements or campaign activity” and that Farage “has long been clear in his opposition to extremism and political violence.”
‘Keep acting in the right way’, Farage tells man convicted of violent disorder
The Guardian was able to determine when videos were uploaded and how much Farage charged by examining the publicly available source code on Cameo’s website. The code also reveals the prompts Farage saw, including one for Ben Tavener, 37, who was convicted of violent disorder for his involvement in clashes in Bristol in August 2024.
Following the Southport murders at that time, Farage had condemned widespread rioting targeting asylum seeker hotels, stating, “We do not support – I do not support – street protest, violence or thuggery in any way. We must deal with violence wherever it comes from and deal with it ruthlessly.”
The following year, Farage made a Cameo video for Tavener, commissioned and paid for by his family to mark the end of his sentence. The prompt described “Ben” as a “longtime Reform member” who was “filmed in the 2024 summer riots breaking up fights and helping stop clashes with police,” and who received a 16-month prison sentence for throwing a bottle that hit the ground and hurt no one.
Despite knowing the man had been imprisoned for his involvement in the far-right riots, Farage recorded a sympathetic message, telling Tavener his sentence was “absolutely outrageous” and that he was “genuinely sorry” for what he had been through.Things have been downright rotten lately. All I can say is, keep your head up, keep believing in what’s right, keep doing the right thing, and in the end—you know what, Ben?—in the end, good triumphs over evil.
He ended the message by thanking Ben for his support, adding, “I’m with you too.”
Tavener told the Guardian that getting the video gave him a “real morale boost.” He denied taking part in any riot and said he wasn’t far-right, calling himself “patriotic” instead. He was protesting against a hotel housing asylum seekers when footage shows him throwing a bottle near counter-protesters and mounted police.
However, this video for Tavener seems to contradict his claim of having “done more than anyone else to defeat the far right in Britain.” He has recently been trying to soften Reform’s image to attract mainstream voters. That effort could take another hit from a video he was paid to make for neo-Nazis in Canada, recorded just ten days after he was elected as an MP on July 4, 2024.
A Pep Talk for Canadian Neo-Nazis: ‘They Have to Go Back’
Farage was paid extra to deliver the video quickly. The request asked him to endorse the “Road Rage Terror Tour,” a Canadian show hosted by Jeremy MacKenzie, Derek Harrison, and Alex Vriend. A quick online search would have shown Farage the extremist nature of these individuals and their event.
MacKenzie, Harrison, and Vriend are leaders of Diagolon, a group labeled a “Canadian far-right ‘extremist’ group” by the U.S. State Department in 2022.
Diagolon’s website advertised a book alluding to Adolf Hitler called Meme Kampf, and the group’s extremist slogan—”they have to go back”—referred to the forced repatriation of migrants. When Farage recorded the video, there were numerous news reports about Diagolon and its neo-Nazi tour, which it promoted as a “comedy show.”
Canada’s then-Prime Minister Justin Trudeau had described the group as a “white nationalist violent organization.” Andrea Horwath, the mayor of Hamilton, Ontario, where Diagolon planned to bring its show, said she was “appalled” by the upcoming event.
It appears the neo-Nazi group turned to Cameo—and Farage—as a form of retaliation to troll the female mayor. The request asked Farage for a “pep talk,” adding: “We are trying to get Andrea Horwath to attend the ‘Road Rage Terror Tour’ comedy show. But she is hesitant to go because of the name.” It continued: “If Nigel could please start the video with the subtitle of the show, ‘They have to go back,’ it would be appreciated. Cheers.”
Farage obliged, beginning his video with: “They have to go back.” His message then encouraged “Andrea” to attend what he called “the most talked-about show in Canada.” “Why not give it a go?” Farage said. “You never know, you might walk out saying, ‘Road Rage Terror Tour is the best thing that ever happened.'”
Within three hours of Farage uploading the video, the neo-Nazi group had edited the clip and started circulating it online to promote their event.
Farage’s clip was also incorporated into the neo-Nazi group’s propaganda. One video featured a Diagolon leader making shooting noises and gestures while saying, “I just saw you were brown and I couldn’t help myself.”
In another Diagolon video, Farage’s Cameo clip appeared alongside white nationalist and antisemitic messaging. This included slides, which appear to be AI-generated, depicting Jewish men as drug dealers “stealing our birthright” and South Asians as “strangers at our doors, taking what’s ours.”
Farage’s spokesperson said he used the platform “in good faith and without knowledge of the individuals involved beyond what is written for him” in the request. They added: “If individuals or groups subsequently choose to misuse or repurpose a Cameo recording, that is clearly outside Mr. Farage’s knowledge or control.”
A representative of Diagolon said it disputed thThe Guardian’s portrayal of the group. They said of Farage: “We used him for a laugh and to cause him trouble because he was lazy and stupid enough to say anything for money.”
‘Have a great day. If in doubt, keep them out’
While Farage may claim he was tricked into repeating a Canadian neo-Nazi slogan, it’s harder for him to use the same excuse for his use of a phrase popular with the British far-right. In the Cameo videos reviewed by the Guardian, Farage uses—or more often hints at—the hardline anti-immigration phrase “If in doubt, kick them out” more than 20 times.
The slogan, which may have originated from the football saying “If in doubt, kick it out,” has been adopted by the far-right as shorthand for a strict immigration policy. It was used at a far-right Tommy Robinson rally in October 2024 and again at protests against housing asylum seekers in hotels in August and November 2025.
Farage seems aware of the phrase’s connotations and the risk of using it. When first asked to record a Cameo video with the words “kick ’em out” in May 2021, Farage appeared reluctant, saying it “could be misconstrued.” On five later occasions when users asked him to use the phrase, he did not do so.
But weeks after expressing reluctance, Farage used a variation of the phrase for an 80th birthday message. “This comes, of course, from one Brexit fan to another. So please have a great day. If in doubt, keep them out is a motto you believe in,” he said.
He used the phrase again in June 2022, referring to an online game, and in July 2024, when he said: “I’m asked to add ‘if in doubt, kick ’em out.’ I tell you what, if you come here illegally you should not be staying, simple as.”
On 17 other occasions, Farage partially referenced the phrase in ways likely to resonate with his supporters, saying things like “If in doubt, proper border controls,” or more vaguely suggesting “If in doubt, you know what to do.”
Dr. Ashton Kingdon, a criminology lecturer at the University of Southampton, said the phrase is a “well-established far-right slogan.” She added: “He is choosing to cultivate this audience and to speak its language back to it.”
Farage’s spokesperson said it would be “entirely misleading” to portray his Cameo messages as “evidence of political alignment with the individuals who requested them.”
‘Up the Rhodesia’ and other far-right tropes
Unlike his traditional social media accounts, which have millions of followers and receive intense public scrutiny, Farage’s Cameo videos largely go unnoticed. They are more like direct one-on-one messages, though they can spread organically among supporters who share them on WhatsApp, TikTok, or Instagram.
In many of his Cameo videos, Farage uses references and in-jokes that likely mean little to a mainstream audience but resonate with internet subcultures, including some linked to the far-right.
In one Cameo clip, for which he charged £76, Farage showed apparent familiarity with antisemitic conspiracy theories. Asked to “talk about how the world is going to shit and how secret societies are controlling everything,” he volunteered: “Is it the Bilderbergers that are running the world? You know, there are many, many other theories. It could be the Masons. Some think it’s the Rothschilds. Maybe it’s George Soros. I don’t know. What I do know is actually I don’t think any of it is a conspiracy theory.”
Kingdon said references to those four conspiracies together “form a recognized canon of far-right, antisemitic, and white nationalist thought: that hidden elites are secretly coordinating to undermine nations and centralize global power.”
In another video appearing to reference a far-right trope, the Reform leader concluded a £78 video by saying: “I’ve got to end this by saying ‘up the Rhodesia.’ Now whether this i…I’m not sure if it’s an old country or a pub, but that’s the message. There are no pubs in England called “The Rhodesia.” Rhodesia, a former white-minority ruled state that is now Zimbabwe, has become a common reference point for white nationalists.
Dr. Robert Topinka, a lecturer in digital media and rhetoric at Birkbeck, University of London, explained: “Rhodesia is a key far-right and white nationalist reference point and has been since the 1960s. It’s shorthand for a beleaguered white minority fighting heroically in a doomed battle to preserve an ethnostate.”
This isn’t the first time Nigel Farage’s use of Cameo has caused controversy. In 2021, before becoming leader of Reform UK, he was tricked into recording a video where he used the Irish nationalist phrase “Up the Ra.” At the time, he said he saw it as “something very innocent” and wouldn’t have known it had any implications. He also claimed he rejects Cameo requests “if they are crude or offensive.”
However, dozens of Cameo videos recorded since then contain crude or offensive language. Others were made for users who openly expressed offensive views in their requests. For example, for £78, Farage produced a Father’s Day message from a user who included “Ps vote national front” in their request. For £74, he recorded a 70th birthday message for someone named Ken, described as a UKIP supporter who likes GB News but “dislikes – the gypsies.”
Farage was twice paid on Cameo to make misogynistic comments about female politicians. In one, he noted the recipient was “rumoured to have a secret crush on Diane Abbott. Well, I hope that’s not true.” In another, he ridiculed someone “simpering for Alexandria Ocasio-Cortez’s big naturals”—a reference to the U.S. congresswoman’s breasts.
He also appeared comfortable taking money from users expressing transphobic views. One request said their friend “slept with a tranny on a lads night out and it’d be so funny if this is how he finds out!! Kept it subtle so the woke brigade don’t lose their marbles. It’d be really funny if you go all serious with ‘we all know what you did.’” In an expedited video for which he charged £160, Farage responded: “We all know what you did. We won’t tell anyone if you don’t.”
When asked for political predictions in another video, priced at £77, Farage said: “We’ve won the Brexit battle, but we now have to beat the war on woke. The nonsense—the idea that a bloke puts on a dress and calls himself a woman, et cetera.”
His relentless use of Cameo raises questions about his focus as an MP. Analysis of the 4,366 videos reviewed by the Guardian suggests Farage has been recording nearly three videos a day on average. This is likely an underestimate, as it doesn’t include thousands of additional private clips.
His political success has coincided with—and probably contributed to—increased demand for his Cameo videos. The 19 hours he has spent recording clips since taking his parliamentary seat have mainly occurred when the House of Commons is not sitting. However, he appears to have uploaded videos on 212 occasions during parliamentary business.
This includes six videos uploaded during the second reading of the renters’ rights bill and one—wishing someone a happy 53rd birthday—uploaded during a parliamentary vote that Farage missed. His spokesperson stated that he had voted in the House of Commons.Nigel Farage has recorded more videos for the Cameo platform since July 2024 than Kemi Badenoch and Keir Starmer combined, which counters the claim that creating these short messages has taken away from his work in Parliament.
Nine of his Cameo videos seem to have been filmed on Christmas Day. Another four were apparently recorded on the day of the Queen’s funeral, including one for a stag party and another where Farage made a crude sexual joke involving “shenanigans” in a cabin and “Deez Nuts.”
Most of Farage’s videos on the surface show his polished public image as a friendly, cheerful figure. But outtakes from some clips—which the Guardian found by altering text in the web address—reveal a side of him the public rarely sees.
In several instances, when a text or phone call interrupts his paid video recordings and forces him to start over, Farage seems to become irritated quickly.
Frequently Asked Questions
Of course Here is a list of FAQs about the recent reports on Nigel Farage designed to be clear and direct
Beginner FactBased Questions
1 What exactly happened with Nigel Farage
Recently uncovered videos from the past show Nigel Farage expressing support for a man convicted of rioting speaking at an event organized by a farright German party with neoNazi links and using slogans associated with farright groups
2 Who is Nigel Farage
He is a prominent British political figure former leader of the UK Independence Party and the Brexit Party He was a key campaigner for the UK to leave the European Union
3 What did he say about the rioter
In a 2013 interview Farage defended a man convicted for his role in the 2011 English riots suggesting the man was a hero for standing up to police The man was later convicted of violent disorder
4 What was the event in Germany he spoke at
He spoke at a 2014 event organized by a small German party Die Freiheit which had connections to the antiIslam PEGIDA movement and whose members were photographed making banned Nazi salutes
5 What farright slogans did he use
In the videos he is heard using the phrase Lgenpresse a German term meaning lying press This slogan has a historical association with the Nazi era and was revived by modern farright and antiimmigration groups
Intermediate Contextual Questions
6 Why are these videos coming out now
The videos were uncovered by investigative journalists from The Mirror and The Guardian They are being reported now because Farage has recently returned to frontline politics as the leader of Reform UK and a candidate in the UK general election
7 How has Farage responded to these reports
He has dismissed the reports as a political hit job and smears by the mainstream media He claims his words have been taken out of context and that he was simply engaging with a range of political groups across Europe
8 Is this the first time Farage has been linked to controversial figures or groups
No Throughout his career Farage has faced criticism for sharing platforms with or making comments seen as sympathetic to various farright and controversial figures in