Money, muscles, and anxiety: exploring why the manosphere resonates with young men – an in-depth visual exploration

This CSS code defines a custom font family called “Guardian Headline Full” with multiple font weights and styles. It specifies the source files for each variation in different formats (WOFF2, WOFF, and TrueType) hosted on the Guardian’s servers. The font weights range from light (300) to semibold (600), including both regular and italic styles for each weight.@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 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;
}

html {
background: #041f4a;
}

@media (min-width: 46.25em) {
div.content–interactive-grid {
grid-template-areas:
“. . .”
“. media .”
“. title .”
“. headline .”
“. standfirst .”
“. lines .”
“. meta .”
“. nav-cta .”
“. . .”;
}
}

@media (max-width: 46.24em) {
div.content–interactive-grid {
grid-template-areas:
“.”
“media”
“title”
“headline”
“standfirst”
“lines”
“meta”
“nav-cta”
“.”;
}
}

div.content–interactive-grid {
grid-template-rows: 3fr repeat(7, auto) 1fr;
grid-auto-rows: min-content;
grid-column-gap: 0px !important;
}

article[data-gu-name=body] {
grid-column: 1 / -1;
grid-row: 1 / -1;
overflow-y: hidden;
overflow-x: hidden;
}

div[data-gu-name=border] {
display: none;
}

div#maincontent {
margin-top: 0;
}

figure.element.element-atom {
padding: 0;
margin-left: 0 !important;
margin-right: 0 !important;
}

.content__main-column–interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
}

article.content–interactive > div {
margin: 0;
padding: 0;
border: none;
max-width: unset !important;
overflow-x: clip;
}

@media (min-width: 46.25em) {
div.content–interactive-grid {
grid-template-columns: 1fr 740px 1fr;
}
}

.content–interactive-grid > :not([data-gu-name=body]),
body.android .article__header,
body.ios .article__header {
z-index: 10;
}

@media (min-width: 30em) {
.content–interactive-grid > :not([data-gu-name=body]) {
padding-left: 20px;
padding-right: 20px;
}
}

@media (max-width: 29.99em) {
.content–interactive-grid > :not([data-gu-name=body]) {
padding-left: 10px;
padding-right: 10px;
}
}

body.android .article__body,
body.ios .article__body {
padding: 0;
}

body.android .article__header,
body.ios .article__header {
position: absolute;
background-color: transparent !important;
}

body.ios .article__header > div,
body.ios .article__header > h1,
body.ios .article__heFor Android devices, the article header elements like the title, standfirst, and meta information have a transparent background. Non-essential sections in the interactive grid appear with a dark overlay, while the main content remains fully interactive.

The headline text uses a custom color, and published dates along with standfirst text are displayed in a secondary color. Byline information is highlighted in a reddish hue, and social media icons are hidden from the meta section.

The title section features a red background with specific padding and margins, adjusting for smaller screens. Headlines use the Guardian’s custom font at a set size, scaling down on narrower screens. Standfirst text is hidden on Android and iOS devices.

Meta information is styled with adjusted padding, no top border for social elements, and comments are not displayed. Layout widths and grid templates adapt to different screen sizes, ensuring proper alignment and spacing across devices.This CSS code defines the visual style for a web page, likely for an article or interactive feature. It sets up a layout with a stacked design, ensuring elements are positioned on top of each other. The color scheme uses light text on a dark blue-to-black gradient background for better readability and aesthetic appeal.

Text styles are specified for headings, paragraphs, lists, and links, using custom fonts from the Guardian’s typeface family. Headings have distinct sizes and weights, while body text is optimized for legibility with appropriate line spacing. Links are underlined and change color on hover for user interaction.

The code also includes responsive design adjustments for smaller screens, reducing font sizes and adjusting margins to maintain usability on mobile devices. Additionally, it defines a visually hidden class for elements that should be accessible to screen readers but not visible on the page. Custom font files are loaded to ensure consistent typography across different browsers and devices.@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 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;
}

.slide {
height: 100%;
width: calc(100% / var(–n-slides));
overflow: clip;
display: grid;
grid-template-rows: var(–tab-nav-height) 1fr;
grid-template-areas: “. tab-nav .” “. foreground .”;
position: relative;
grid-template-columns: var(–article-column-template-columns);
row-gap: var(–tab-nav-margin-bottom);
}

.slide-foreground {
grid-area: foreground;
position: relative;
min-height: 0;
z-index: 1;
}

.slide-background {
z-index: 0;
width: 100%;
height: 100%;
grid-column: 1 / -1;
grid-row: 1 / -1;
position: relative;
}

.appear-effect-dark-trans {
transition: filter 0.1s ease-in-out;
}

.appear-effect-dark {
filter: brightness(0.45);
}

– Guardian Headline Full in medium weight (500), both normal and italic styles
– Guardian Headline Full in semibold weight (600), both normal and italic styles
– Guardian Headline Full in bold weight (700), both normal and italic styles
– Guardian Headline Full in black weight (900), both normal and italic styles
– Guardian Titlepiece in bold weight

Each font is available in multiple file formats (WOFF2, WOFF, and TTF) hosted on the Guardian’s servers, ensuring consistent typography across different browsers and devices.@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;
}

.container {
height: min-content;
display: flex;
align-items: center;
pointer-events: all;
}

.background {
position: absolute;
inset: 0;
background-color: var(–background-blue);
padding: 8px;
margin: -8px;
border-radius: 4px;
z-index: -1;
}

.warning {
font-family: ‘Guardian Text Sans Web’, ‘Helvetica Neue’, Helvetica, Arial, ‘Lucida Grande’, sans-serif;
font-size: 18px;
margin-right: 8px;
}

.icon {
line-height: 0;
cursor: pointer;
width: 40px;
height: 40px;
position: relative;
}

input {
appearance: none;
outline: none;
background: none;
margin: 0;
padding: 0;
position: absolute;
width: inherit;
height: inherit;
cursor: pointer;
}

img {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 100%;
pointer-events: none;
}

input:focus-visible ~ img {
box-shadow: 0 0 0 3px #0077b6;
}

input:checked ~ img.audio,
input:not(:checked) ~ img.audio-mute {
display: none;
}

input:checked ~ img.audio-mute,
input:not(:checked) ~ img.audio {
display: block;
}

For the main headlines, they use “Guardian Headline Full” in various weights and styles:
– Medium (500) in normal and italic
– Semibold (600) in normal and italic
– Bold (700) in normal and italic
– Black (900) in normal and italic

For the titlepiece (likely their logo/masthead), they use “Guardian Titlepiece” in bold weight (700).

The body text uses “Guardian Text Sans Web” as the primary font, with fallbacks to system fonts like Helvetica Neue, Helvetica, Arial, and Lucida Grande. Paragraphs have specific padding and use a defined text color from their design system.@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;
}

Additionally, the code includes styles for call-to-action buttons with classes “touch-cta” and “click-cta”. These buttons have a red background, rounded corners, and specific padding and margins. The text within these buttons uses the Guardian Text Sans Web font family.

The CSS also contains media queries that control the display of these buttons based on the device’s pointer type – touch devices show one version while devices with fine pointers (like mice) show another.The Guardian Headline Full font family includes various styles and weights, such as regular, italic, medium, medium italic, semibold, semibold italic, bold, and bold italic. Each style is available in multiple formats like WOFF2, WOFF, and TrueType, with specific font weights and styles defined for proper rendering.@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;
}

.frame.svelte-1rw8fvr {
background-color: var(–background-blue);
}

.frame.svelte-1rw8fvr > * {
z-index: 5;
}

.header-nav-cta {
padding-left: 0 !important;
margin-top: 8px;
display: block;
width: fit-content;
}

@media (max-width: 29.99em) {
.header-nav-cta {
padding-right: 16px !important;
}
}

img.svelte-10bv30n {
width: calc(100% + 4px);
aspect-ratio: 1/1;
min-height: 0;
margin-top: -2px;
margin-left: -2px;
z-index: 0;
}

picture.svelte-vdgs92, img.svelte-vdgs92 {
width: calc(100% + 2px);
height: calc(100% + 2px);
margin-top: -1px;
margin-left: -1px;
min-height: 0;
z-index: 0;
}

@font-face {
font-family: Guardian Headline Full;
src: url(https:/@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 Titlepiece’;
src: url(‘https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GT@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;
}

.frame {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.boy-grid {
width: 100%;
justify-self: center;
position: relative;
margin-top: calc(var(–tab-nav-height) + var(–tab-nav-margin-bottom) + 30px);
display: grid;
grid-template-areas: “one one” “two three”;
max-width: 680px;
}

.video-wrapper {
margin: 8px;
place-self: center;
overflow: clip;
aspect-ratio: 1/1;
height: auto;
background-color: #fff;
}

.video-wrapper:nth-child(1) {
grid-area: one;
width: 80%;
max-width: 450px;
}

.video-wrapper:nth-child(1) > video {
object-position: 50% 35%;
}

.video-wrapper:nth-child(2) {
grid-area: two;
width: 90%;
max-width: 240px;
margin-left: 30px;
}

.video-wrapper:nth-child(3) {
grid-area: three;
width: 80%;
max-width: 260px;
margin-top: -40px;
}

@media (min-width: 61.25em) {
.boy-grid {
grid-template-areas: “two one three”;
grid-template-columns: 1fr 2fr 1fr;
max-width: 1280px;
}

.video-wrapper:nth-child(1) {
width: 80%;
margin-top: -40px;
max-width: unset;
}

.video-wrapper:nth-child(2) {
width: 88%;
max-width: unset;
margin-right: -20px;
margin-top: -140px;
}

.video-wrapper:nth-child(3) {
width: 100%;
max-width: unset;
margin-top: 60px;
}
}

@media (min-width: 1600px) {
.boy-grid {
grid-template-areas: “two one three”;
grid-template-columns: 1fr 2fr 1fr;
max-width: 1500px;
margin-top: -100px;
}
}

.glitch {
width: calc(100% + 2px);
height: calc(100% + 2px);
margin-top: -1px;
margin-left: -1px;
min-height: 0;
z-index: 0;
}

.video-wrapper video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 30%;
min-height: 0;
top: 50px;
}

@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;
}The Guardian Headline Full font family includes several styles with different weights and italics. Each style is available in WOFF2, WOFF, and TrueType formats from the Guardian’s asset server. The weights range from medium (500) to black (900), with corresponding italic versions. Additionally, the Guardian Titlepiece font in bold weight is provided in the same formats.@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;
}

nav.chapter-tab-nav.svelte-1ak0ii6 {
grid-area: tab-nav !important;
z-index: 100;
transition: opacity 0.3s ease-out;
opacity: 1;
align-self: flex-end;
}

nav.chapter-tab-nav.svelte-1ak0ii6 > ul.svelte-1ak0ii6 {
display: flex;
flex-direction: row;
justify-items: stretch;
gap: 6px;
}

.chapter-tab.svelte-1ak0ii6 {
flex: 1;
font-family: ‘Guardian Text Egyptian Web’, Georgia, serif;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
overflow: visible;
display: flex;
flex-direction: column;
gap: 8px;
color: var(–text);
}

.chapter-tab[data-current].svelte-1ak0ii6 {
flex: 3;
}

.chapter-tab.svelte-1ak0ii6 > button.svelte-1ak0ii6,
.slide-tab.svelte-1ak0ii6 > button.svelte-1ak0ii6 {
width: 100%;
cursor: pointer;
padding: 14px 0;
margin: -14px 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
}

.chapter-tab.svelte-1ak0ii6 > button.svelte-1ak0ii6:focus .link-bar.svelte-1ak0ii6,
.slide-tab.svelte-1ak0ii6 > button.svelte-1ak0ii6:focus .link-bar.svelte-1ak0ii6 {
box-shadow: 0 0 0 2px #0077b6;
}

.link-bar.svelte-1ak0ii6 {
background-color: #c8c8c8;
opacity: 0.4;
border: none;
transition: background-color 0.08s ease-in-out, opacity 0.08s ease-in-out;
height: 2px;
}

.slide-tab-nav.svelte-1ak0ii6 {
width: 100%;
display: flex;
flex-direction: row;
justify-items: stretch;
gap: 3px;
}

.chapter-tab[data-current].svelte-1ak0ii6 .slide-tab.svelte-1ak0ii6 .link-bar.svelte-1ak0ii6 {
background-color: #dcdcdc;
opacity: 0.7;
}

.slide-tab.svelte-1ak0ii6 {
height: 2px;
display: grid;
width: 100%;
}

.chapter-tab[data-current].svelte-1ak0ii6 .slide-tab[aria-current=”step”].svelte-1ak0ii6 .link-bar.svelte-1ak0ii6 {
background-color: #fff;
opacity: 1;
}

@media (max-width: 61.24em) {
nav.chapter-tab-nav.svelte-1ak0ii6 > ul.svelte-1ak0ii6 {
gap: 4px;
}
.slide-tab-nav.svelte-1ak0ii6 {
gap: 2px;
}
}

@media (max-width: 46.24em) {
nav.chapter-tab-nav.svelte-1ak0ii6 > ul.svelte-1ak0ii6 {
gap: 3px;
}
.slide-tab-nav.svelte-1ak0ii6 {
gap: 2px;
}
.chapter-tab.svelte-1ak0ii6 {
gap: 9px;
}
.chapter-tab[data-current].svelte-1ak0ii6 {
flex: 4;
}
}

@media (max-width: 29.99em) {
.chapter-tab[data-current].svelte-1ak0ii6 {
flex: 6;
}
}

.container.svelte-al2g0w {
grid-area: 1 / 1 / -1 / -1;
z-index: 200;
display: block;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
pointer-events: auto;
}

.straying-down.svelte-al2g0w {
background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.4));
}

.return-message.svelte-al2g0w {
position: absolute;
left: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0;
flex-direction: column-reverse;
bottom: 0;
}

@media (pointer: coarse) {
.click.svelte-al2g0w {
display: none;
}
}

@media (pointer: fine) {
.tap.svelte-al2g0w {
display: none;
}
}

.return-message.svelte-al2g0w img.svelte-al2g0w {
width: 26px;
margin-bottom: -2px;
}

p.svelte-al2g0w {
margin: 0;
font-family: Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-weight: 700;
font-size: 18px;
color: #fff;
}

@media (max-width: 46.24em) {
p.svelte-al2g0w {
font-size: 17px;
}
}

.nav-feedback-overlay.svelte-1gvm4w {
z-index: 100;
position: absolute;
inset: 0;
background-color: unset !important;
}

img.sveltThe element with class “svelte-1gvm4w” is positioned absolutely at 50% from the top and centered vertically. It starts with no opacity, has dimensions of 64×64 pixels, and includes left and right padding. Its background is a radial gradient that fades from semi-transparent black to fully transparent. The first image child is aligned to the left and rotated 180 degrees, while the second is on the right. When specific data attributes are active, these images fade in with a half-second transition. On larger screens (min-width: 46.25em), the images grow to 86×86 pixels, adjust padding, and lose the background. Additionally, custom font faces for “Guardian Headline Full” are defined with various weights and styles, sourced from multiple file formats.This code defines custom fonts for the Guardian website. It specifies different font files for various weights and styles, including light, regular, semibold, bold, and black, in both normal and italic versions. The fonts are sourced from the Guardian’s own servers and are available in multiple formats for compatibility. Additionally, there are styles for navigation buttons that adjust their layout and visibility based on the device’s pointer type, ensuring a responsive design.@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;
}

.idle-cta {
grid-area: content;
place-self: end;
position: relative;
bottom: 28px;
z-index: 100;
-webkit-user-select: none;
user-select: none;
pointer-events: none;
}

.idle-cta p {
font-family: Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
text-align: right;
line-height: 1.4;
margin: 0;
padding: 1px 0 0;
}

.tap-cta {
display: grid;
grid-template-columns: 1fr auto;
column-gap: 8px;
align-items: end;
}

.tap-cta svg {
padding-bottom: 4px;
}

@media (pointer: fine) {
.tap-cta {
display: none;
}
}

.tap-cta > p {
font-size: 18px;
font-weight: 700;
}

.click-cta {
display: flex;
align-items: center;
gap: 16px;
}

@media (pointer: coarse) {
.click-cta {
display: none;
}
}

.click-cta > img {
height: 36px;
margin-bottom: 0;
margin-top: 5px;
}

.click-cta-message > p:nth-child(1) {
font-size: 22px;
font-weight: 700;
}

.click-cta-message > p:nth-child(2) {
font-size: 20px;
}

@media (max-width: 46.24em) {
.idle-cta {
bottom: 18px;
right: 10px;
}

.click-cta > img {
height: 34px;
}

.click-cta-message > p:nth-child(1) {
font-size: 20px;
}

.click-cta-message > p:nth-child(2) {
font-size: 18px;
}

.tap-cta > p {
font-size: 17px;
}
}

@font-face {
font-family: Guardian…The Guardian Headline Full font family includes several styles and weights, each available in multiple formats. Here are the details:

– Light Italic (weight 300, italic style): Available in WOFF2, WOFF, and TrueType formats.
– Regular (weight 400, normal style): Available in WOFF2, WOFF, and TrueType formats.
– Regular Italic (weight 400, italic style): Available in WOFF2, WOFF, and TrueType formats.
– Medium (weight 500, normal style): Available in WOFF2, WOFF, and TrueType formats.
– Medium Italic (weight 500, italic style): Available in WOFF2, WOFF, and TrueType formats.
– Semibold (weight 600, normal style): Available in WOFF2, WOFF, and TrueType formats.
– Semibold Italic (weight 600, italic style): Available in WOFF2, WOFF, and TrueType formats.
– Bold (weight 700, normal style): Available in WOFF2, WOFF, and TrueType formats.

All font files are hosted on the Guardian’s assets server.@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;
}

.grid {
height: 100dvh;
width: 100vw;
display: grid;
grid-template-columns: var(–article-column-template-columns);
grid-template-rows: var(–tab-nav-height) 1fr;
grid-template-areas: “. tab-nav .” “. content .”;
overflow: clip;
}

.slideshow {
grid-area: 1 / 1 / -1 / -1;
height: 100%;
width: calc(100% * var(–n-slides));
transform: translate(calc(-100% / var(–n-slides) * var(–selected-slide-num)));
display: flex;
flex-direction: row;
pointer-events: none;
}

#intersection-check {
top: 20%;
position: absolute;
width: 100%;
height: 5px;
z-index: 1000;
}

#cars-cigars-portrait {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: auto;
}

#cars-cigars-landscape {
position: absolute;
width: 100%;
max-width: 1400px;
min-width: 1000px;
bottom: 0;
left: 50%;
transform: translate(-50%);
}

@media (max-aspect-ratio: .6) {
#cars-cigars-landscape {
display: none;
}
}

@media (min-aspect-ratio: .6) {
#cars-cigars-portrait {
display: none;
}
}

.markup-wrapper p {
background-color: var(–background-blue);
}

#topless-portrait {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0;
width: auto;
}

#topless-landscape {
position: absolute;
width: 100%;
max-width: 1400px;
min-width: 1000px;
bottom: 0;
left: 50%;
transform: translate(-50%);
padding: 0;
}

@media (max-aspect-ratio: .6) {
#topless-landscape {
display: none;
}
}

@media (min-aspect-ratio: .6) {
#topless-portrait {
display: none;
}
}

#topless-portrait {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: auto;
}

#topless-landscape {
position: absolute;
width: 100%;
max-width: 1400px;
min-width: 1000px;
bottom: 0;
left: 50%;
transform: translate(-50%);
}

.markup-wrapper.svelte-1pkuxcf p {
background-color: var(–background-blue);
}

@media (max-aspect-ratio: .6) {
#topless-landscape {
display: none;
}
}

@media (min-aspect-ratio: .6) {
#topless-portrait {
display: none;
}
}

.background.svelte-1ybj8e8 {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}

@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;
}This CSS code defines multiple font faces for the “Guardian Headline Full” font family, each with different weights and styles. It specifies the source URLs for the font files in WOFF2, WOFF, and TrueType formats, along with their corresponding font weights (ranging from 400 to 900) and styles (normal or 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;
}

div.svelte-1ilbnl9, video.svelte-1ilbnl9, img.svelte-1ilbnl9, picture.svelte-1ilbnl9 {
width: 100%;
height: 100%;
min-height: 0;
}

video.svelte-1ilbnl9, img.svelte-1ilbnl9, picture.svelte-1ilbnl9 {
object-position: center;
object-fit: cover;
}

button.svelte-1qb58w2 {
line-height: 0;
border: none !important;
padding: 0;
border-radius: 100%;
cursor: pointer;
background-color: unset !important;
width: 40px;
height: 40px;
}

img.svelte-1qb58w2 {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 100%;
pointer-events: none;
}

button.svelte-1qb58w2:focus-visible {
box-shadow: 0 0 0 3px #0077b6;
}

button.svelte-1qb58w2 {
transition: opacity 0.1s ease-in-out;
}

button.svelte-1qb58w2:disabled {
opacity: 0.4;
}

button.svelte-1qb58w2:not(:disabled) {
opacity: 1;
}

@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;
}This CSS code defines several font families for the Guardian website, including “Guardian Headline Full” and “Guardian Titlepiece.” Each font face specifies different weights (light, medium, semibold, bold, black) and styles (normal, italic), with source files in WOFF2, WOFF, and TTF formats hosted on the Guardian’s assets server. Additionally, there’s a style rule for a video buttons container that positions it absolutely at the top right with a flex layout and a gap between buttons.This CSS code defines several font styles for the “Guardian Headline Full” font family. It includes different weights and styles, such as light, regular, medium, semibold, and bold, each in normal and italic versions. For each style, it specifies the font files in WOFF2, WOFF, and TrueType formats, along with their respective URLs from the Guardian’s assets server. The font-weight and font-style properties are set accordingly for proper rendering.@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;
}

.subtitles {
width: min(100% – 12px, 600px);
min-height: 70px;
position: absolute;
bottom: 72px;
left: 50%;
transform: translate(-50%);
font-family: ‘Guardian Text Sans Web’, ‘Helvetica Neue’, Helvetica, Arial, ‘Lucida Grande’, sans-serif;
font-size: 17px;
text-align: center;
line-height: 1.5em;
padding: 6px 12px 8px;
}

@media (max-width: 46.24em) {
.subtitles {
width: 100%;
bottom: 80px;
}
}

.subtitles.has-text {
background-color: #000c;
color: #fff;
}

progress.svelte-kuyrgh {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 12px;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

progress.svelte-kuyrgh::-moz-progress-bar {
background-color: var(–color);
}

progress.svelte-kuyrgh::-webkit-progress-value {
background-color: var(–color);
}

progress.svelte-kuyrgh::-webkit-progress-bar {
background-color: #444;
overflow: hidden;
}

.frame.svelte-t6qa3y {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.video-wrapper.svelte-t6qa3y {
background-color: #fff;
-webkit-backdrop-filter: brightness(0.5);
backdrop-filter: brightness(0.5);
height: auto;
width: 80%;
aspect-ratio: 800 / 600;
margin-top: 5%;
max-width: 1400px;
min-width: 900px;
align-self: center;
justify-self: center;
overflow: clip;
}

.filter.svelte-t6qa3y {
position: absolute;
inset: 0;
pointer-events: none;
background-color: #00000a;
transition: opacity 0.15s;
}

.video-wrapper.svelte-t6qa3y > div:first-child {
top: 150px;
}

.frame.svelte-t6qa3y video,
.frame.svelte-t6qa3y picture,
.frame.svelte-t6qa3y img {
object-fit: contain;
}

@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;
}The Guardian Headline Full font family includes several styles with different weights and italics. Each style is available in WOFF2, WOFF, and TrueType formats from the Guardian’s asset server. The weights range from medium (500) to black (900), with corresponding italic versions. Similarly, the Guardian Titlepiece font is provided in bold weight through the same formats and source.@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;
}

p.svelte-yhuy1j {
position: absolute;
display: inline-flex;
align-items: center;
gap: 6px;
font-family: ‘Guardian Text Sans Web’, ‘Helvetica Neue’, Helvetica, Arial, ‘Lucida Grande’, sans-serif;
font-size: 13px !important;
bottom: 12px;
left: 0;
padding: 1px 6px 2px;
background-color: #000c;
color: var(–text);
}

svg.svelte-yhuy1j {
align-self: flex-start;
margin-top: 2px;
flex-shrink: 0;
}

For example, the Guardian Headline font comes in semibold italic, bold, bold italic, black, and black italic styles. Similarly, the Guardian Titlepiece font is available in bold. These fonts help create a consistent and recognizable look for the site’s content.

The site also includes interactive elements, like buttons with specific styling for alignment and appearance, and audio players that are hidden by default. Quotes are styled with a distinctive italic font and a highlight color that can change, enhancing the reading experience on both desktop and mobile devices.The quote element has a font size of 17 pixels. When it fades out, it transitions the highlight color to transparent after a half-second delay. The credit is positioned absolutely, displayed as an inline flex container with items centered and a 6-pixel gap. It uses the Guardian Text Sans Web font family, is 13 pixels in size, and has a color based on the text variable. It’s placed 21 pixels from the bottom and 4 pixels from the left. Images within the credit are 16 by 16 pixels.

Font faces for Guardian Headline Full are defined with various weights and styles, sourcing from woff2, woff, and truetype files hosted on the Guardian’s assets domain. These include light, light italic, regular, regular italic, medium, medium italic, and semibold weights.The text appears to be a CSS code snippet defining font families and styles for the Guardian Headline and Guardian Titlepiece fonts, along with some image styling. It specifies various font weights and styles (normal and italic) for the Guardian Headline Full family, ranging from light to black, and includes sources in different formats (woff2, woff, ttf). Additionally, there’s a style for images with specific padding and responsive adjustments for smaller screens.The Guardian Headline Full font family includes several styles, each with different weights and styles. Here are the available variants:

– Regular (weight 400, normal style)
– Regular Italic (weight 400, italic style)
– Medium (weight 500, normal style)
– Medium Italic (weight 500, italic style)
– Semibold (weight 600, normal style)
– Semibold Italic (weight 600, italic style)
– Bold (weight 700, normal style)
– Bold Italic (weight 700, italic style)

Each font style is available in WOFF2, WOFF, and TrueType formats, hosted on the Guardian’s asset server.The text appears to be a CSS code snippet defining font faces and styles for a website, likely for The Guardian. It specifies various font families, weights, styles, and file formats (WOFF2, WOFF, TTF) along with their source URLs. Additionally, it includes styling rules for elements like figcaptions and layouts, setting properties such as display, grid templates, alignment, and colors. The code ensures that different font variations are available for use in the design, with specific rules for how certain components should appear on the page.@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;
}

.layout {
width: 100%;
height: 100%;
display: grid;
grid-template-rows: min-content 1fr;
align-items: center;
padding-bottom: 24px;
}

.article-collage-container {
width: 100%;
height: 100%;
min-height: 0;
align-content: center;
}

.article-collage-container img {
width: 100%;
max-height: 100%;
object-fit: contain;
}

@media (min-width: 1600px) {
.article-collage-container img {
width: 120%;
margin-left: -10%;
}
}

svg {
height: 100%;
max-height: 1050px;
justify-self: center;
align-self: center;
user-select: none;
}

svg image, svg g:not(#hero-phone):not(#hero-laptop) {
transform-origin: center;
}

Additionally, there’s a style rule for a search bar with the class “search-bar svelte-1d1qk3k”. This element has a maximum width of 700px or the full width minus 20px, a height of 60px, and is centered. It uses a grid layout with two columns, aligns items in the center, and has padding on the left and right. The search bar also features rounded corners with a border-radius of 60px.The search bar has a light gray background, a 2-pixel solid border, and a subtle shadow. Inside, there’s a centered image that’s 30 pixels wide. The search text uses the Guardian Headline font family, is 28 pixels in size, and appears in black. It displays typed text followed by a blinking cursor.

On smaller screens (under 30em wide), the search bar adjusts its padding, the image shrinks to 24 pixels, and the text size reduces to 22 pixels.

Additionally, several font files for the Guardian Headline Full typeface are loaded in various weights and styles (light, regular, medium, semibold) and formats (woff2, woff, ttf).@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;
}

.background-to-black {
transition: background-color 1s ease;
background-color: var(–background-black) !important;
}

li.svelte-1yqz6nk {
display: grid;
grid-template-columns: 190px 1fr;
margin: 0;
padding: 0;
}

.role.svelte-1yqz6nk {
font-family: Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 17px !important;
color: var(–text-three) !important;
}

.name.svelte-1yqz6nk {
color: var(–text) !important;
font-size: 18px !important;
margin-bottom: 0 !important;
grid-column-start: 2;
}

@media (max-width: 46.24em) {
.role.svelte-1yqz6nk {
font-size: 15px !important;
}
.name.svelte-1yqz6nk {
font-size: 16px !important;
}
}

@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;
}This CSS code defines custom fonts for the Guardian Headline and Guardian Titlepiece families, specifying their sources in various formats and their styles. It also includes styling for an instructions container, which adjusts its layout and appearance for both mobile and desktop views, with specific positioning, text alignment, and responsive behavior based on the pointer type.This CSS code hides an element with the class “svelte-1vkfq9m” by default. On screens smaller than 46.24em, it adjusts the font size and positioning for elements within an “instructions-container” with that class. It also defines multiple font faces for “Guardian Headline Full” in various weights and styles, specifying their source files in different formats.The Guardian Headline Full font family includes several styles and weights, each with specific font files in WOFF2, WOFF, and TrueType formats. For instance, the semibold italic style uses GHGuardianHeadline-SemiboldItalic files and has a font-weight of 600 with an italic style. Similarly, bold and black variations are defined with their respective weights and styles, such as bold (700 weight, normal style) and black (900 weight, normal or italic style). Additionally, the Guardian Titlepiece font is specified with bold weight (700) and normal style, using GTGuardianTitlepiece-Bold files.

The wrapper and columns are styled to be full-width and height, with padding and grid layouts for alignment. Columns use a two-column grid by default, with headings in Guardian Text Sans Web font and paragraphs in a specified text color and size. Gradient overlays at the top and bottom create fading effects for visual appeal.

Media queries adjust the layout for different screen sizes: reducing column gaps on larger screens, switching to a single column on medium screens, and modifying heading styles on smaller screens.To navigate, click or tap on the left side of the screen to go back, or use the left arrow key. To move forward, click or tap on the right side, or use the right arrow key. You can also press the open or close square bracket keys to navigate and disable the arrow keys. Tap or click to continue.

You are on slide 1 of chapter 1. Use the right arrow to proceed.

The ‘manosphere’ is a broad network of influencers creating content for men, often seen as a dark part of the internet associated with right-wing views and misogyny. Among the many voices in this space, one stands out as the most recognized.

You are on slide 3 of chapter 1. Use the right arrow to continue.

This article includes audio.

Video credit: Rumble | tatespeech

You are on slide 4 of chapter 1. Use the right arrow to proceed.

Why did Andrew Tate’s message resonate with teenage boys, despite its known toxicity? We spoke with some who agreed to share their thoughts anonymously, so their identities are hidden.

You are on slide 5 of chapter 1. Use the right arrow to continue.

This article contains audio.

You are on slide 6 of chapter 1. Use the right arrow to proceed.

While some social media feeds were flooded with Andrew Tate content due to algorithms, others may not have encountered his videos. However, a 2025 survey shows that 77% of British people are aware of him. Tate faces allegations of human trafficking and rape in Romania and the UK, which he denies, and these cases have received widespread coverage. Yet, discussions about Tate often overlook the full range of his messaging. What does he offer young men? We examined his videos to find out.

You are on slide 7 of chapter 1. Use the right arrow to continue.

Tate is best known for his views on women, having called himself a misogynist. Using a GenAI LLM to analyze 640 video transcripts from his Rumble channel, we found that while he frequently discusses women, it’s not his primary topic. Women were a significant focus in about 21% of his videos (shown in blue below). For example, one phrase we identified as relating to women is: “Women do not hydrate.”

Video credit: Rumble | tatespeech

Percentage of sentences referencing women: 0%, 5%, 10%, 20%, 50%

You are on slide 8 of chapter 1. Use the right arrow to proceed.But the topic Tate returns to most often is wealth. In 43% of his videos—twice as many—he speaks extensively about being rich, getting rich, and other themes tied to success and money.

For example, this statement was categorized as being about success:
“I don’t buy Ferraris to drive fast. Sometimes I do, but in London traffic, it’s not about speed. It’s to show everyone I’m richer than them.”

Video credit: Rumble | tatespeech

Percentage of sentences referencing success: 0%, 5%, 10%, 20%, 50%

You only need to watch a few videos to hear Tate boasting about his wealth.

The young men we interviewed recognize the appeal.

Tate doesn’t just talk about wealth; his videos are filled with status symbols.
We analyzed the visuals and found that in nearly two-thirds (60%) of the videos, he or someone else is smoking a cigar, and a third (34%) feature sports cars.

Another visual element stands out: his torso. Almost half (43%) of the videos include a shirtless man. While our analysis didn’t identify individuals, reviewing the clips confirms it’s usually Tate.

Andrew Tate didn’t invent flaunting wealth or going shirtless. However, the massive popularity of his videos in 2020-21 helped establish a template for a wave of influencers creating content for men.

Discussing Tate’s influence on the manosphere, Anki Deo, a senior policy officer at the nonprofit Hope not Hate, notes that this content was once more niche:
“There’s now a debate about whether the manosphere still exists in its original form—a private, insular space. Figures like Andrew Tate have brought it into the mainstream.”

Today, thousands of influencers spread a similar message, featuring the same recurring symbols: yachts, Lamborghinis, and muscular physiques.

Video credits: YouTube | Mike Thurston, Jordan Welch, Mike Thurston, Iman GadzhiYou are on slide 17 of chapter 1. Use the right arrow to continue, or navigate with the open and close square bracket keys. Left and right arrow key navigation is disabled.

You are on slide 18 of chapter 1. Use the right arrow to continue, or navigate with the open and close square bracket keys. Left and right arrow key navigation is disabled. This article contains audio.

Video progress: You are on slide 19 of chapter 1. Use the right arrow to continue, or navigate with the open and close square bracket keys. Left and right arrow key navigation is disabled.

You are on slide 1 of chapter 2. Use the right arrow to continue, or navigate with the open and close square bracket keys. Left and right arrow key navigation is disabled.

One of the most appealing aspects of these videos for young men is that influencers don’t just display their wealth; they also offer viewers the chance to join them. They promise that with hard work and their guidance, you too can succeed and solve your problems by getting rich.

Many influencers share similar messages:
– Iman Gadzhi shares 7 Principles for Teenagers to Become Millionaires.
– Jordan Welch explains how to turn $100 into a million dollars.
– Hamza gives straightforward advice on how to become a top 1% man.
This advice is often presented as empowering.

You are on slide 2 of chapter 2. Use the right arrow to continue, or navigate with the open and close square bracket keys. Left and right arrow key navigation is disabled. This article contains audio. Video credit: YouTube | Hamza97, ImanGadzhi; Rumble | tatespeech.

Video progress: You are on slide 3 of chapter 2. Use the right arrow to continue, or navigate with the open and close square bracket keys. Left and right arrow key navigation is disabled.

According to Deo from Hope not Hate, when young people are asked why they like influencers like Tate, they often mention the empowerment message. The response usually revolves around self-improvement—’being a better version of myself.’ The idea that you have control and can shape your world and change yourself is very appealing to them.

She noted that discussions about Tate that miss this point cause young men to lose interest. If the portrayal doesn’t match their perception, it pushes them away.

One young man shared his experience of discovering Tate when his videos appeared in his feed.

You are on slide 4 of chapter 2. Use the right arrow to continue, or navigate with the open and close square bracket keys. Left and right arrow key navigation is disabled. This article contains audio.

Video progress: You are on slide 5 of chapter 2. Use the right arrow to continue, or navigate with the open and close square bracket keys. Left and right arrow key navigation is disabled.

Journalist Matt Shea, who has met many Tate fans while making documentaries and writing his book “Clown World,” echoes this. His followers often say, ‘I used to smoke weed and play video games all day, and Andrew Tate got me out of that.’ This resonates with young men who spend a lot of time gaming but feel guilty because they want to succeed, make money, and progress in life. Many men benefit from this tough love approach, which may be lacking in today’s society.”Get to work and stop wasting your life.”

You are on slide 6 of chapter 2. Use the right arrow to continue, or the [ and ] keys to navigate. Left and right arrow keys are disabled.

Tate has also helped popularize a key business model in the manosphere: selling courses. He and other influencers don’t just give advice—they package it into online courses for sale. Tate’s Real World course costs $49 a month and claims, “I grew up broke and now I am a billionaire. I teach the deserving the secrets to modern wealth creation.” Iman Gadzhi offers business courses like Six Figure Sales Rep and Pathway to Profits on his platform educate.io for £30 a month. Skool.com features courses ranging from life and business wisdom by a self-proclaimed former mafia boss to an AI Cash Skool for unlocking multiple income streams, priced at $20 and $5 per month. While these may sound like “get rich quick” schemes, one young man explained why he was drawn to Tate’s course.

You are on slide 7 of chapter 2. Use the right arrow or [ and ] keys to navigate. Arrow keys are disabled.

This article contains audio and video. You are on slide 8 of chapter 2. Navigate with the right arrow or [ and ] keys; arrow keys are disabled.

According to Sky News, Tate was still earning £4.4 million a month from the Real World platform in 2024. However, participants struggle to make money. A journalist from The Independent reported that one member had been posting Tate’s videos for months, hoping for a viral hit to earn affiliate payouts. His first success brought in just $11. Joshua Thorburn, who studies online misogyny at Monash University, notes that these courses often exploit men’s insecurities: “A generally untold story about the manosphere is that it is largely financed by men and boys who have fallen for grandiose promises or lies, believing that certain courses or products will make them rich or successful socially and sexually.” So why are young men falling for it?

You are on slide 9 of chapter 2. Navigate with the right arrow or [ and ] keys; arrow keys are disabled.

You are on slide 1 of chapter 3. Use the right arrow or [ and ] keys to continue; arrow keys are disabled.

Why does the allure of Lamborghinis in Dubai appeal so strongly to young men today?

You are on slide 2 of chapter 3. Navigate with the right arrow or [ and ] keys; arrow keys are disabled.

This article contains audio and video. You are on slide 3 of chapter 3. Use the right arrow or [ and ] keys to proceed; arrow keys are disabled.

While the expectation for men to afford a house, car, wedding, and children remains from past generations, today’s economic reality makes achieving this much more difficult. Ben Rich, a senior lecturer in International Relations at Curtin University who specializes in extremism and radicalization,A growing number of men feel increasingly disempowered in their own lives. The traditional social contract that many were raised with has broken down.

For many young people of all genders, the prospect of taking on debt to fund a university degree, only to face an uncertain job market afterward, no longer seems like a good deal or even a viable option.

Even in recent years, this sentiment has grown stronger. The pandemic and global conflicts have driven up prices for everything from energy to eggs, compounding long-standing issues like the rising costs of housing and higher education, which disproportionately affect younger generations.

In England, the average home in 2024 cost £290,000—7.7 times the average salary of £37,600. Back in 1997, it was £58,750, or 3.5 times the average salary of £16,958, according to the ONS.

A degree was once free and a reliable path to employment, but today it is neither. One recent UK news story featured a graduate who applied for 2,000 jobs without success. Another highlighted a graduate whose student debt had grown despite years of repayments.

While economic challenges affect everyone, some men face an added psychological burden. Traditional masculinity has often been linked to the role of provider, and when that role seems out of reach, it can lead to feelings of failure and anger—being held to an unattainable standard.

This dynamic also plays out in dating. Despite progress in gender equality and the realities of the modern job market, one interviewee believed that women prefer to date wealthy men. He referenced a viral TikTok song from last year: “I’m looking for a man in finance, trust fund, 6’5″, blue eyes.”

Online, it’s easy to find confirmation for such perceptions, as extreme opinions are readily available. Dating apps exacerbate this, according to Jilly Boyce-Kay, a senior lecturer at Loughborough University who studies feminism and popular culture. She notes that on these platforms, popularity—or the lack thereof—is starkly visible and reduced to metrics like swipe counts, tying self-worth to quantifiable rankings.

As a result, dating becomes another area where some men feel set up for failure. Unless economic conditions improve or cultural attitudes shift to recognize that a man’s value isn’t defined by his wealth, this issue will persist, as noted by Thorburn.

The young men we spoke with echoed these concerns.There were positive views on traditional male roles, but in today’s social media era, confusion has also emerged.

Grievance
For some men, disappointments can turn into grievances. One of the most harmful aspects of the manosphere is how it directs these grievances at specific targets, such as feminism. As Ben Rich from Curtin University noted in a 2023 article, the main issue with the manosphere is its focus on feminism as the cause of male disenfranchisement. He describes the manosphere’s logic as zero-sum: if women gain, men lose. This perspective assumes that female empowerment must come at the expense of male power. This misogynistic fear is evident in the messages of various influencers, as shown in the following clips.

This messaging has an impact.
Some men, especially younger ones, are regressing in their support for gender equality. A 2024 report by the gender equality group Equimundo found that large numbers of men across the political spectrum believe feminism has ‘gone too far,’ with those facing the most economic stress being the most opposed to women’s rights. The report directly links manosphere content to these shifting attitudes. In a 2023 survey, 53% of American men agreed that men have it harder than women.
However, many start consuming this content for more innocent reasons. According to the same report, young men often enter the manosphere through searches related to fitness, gaming, career, finance, or dating. One young man shared his relatable reasons for seeking advice online.

Yet, what begins as a simple search can lead to very different places, especially since social platforms are designed to keep users engaged with more content.Navigating with left and right arrow keys. If you’re spending 14 hours a day on TikTok, that’s not just heavy exposure to influencers—it’s also 14 hours less spent connecting with people in person. Unsurprisingly, increased online time has led to a significant drop in real-world interactions.

This affects everyone, but it’s especially noticeable among young men. Gary Barker, president of Equimundo, notes that young men are experiencing a friendship deficit: “We’re seeing in many regions, like Europe, the US, and Australia, young men reporting a decline in friendships. Compared to young women, more guys say they have fewer people they can confide in. This trend has been building for 10 to 15 years, and then COVID hit. Young men appear to be recovering more slowly.”

You are on slide 17 of chapter 3. Use the right arrow to continue, or use the square bracket keys to navigate and disable arrow key navigation.

As technology advances and austerity policies take effect, spaces for real-world interaction have dwindled. For instance, about half of England’s youth clubs closed between 2012 and 2019 due to government cuts. COVID-19 has also altered habits. A stark 2023 study on US men aged 18-45 found:
– 30% of 18-23 year-olds didn’t socialize outside their household in an average week.
– 65% of men aged 18-23 felt that no one really knew them well, indicating a lack of close relationships.
– Nearly half (48%) found their online lives more engaging and rewarding than their offline lives.

David Bartlett of Equimundo explains, “Some of what draws men to the manosphere is a search for connection, belonging, and meaning—something missing elsewhere.”

You are on slide 18 of chapter 3. Use the right arrow to continue, or use the square bracket keys to navigate and disable arrow key navigation.

One interviewee shared that Tate’s videos were most appealing when he felt the most isolated.

You are on slide 19 of chapter 3. Use the right arrow to continue, or use the square bracket keys to navigate and disable arrow key navigation.

This article contains audio. Video progress: You are on slide 20 of chapter 3. Use the right arrow to continue, or use the square bracket keys to navigate and disable arrow key navigation.

You are on slide 1 of chapter 4. Use the right arrow to continue, or use the square bracket keys to navigate and disable arrow key navigation.

If the loneliest young men are also the most active online, it makes sense that the manosphere’s focus on male pain is a strong draw. This pain isn’t ignored by manosphere influencers—it’s acknowledged and validated. Enduring hardship is central to Tate’s message and common in other influencers’ stories, whether it stems from a difficult childhood, poverty, loneliness, rejection, or mental health issues. Tate even encourages men to embrace pain, a theme evident in early interviews from his kickboxing days.

You are on slide 2 of chapter 4. Use the right arrow to continue, or use the square bracket keys to navigate and disable arrow key navigation.This article contains audio and video. Credits: YouTube | EnfusionTV, Hamza97; Rumble | tatespeech.

You are on slide 3 of chapter 4. Use the right arrow to continue, or press the open and close square bracket keys to navigate. You can disable left and right arrow key navigation.

Tate tells his audience that it’s better to be unhappy, claiming happiness is useless and unmasculine.

You are on slide 4 of chapter 4. Use the right arrow to continue, or press the open and close square bracket keys to navigate. You can disable left and right arrow key navigation.

This article contains audio and video. Credits: Rumble | tatespeech; YouTube | Hamza97; X | Cobratate.

You are on slide 5 of chapter 4. Use the right arrow to continue, or press the open and close square bracket keys to navigate. You can disable left and right arrow key navigation.

Matt Shea notes that unhappiness is a common trait among men deeply involved in the manosphere. These men are dissatisfied with themselves, their lives, their success with women, and their financial situation. Ultimately, these issues relate to their self-love, sense of purpose, and happiness—they are simply not happy.

This includes a 13-year-old boy who feels unpopular at school, an older man going through a divorce or infidelity, someone who has lost their job, or even a man with a stable 9-5 job who feels he should be living a more exciting, James Bond-like life.

You are on slide 6 of chapter 4. Use the right arrow to continue, or press the open and close square bracket keys to navigate. You can disable left and right arrow key navigation.

Age of Anxiety

In the past, the idea that people should stop having fun, work constantly, and stay anxious might not have gained much traction. However, this emphasis on stress resonates today, as young people experience anxiety at higher rates than other groups, according to data from the US, UK, and Australia.

In the UK, a 2021 study found that 28% of 16-29 year olds had anxiety in the past two weeks, compared to 16% of all adults. Similarly, in the US, a 2024 study reported 27% of 18-29 year olds experienced anxiety symptoms recently, versus 18% of all adults. In Australia, a 2020-22 study showed 39% of 16-24 year olds had a mental health disorder in the last year, compared to 17% of all adults.

You are on slide 7 of chapter 4. Use the right arrow to continue, or press the open and close square bracket keys to navigate. You can disable left and right arrow key navigation.

Influencers like Tate validate men’s feelings of fear and anxiety in ways that few other parts of society do. Tate often explains his appeal by saying he addresses the difficulties of life for men that others ignore.

You are on slide 8 of chapter 4. Use the right arrow to continue, or press the open and close square bracket keys to navigate. You can disable left and right arrow key navigation.

This article contains audio and video. Credit: Rumble | tatespeech.

You are on slide 9 of chapter 4. Use the right arrow to continue, or press the open and close square bracket keys to navigate. You can disable left and right arrow key navigation.

Society often makes it challenging for men to express when they are struggling.

You are on slide 10 of chapter 4. Use the right arrow to continue, or press the open and close square bracket keys to navigate. You can disable left and right arrow key navigation.You are on slide 11 of chapter 4. Use the right arrow to continue, or press the open and close square bracket keys to navigate while disabling the left and right arrow keys.

You are now on slide 1 of chapter 5. Use the right arrow to proceed, or use the open and close square bracket keys for navigation, with the arrow keys disabled.

The manosphere claims to empower men, but it can also harm them. It suggests that getting rich is a solution to men’s unhappiness, but not everyone who takes a digital marketing course will become a millionaire. Meanwhile, spending money on online courses and dedicating excessive time to chasing unrealistic goals on a computer can worsen other issues. This often leaves young men more confused and worse off than before, and once they’re involved, it’s difficult to escape. One interviewee described a period when he was deeply immersed in the manosphere.

You are on slide 2 of chapter 5. Use the right arrow to continue, or the square bracket keys to navigate with arrow keys disabled.

This article includes audio and video progress. You are on slide 3 of chapter 5. Use the right arrow to proceed, or the square bracket keys for navigation, disabling the arrow keys.

In other parts of the manosphere, similar patterns occur with dating advice. Some forums encourage young men to ask out 100 women, a strategy that rarely succeeds, often backfires, and can lead to increased feelings of rejection and frustration. Joshua Thorburn from Monash University has studied the experiences of those following such advice:

If you follow their guidance and see no results, the blame is often placed on you, not the strategies. “If you still believe that women are only attracted to alpha males, you’ll likely blame yourself for not being one,” Thorburn notes.

One interviewee explained why people keep returning for more advice.

You are on slide 4 of chapter 5. Use the right arrow to continue, or the square bracket keys with arrow keys disabled.

This article contains audio and video progress. You are on slide 5 of chapter 5. Use the right arrow to proceed, or the square bracket keys for navigation, disabling the arrow keys.

When discussions about the manosphere aren’t helpful, they can be overly simplistic, such as labeling the content as bad and shaming those who watch it. An example highlighted by an interviewee involves the media and political response to the Netflix show “Adolescence.” UK Prime Minister Keir Starmer supported a campaign to screen the series—a drama about a boy who murders a girl—in schools as a lesson against toxic masculinity.

You are on slide 6 of chapter 5. Use the right arrow to continue, or the square bracket keys with arrow keys disabled.

This article includes audio and video progress. You are on slide 7 of chapter 5. Use the right arrow to proceed, or the square bracket keys for navigation, disabling the arrow keys.Navigating conversations with young people about these topics is challenging, experts agree. Deo from Hope not Hate shared an example from her school focus groups, highlighting a point of tension: young men often feel they’re adding nuance to discussions, while young women may disengage and shut them down.

She connects this to broader issues in identity and progressive politics, noting that such polarization can fuel conspiratorial thinking, as people wonder why they’re not allowed to explore certain ideas. This reinforces divisions on both sides.

Hope not Hate’s research also uncovered disillusionment and hopelessness among some progressive and inclusive young people, who feel their voices don’t matter, which Deo found saddening.

The question arises: what drives this ideology, and are we addressing the cause or just the symptom? Ben Rich argues that while manosphere views, like those of Tate—such as seeing relationships as financial transactions or emphasizing individual responsibility and competition—are extreme, they are symptoms of deeper issues. He attributes this to neoliberalism, which has created an alienated, atomized society where individuals feel solely responsible for their success, leading to isolation and disconnection.

Young men in the study recognized that the manosphere’s message aligns with societal norms, but when it comes to relationships, many didn’t embrace its vision of dominance or financial transactions.Navigate using the square bracket keys [ and ], as left and right arrow key navigation is disabled. This article includes audio.

Video progress: You’re on slide 7 of chapter 6. Press the right arrow to continue, or use the square bracket keys for navigation instead of the arrow keys.

You’re now on slide 8 of chapter 6. Use the right arrow or square bracket keys to proceed.

Without significant social and economic changes, Boyce-Kay from Loughborough University is doubtful that the situation will improve. She points out that digital spaces contribute to the issue, as her research on groups like tradwives and ‘femcels’ shows how online platforms can foster reactionary politics and gender views among women.

She explains, “There’s something about the structure of digital culture that acts like a mirror world, where femcels reflect incels, and these pessimistic, fatalistic ideas bounce back and forth, leading to a sense of internal hopelessness.”

She suggests that one way to bring about change is by intervening in online platforms whose business models promote extreme content and addictive behaviors.

Despite the overall grim outlook, there are some positive developments.

You’re on slide 9 of chapter 6. Continue with the right arrow or square bracket keys.

Leaving the manosphere

Individuals exit the manosphere in various ways. For those involved in its more misogynistic, dating-focused aspects, a common escape route emerges.

Journalist Matt Shea notes, “The most frequent reason people break free from the manosphere is that they get a girlfriend.”

Sometimes, simply interacting with women can make a difference. Joshua Thorburn of Monash University studied stories on the ‘ex-red-pill’ Reddit forum and found that friendly workplace relationships with women helped some men question and reject sexist beliefs from the manosphere.

You’re on slide 10 of chapter 6. Proceed with the right arrow or square bracket keys.

For men attracted to the success and financial promises of the manosphere, realizing the flaws in the business proposals can be a turning point.

You’re on slide 11 of chapter 6. Continue using the right arrow or square bracket keys.

This article contains audio.

Video progress: You’re on slide 12 of chapter 6. Use the right arrow or square bracket keys to move forward.

David Bartlett from Equimundo sees hope in the fact that young men are discussing their struggles, viewing their vulnerability as an opportunity for dialogue.

He says, “The vulnerability young men are experiencing is actually a reason for optimism because it opens the door to conversations about what’s not working in their lives. I see a chance to engage with them, listen, and understand their perspective.”

You’re on slide 13 of chapter 6.Chapter 6. Use the right arrow to continue. You can also use the open and close square bracket keys to navigate, while the left and right arrow keys are disabled.

This article includes audio.

Video progress: You are on slide 14 of chapter 6. Use the right arrow to continue. Alternatively, use the open and close square bracket keys to navigate, and note that left and right arrow key navigation is disabled.

Credits:
Story: Anna Leach
Design: Prina Shah
Development and Data Analysis: Ed Gargan
Data Analysis: Raphael Hernandes
Visuals Editor: Lydia McMullan
Video Producer: Maeve Shearlaw
Cinematography: David Levene
Video Editor: Jimi Otukoya
Motion Design: Tom Silverstone, Andrew Warwick
Social Producer: Lauren Hurrell
Multimedia Editor: Laurence Topham

You are on slide 1 of chapter 7. Use the right arrow to continue. Alternatively, use the open and close square bracket keys to navigate, and note that left and right arrow key navigation is disabled.

About the Data Analysis:
We analyzed 642 videos from Andrew Tate’s Rumble channel. Here’s how:

Topic Analysis:
We used two GenAI large language models (LLMs). Videos were transcribed with stable_whisper, an enhanced version of OpenAI’s Whisper. Transcripts were divided into passages of up to 80 words, grouped by time proximity. Each passage was classified using the MoritzLaurer/deberta-v3-large-zeroshot-v2.0-c model into one or more of three topics: “wealth,” “success,” and “women.” A topic is considered significant in a video if it appears in over 10% of passages.

Image Analysis:
Screenshots were taken from each video every four seconds, or more often for shorter videos. For each, the AI model google/owlv2-base-patch16-ensemble was used to detect cigars, topless figures, and sports cars. A video is said to feature an object if it has more than 3 detections of it.

You are on slide 2 of chapter 7. Use the right arrow to continue. Alternatively, use the open and close square bracket keys to navigate, and note that left and right arrow key navigation is disabled.

You are on slide 3 of chapter 7. Use the right arrow to continue. Alternatively, use the open and close square bracket keys to navigate, and note that left and right arrow key navigation is disabled.

Further Reading from the Guardian:
– “My psychologist had never seen a black man with self-harm scars” – video, and the rest of the Modern masculinity video series
– Disillusionomics: the US economy isn’t serving gen Z
– Adolescence: what teen boys really think of girls, influencers and porn – podcast
– ‘I know what it is to go down the rabbit hole’: the male coaches pulling young men back from the edge
– Now comes the ‘womanosphere’: the anti-feminist media telling women to be thin, fertile and Republican

You are on slide 4 of chapter 7. Use the right arrow to continue. Alternatively, use the open and close square bracket keys to navigate, and note that left and right arrow key navigation is disabled.

Frequently Asked Questions
Of course Here is a list of FAQs about Money Muscles and Anxiety Exploring Why the Manosphere Resonates with Young Men designed to be clear direct and conversational

BeginnerLevel Questions

1 What exactly is the manosphere
Its a loose network of online communities that focus on mens issues often discussing topics like dating selfimprovement masculinity and mens rights

2 What do money muscles and anxiety have to do with it
These are three core pillars of the appeal The manosphere often promises solutions for financial success physical strength and attractiveness and the underlying stress and uncertainty many young men feel

3 Why are young men drawn to these online spaces
Many feel lost lonely or that traditional sources of guidance have failed them The manosphere offers a clear if often oversimplified roadmap for how to be a successful man

4 Is the entire manosphere toxic or harmful
Not entirely Some corners genuinely focus on positive selfimprovement fitness and financial literacy However other segments promote deeply misogynistic racist or extremist views which can be very harmful

5 Whats a common message they promote
A common narrative is that modern society is stacked against men and that by taking control of your body finances and relationships you can reclaim your power and status

Advanced InDepth Questions

6 How does the manosphere create a sense of community
It uses an us vs them mentality By identifying a common enemy and using shared jargon it creates a strong ingroup bond for men who may feel like outsiders elsewhere

7 Whats the connection between anxiety and the solutions offered
The manosphere identifies common male anxieties and provides direct actionable albeit sometimes extreme steps to combat them This gives an immediate sense of control

8 Can the focus on money and muscles be positive
Yes in moderation

Related Posts