diff --git a/messages/en.json b/messages/en.json
index 48d759735..1a2e538ff 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -12,8 +12,8 @@
 	"header_learn": "Learn",
 	"header_proposal": "Proposal",
 	"home_action_c2a": "Take action",
-	"home_action_content": "Too few people are well-informed about the potential risks of AI. Inform others, and help stop this race to the bottom.",
-	"home_action_title": "<u>YOU</u> CAN HELP",
+	"home_action_content": "Recent breakthroughs on AI have started a race to the bottom. Too few people are well-informed about the potential risks of AI, so you can make the difference.",
+	"home_action_title": "WE NEED TO ACT <u>RIGHT NOW</u>",
 	"home_hero__instructions": "This is directed at the reader, translate it informally.",
 	"home_hero": "DON'T LET AI COMPANIES GAMBLE WITH OUR FUTURE",
 	"home_proposal_c2a": "Read the proposal",
@@ -38,7 +38,7 @@
 	"home_quotes_turing_text": "... we should have to expect the machines to take control.",
 	"home_quotes_turing_title": "Inventor of the modern computer",
 	"home_risks_c2a": "Read about the risks",
-	"home_risks_content": "AI can have amazing benefits, but it could also erode our democracy, destabilize our economy and could be used to create powerful cyber weapons.",
+	"home_risks_content": "AI can have amazing benefits, but it could also erode our democracy, destabilize our economy and could be used to create powerful cyber weapons. Also many AI labs and experts agree: AI could end humanity.",
 	"home_risks_title": "We risk <u>losing control</u>",
 	"home_stats_alignment": "of AI scientists believe the alignment problem is real & important",
 	"home_stats_citizens": "of citizens want AI to be slowed down by our governments",
diff --git a/src/assets/images/press/960px-FORTUNE-LOGO-2016.png b/src/assets/images/press/960px-FORTUNE-LOGO-2016.png
new file mode 100644
index 000000000..d3d8e3c23
Binary files /dev/null and b/src/assets/images/press/960px-FORTUNE-LOGO-2016.png differ
diff --git a/src/assets/images/press/Bloomberg-Logo.png b/src/assets/images/press/Bloomberg-Logo.png
new file mode 100644
index 000000000..2d7bd2a22
Binary files /dev/null and b/src/assets/images/press/Bloomberg-Logo.png differ
diff --git a/src/assets/images/press/Euronews_2016_logo.svg.png b/src/assets/images/press/Euronews_2016_logo.svg.png
new file mode 100644
index 000000000..65916d234
Binary files /dev/null and b/src/assets/images/press/Euronews_2016_logo.svg.png differ
diff --git a/src/assets/images/press/Le_Monde.svg.png b/src/assets/images/press/Le_Monde.svg.png
new file mode 100644
index 000000000..80a90630b
Binary files /dev/null and b/src/assets/images/press/Le_Monde.svg.png differ
diff --git a/src/assets/images/press/POLITICOLOGO.svg.png b/src/assets/images/press/POLITICOLOGO.svg.png
new file mode 100644
index 000000000..c60417ecb
Binary files /dev/null and b/src/assets/images/press/POLITICOLOGO.svg.png differ
diff --git a/src/assets/images/press/The_Verge_wordmark_2022.svg.png b/src/assets/images/press/The_Verge_wordmark_2022.svg.png
new file mode 100644
index 000000000..7a0e24ded
Binary files /dev/null and b/src/assets/images/press/The_Verge_wordmark_2022.svg.png differ
diff --git a/src/assets/images/press/Time_Magazine_logo.svg b/src/assets/images/press/Time_Magazine_logo.svg
new file mode 100644
index 000000000..a5b5fab63
--- /dev/null
+++ b/src/assets/images/press/Time_Magazine_logo.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="92.321" width="298" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 298 92.320587">
+ <path fill="#e90606" d="m142.27 0.95117s-3.33 0.06973-5.26 0.03711c-0.08 0.80992-1.01 8.1492-1.81 14.053-0.92 5.463-8.21 45.988-10.68 58.119-0.65 3.663-2.66 14.011-2.85 15.045-2.32 0.277-5.06 0.533-6.85 0.602-0.24 0.008-0.64 0.086-0.83 0.086v2.101c0.22-0.009 1.38 0.08 2.2 0.045 1.97-0.063 7.56-0.328 8.62-0.328 4.02 0 6.7 0.266 10.42 0.34 0.05 0 1.07-0.004 1.52-0.061v-2.123c-0.31 0-0.72-0.01-0.96-0.01-1.05 0.033-4.92-0.264-6.88-0.531 0.23-1.388 3.65-22.376 5.29-30.769 3.12-15.535 5.28-26.545 5.28-26.545l0.58 1.367 24.65 58.752 4.5 0.023s2.57-6.362 5.62-13.498c0.08-0.169 0.3-0.68 0.61-1.41 3.2-7.41 19.06-45.017 19.06-45.017s0.15 0.677 0.4 1.888c1.51 7.371 6.62 33.935 7.71 40.344 0.51 3.297 0.99 6.641 1.27 8.6 0.41 2.774 0.68 5.489 0.68 6.269-0.5 0.023-5.52 0.477-7.42 0.559-0.27-0.009-0.78 0.016-0.81 0.021v2.137c0.68 0 1.34 0.03 2 0.015 3.88-0.074 7.61-0.378 11.49-0.376 4.36 0.004 11.43 0.385 15.96 0.414 0.51 0 1.42-0.045 1.42-0.045v-2.159c-0.26-0.002-1.4-0.058-1.82-0.091-2.03-0.159-5.45-0.476-6.32-0.534 0 0-0.56-3.103-1.3-6.687-2.96-14.337-11.39-57.916-12.68-68.639-0.44-3.6856-1.69-11.961-1.69-11.961l-5.07-0.00158s-2.59 7.4313-4.95 14.207c-1.61 4.63-3.8 10.346-5.47 14.729-8.24 21.656-17.48 41.836-17.48 41.836s-19.64-46.862-20.68-49.572c-1.05-2.711-7.47-21.231-7.47-21.231zm-141.18 0.01953l0.043 4.9531-0.084 12.062 1.3067-0.037 0.1367-10.728c0-0.0003 7.1651-0.062 8.0918-0.0608l13.361 0.0058 8.623 0.043 0.014 74.607 0.002 6.444-0.182 0.025c-1.148 0.089-5.565 0.359-7.359 0.424-0.402 0.013-0.659 0.023-0.703 0.018l0.008 2.183c0.324 0.016 1.197 0.037 1.312 0.033 4.244-0.055 9.987-0.424 14.059-0.42 4.137 0.002 9.959 0.404 13.562 0.446 0.357 0.002 0.78-0.033 1.123-0.033v-2.047l-0.447 0.004c-1.148-0.005-7.497-0.414-8.154-0.5-0.027-1.001-0.145-5.833-0.145-5.94l0.031-75.252 6.565-0.0174 17.129 0.0117 5.717 0.0781c0.038 0.4085 0.327 5.8426 0.322 5.9906-0.013 0.395 0.214 4.443 0.205 5.439l1.355 0.016-0.097-12.2 0.062-5.4878c-5.034 0.137-17.863 0.3094-37.773 0.2989-17.075-0.0105-33.53-0.1537-38.084-0.3594zm79.746 0.01953l0.021 2.1368c0.676 0.0367 4.65 0.3883 5.616 0.4355 0.771 0.0944 1.847 0.191 2.617 0.2656 0 0.6841 0.012 5.4048 0.023 7.2679 0.129 17.659 0.019 56.687-0.033 70.496-0.016 3.993-0.027 6.566-0.027 6.566-0.487 0.146-1.583 0.201-2.768 0.281-1.013 0.069-4.643 0.374-5.453 0.391v2.137c0.336 0 0.952 0.071 1.303 0.068 4.109 0.001 9.822-0.509 14.031-0.506 4.254 0.003 9.934 0.521 13.284 0.522l-0.01 0.002c0.29 0.004 0.98-0.072 1.27-0.071v-2.136h-0.29c-0.13-0.028-4.45-0.21-5.5-0.319-0.55-0.035-2.93-0.241-2.96-0.32-0.01-0.042-0.02-0.681-0.02-1.746 0.01-1.011 0.01-2.692 0.01-4.514 0.01-13.929 0.05-55.298 0.06-71.111 0-3.0561 0.01-5.5392 0.01-6.8712 0.93-0.0588 4.73-0.4561 6.09-0.5761 0.06-0.0059 1.86-0.1095 2.6-0.1543v-2.2266c-4.65-0.0017-10.803 0.3617-15.341 0.3594-4.746-0.0029-10.593-0.37522-14.533-0.37697zm215.2 0.06057s-0.49 0.0021-1.4 0.0039c-3.11 0.0134-11.07 0.0718-20.38 0.123-5.72 0.0332-10.19 0.0791-16.08 0.0762-4.13 0.0484-9.91 0.2076-13.48 0.2012-5.7-0.0093-10.35-0.3606-12.88-0.3711-1.2-0.0053-1.87 0.0399-2.2 0.0195 0.02 0.0303 0.02 2.1094 0.02 2.1094 0.22 0.0384 0.66 0.0874 1.07 0.0781 1.43 0.0962 4.11 0.3127 5.47 0.4922 0.27 0.0495 0.73 0.1254 2.01 0.2676-0.01 0.4731 0.06 5.8267 0.05 9.0432 0 2.98-0.03 69.47-0.03 69.47 0 0.108-0.15 5.347-0.15 5.77-2.26 0.387-6.6 0.625-8.08 0.631h-0.44v2.115c0.21-0.001 1.18 0.037 1.73 0.037 2.39-0.001 8.55-0.381 14.84-0.385 4.41-0.004 9.26 0.161 14.17 0.231 6.05 0.084 12.17 0.088 17.67 0.166 9.07 0.128 16.42 0.139 18.81 0.142 0 0 0.29-16.823 0.29-18.179l-1.31 0.015c0 1.431-0.53 6.76-0.55 6.993-0.17 2.006-0.35 4.108-0.49 5.144 0 0-0.64 0.051-0.95 0.045-1.49-0.028-6.25 0.145-6.35 0.145l-21.23 0.009-14.91-0.25-0.1-4.136-0.01-32.112c2.66-0.09 6.72-0.231 9.19-0.226 2.1 0.004 7.05-0.114 9.82-0.108 6.73 0.012 12.71 0.055 13.19 0.069 1.11 0.032 3.17 0.1 3.95 0.148 0.03 0.283 0.12 0.725 0.13 0.85 0.4 2.459 0.62 4.162 0.89 6.576 0.04 0.217 0.06 0.427 0.09 0.625h1.53s0.04-0.863 0.02-1.4c-0.03-1.893-0.15-5.669-0.15-9.854-0.01-2.901 0.16-7.336 0.18-9.469 0.01-0.577-0.06-0.987-0.06-1.152l-1.4 0.027c-0.01 0.461-0.12 1.141-0.12 1.141-0.12 1.59-0.57 3.622-0.93 5.766-0.1 0.267-0.17 0.64-0.17 0.64-0.16 0.054-4.55 0.288-4.94 0.285-0.15-0.001-6.54 0.178-6.65 0.178l-24.56-0.092 0.04-35.41c0 0.0001 3.12-0.1101 3.99-0.1054 3.54 0.0006 9.3-0.0316 15.17-0.0234 8.59 0.0104 16.93 0.0639 16.95 0.0761 0.05 0.0245 2.59 0.0598 2.64 0.1035 0.06 0.0478 3.24 0.1429 4.02 0.168 0 0 0.06 0.2636 0.1 0.5957 0.35 3.7335 0.64 8.1675 0.77 9.7385l0.01 0.629 1.31-0.004c0-2.299-0.12-9.3396-0.14-13.819-0.01-1.4387 0.02-2.6103 0.02-3.2769v-0.5703z"/>
+</svg>
diff --git a/src/assets/images/press/Wired_logo.svg.png b/src/assets/images/press/Wired_logo.svg.png
new file mode 100644
index 000000000..d84347575
Binary files /dev/null and b/src/assets/images/press/Wired_logo.svg.png differ
diff --git a/src/assets/protests/Home Hero - mobile.jpg b/src/assets/protests/Home Hero - mobile.jpg
new file mode 100644
index 000000000..6bc436214
Binary files /dev/null and b/src/assets/protests/Home Hero - mobile.jpg differ
diff --git a/src/assets/protests/Home Hero - web - Faded.jpg b/src/assets/protests/Home Hero - web - Faded.jpg
new file mode 100644
index 000000000..7dfd1ede9
Binary files /dev/null and b/src/assets/protests/Home Hero - web - Faded.jpg differ
diff --git a/src/assets/protests/Home Hero - web.jpg b/src/assets/protests/Home Hero - web.jpg
new file mode 100644
index 000000000..983c3d0aa
Binary files /dev/null and b/src/assets/protests/Home Hero - web.jpg differ
diff --git a/src/lib/components/Hero.svelte b/src/lib/components/Hero.svelte
index 161ba89c4..d1f702710 100644
--- a/src/lib/components/Hero.svelte
+++ b/src/lib/components/Hero.svelte
@@ -1,36 +1,25 @@
 <script lang="ts">
-	import london from '$assets/protests/london.jpeg?enhanced'
-	import denHaag from '$assets/protests/den-haag.jpeg?enhanced'
-	import sf from '$assets/protests/san-francisco.jpeg?enhanced'
+	import homeHeroDesktop from '$assets/protests/Home Hero - web - Faded.jpg?enhanced'
+	import homeHeroMobile from '$assets/protests/Home Hero - mobile.jpg?enhanced'
 	import { onMount } from 'svelte'
 	import { emulateCqwIfNeeded } from '$lib/container-query-units'
-	import * as m from '$lib/paraglide/messages.js'
+
 	import Link from '$lib/components/Link.svelte'
 
-	let currentImageIndex = 0
-	const images = [london, denHaag, sf]
 	let isMobile = false
 	let tagline: HTMLDivElement
 
 	const checkMobile = () => {
-		isMobile = window.innerWidth <= 768
+		isMobile = window.innerWidth <= 768 || window.innerHeight > window.innerWidth
 	}
 
 	onMount(() => {
 		checkMobile()
 		window.addEventListener('resize', checkMobile)
 
-		// Switch images every 5 seconds
-		const interval = setInterval(() => {
-			if (isMobile) {
-				currentImageIndex = (currentImageIndex + 1) % images.length
-			}
-		}, 5000)
-
 		const cleanupCqwEmulation = emulateCqwIfNeeded(tagline)
 
 		return () => {
-			clearInterval(interval)
 			window.removeEventListener('resize', checkMobile)
 			cleanupCqwEmulation?.()
 		}
@@ -39,95 +28,110 @@
 
 <div class="hero">
 	{#if isMobile}
-		{#each images as image, i}
-			<enhanced:img src={image} sizes="100vw" alt="" class:active={currentImageIndex === i} />
-		{/each}
+		<enhanced:img src={homeHeroMobile} sizes="100vw" alt="" />
 	{:else}
-		<enhanced:img src={london} sizes="100vw" alt="" />
-		<enhanced:img src={denHaag} sizes="100vw" alt="" />
-		<enhanced:img src={sf} sizes="100vw" alt="" />
+		<enhanced:img src={homeHeroDesktop} sizes="100vw" alt="" />
 	{/if}
-	<div class="overlay"></div>
-	<div class="tagline" bind:this={tagline}>
-		<h2>{m.home_hero()}</h2>
-	</div>
-	<div class="actions">
-		<Link href="/join">{m.header_join()}</Link>
-		<Link href="/donate">{m.header_donate()}</Link>
+	<div class="content" bind:this={tagline}>
+		<h2>Don’t let AI companies<br />gamble away our future</h2>
+		<div class="actions">
+			<Link href="/join" class="btn-primary">Get involved</Link>
+			<Link href="/donate" class="btn-secondary">Donate</Link>
+		</div>
 	</div>
 </div>
 
 <style>
-	.tagline {
-		background-color: black;
+	.content {
 		position: absolute;
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%, -50%);
-		width: clamp(20rem, 45vw, 100%);
+		top: 45%;
+		left: 20%;
+		transform: translateY(-50%);
+		width: clamp(20rem, 60vw, 100%);
 		container-type: inline-size;
 		--cqw: 1cqw;
+		display: flex;
+		flex-direction: column;
+		gap: 1.5rem;
 	}
 
-	.tagline h2 {
-		text-transform: uppercase;
+	.content h2 {
 		color: white;
-		font-size: calc(8.75 * var(--cqw));
-		text-align: center;
+		font-family: var(--font-heading);
+		font-weight: 700;
+		font-size: calc(6 * var(--cqw));
+		line-height: 1.1;
+		text-align: left;
 		margin: 0;
-		padding: calc(6.5 * var(--cqw));
+		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+	}
+
+	@media (max-width: 850px), (orientation: portrait) {
+		.content {
+			top: 35%;
+			left: 5%;
+			width: 90%;
+		}
+
+		.content h2 {
+			font-size: calc(10 * var(--cqw));
+		}
+
+		.hero :global(img) {
+			object-fit: cover;
+			transform: none !important;
+		}
 	}
 
-	@media (max-width: 850px) {
-		.tagline h2 {
-			font-size: calc(8.5 * var(--cqw));
-			padding: calc(7.5 * var(--cqw));
+	@media (min-width: 851px) and (orientation: landscape) {
+		.hero :global(img) {
+			transform: scale(0.95);
 		}
 	}
 
 	.hero {
-		display: grid;
-		grid-template-columns: repeat(3, 1fr);
+		display: block;
 		height: 100vh;
 		min-height: var(--hero-min-height);
 		overflow: hidden;
 		position: relative;
-		/* Full-bleed: use transform-based centering instead of margin calc
-		   (fixes WebKit/iOS Safari rendering issue - see #562) */
 		width: 100vw;
 		left: 50%;
 		transform: translateX(-50%);
-	}
-
-	.overlay {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background-color: var(--brand);
-		opacity: 0.8;
+		background-color: #ff9416;
 	}
 
 	.actions {
-		position: absolute;
-		bottom: 10%;
-		left: 50%;
-		transform: translateX(-50%);
 		display: flex;
 		gap: 1rem;
+		justify-content: flex-start;
 	}
 
+	/* Global styles for Link component when used here */
 	.actions :global(a) {
-		background-color: white;
 		font-family: var(--font-heading);
 		text-decoration: none;
-		font-size: 1.2rem;
-		color: black;
-		padding: 1rem 2rem;
+		font-size: 1rem;
+		padding: 0.6rem 1.6rem;
 		text-transform: uppercase;
 		transition: scale 0.1s;
 		cursor: pointer;
+		border-radius: 4px; /* Slight rounding if desired, or keep square */
+		font-weight: bold;
+		display: inline-block;
+		text-align: center;
+	}
+
+	.actions :global(a.btn-primary) {
+		background-color: #1a1a1a; /* Dark button */
+		color: white;
+		border: 2px solid #1a1a1a;
+	}
+
+	.actions :global(a.btn-secondary) {
+		background-color: white;
+		color: black;
+		border: 2px solid white;
 	}
 
 	.actions :global(a:hover) {
@@ -139,30 +143,10 @@
 	}
 
 	.hero :global(img) {
-		/* 2x the blur */
-		width: calc(100% + 10px);
+		width: 100%;
 		height: 100%;
-		object-fit: cover;
-		filter: blur(5px);
-	}
-
-	@media (max-width: 768px) {
-		.hero {
-			display: block;
-		}
-
-		.hero :global(img) {
-			position: absolute;
-			opacity: 0;
-			transition:
-				opacity 1s ease-in-out,
-				transform 10s ease-in-out;
-			transform: scale(1.1);
-		}
-
-		.hero :global(img.active) {
-			opacity: 1;
-			transform: scale(1);
-		}
+		object-fit: contain;
+		object-position: center bottom;
+		transform-origin: center bottom;
 	}
 </style>
diff --git a/src/lib/components/Home.svelte b/src/lib/components/Home.svelte
index 977b6a45d..f4dab2f99 100644
--- a/src/lib/components/Home.svelte
+++ b/src/lib/components/Home.svelte
@@ -4,6 +4,7 @@
 	import PostMeta from '$lib/components/PostMeta.svelte'
 	import PreloadFonts from '$lib/components/PreloadFonts.svelte'
 	import QuotesCarousel from '$lib/components/QuotesCarousel.svelte'
+	import PressLogos from '$lib/components/PressLogos.svelte'
 	import Stats from '$lib/components/Stats.svelte'
 	import * as m from '$lib/paraglide/messages.js'
 	import robotoSlabLatin700 from '@fontsource/roboto-slab/files/roboto-slab-latin-700-normal.woff2'
@@ -15,35 +16,26 @@
 <PreloadFonts urls={[robotoSlabLatin700]} />
 
 <PostMeta {title} {description} />
-<!-- The Hero image is in `+layout.svelte` -->
-
-<div style="height: 5rem;" />
+<div style="height: 4rem;" />
 
 <QuotesCarousel />
 <div class="divider" />
+
 <Stats />
 <div class="divider" />
+<PressLogos />
+<div class="divider" />
 <section>
 	<Block linkText={m.home_risks_c2a()} href="/risks">
 		<!-- eslint-disable-next-line svelte/no-at-html-tags -- static content -->
 		<span slot="title">{@html m.home_risks_title()}</span>
 		{m.home_risks_content()}
 	</Block>
-	<Block linkText={m.home_xrisk_c2a()} href="/xrisk">
-		<!-- eslint-disable-next-line svelte/no-at-html-tags -- static content -->
-		<span slot="title">{@html m.home_xrisk_title()}</span>
-		{m.home_xrisk_content()}
-	</Block>
 	<Block linkText={m.home_proposal_c2a()} href="/proposal">
 		<!-- eslint-disable-next-line svelte/no-at-html-tags -- static content -->
 		<span slot="title">{@html m.home_proposal_title()}</span>
 		{m.home_proposal_content()}
 	</Block>
-	<Block linkText={m.home_urgency_c2a()} href="/urgency">
-		<!-- eslint-disable-next-line svelte/no-at-html-tags -- static content -->
-		<span slot="title">{@html m.home_urgency_title()}</span>
-		{m.home_urgency_content()}
-	</Block>
 	<Block linkText={m.home_action_c2a()} href="/action">
 		<!-- eslint-disable-next-line svelte/no-at-html-tags -- static content -->
 		<span slot="title">{@html m.home_action_title()}</span>
diff --git a/src/lib/components/PressLogos.svelte b/src/lib/components/PressLogos.svelte
new file mode 100644
index 000000000..4cf490e83
--- /dev/null
+++ b/src/lib/components/PressLogos.svelte
@@ -0,0 +1,209 @@
+<script lang="ts">
+	// Using ?url to ensure Vite gives us the static asset path
+	import time from '$assets/images/press/Time_Magazine_logo.svg?url'
+	import wired from '$assets/images/press/Wired_logo.svg.png?url'
+	import verge from '$assets/images/press/The_Verge_wordmark_2022.svg.png?url'
+	import bloomberg from '$assets/images/press/Bloomberg-Logo.png?url'
+	import fortune from '$assets/images/press/960px-FORTUNE-LOGO-2016.png?url'
+	import politico from '$assets/images/press/POLITICOLOGO.svg.png?url'
+
+	const publications = [
+		{
+			name: 'Time',
+			logo: time,
+			url: 'https://time.com/6295879/ai-pause-is-humanitys-best-bet-for-preventing-extinction/'
+		},
+		{
+			name: 'Wired',
+			logo: wired,
+			url: 'https://www.wired.com/story/pause-ai-existential-risk/'
+		},
+		{
+			name: 'The Verge',
+			logo: verge,
+			url: 'https://www.theverge.com/2023/5/24/23735982/sam-altman-openai-superintelligent-benefits-talk-london-ucl-protests'
+		},
+		{
+			name: 'Bloomberg',
+			logo: bloomberg,
+			url: 'https://www.bloomberg.com/news/newsletters/2024-02-13/ai-protest-at-openai-hq-in-san-francisco-focuses-on-military-work'
+		},
+		{
+			name: 'Fortune',
+			logo: fortune,
+			url: 'https://fortune.com/2023/05/24/openai-ceo-sam-altman-credits-elon-musk-with-teaching-him-the-importance-of-deep-tech-investing-but-he-has-no-interest-in-living-on-mars/'
+		},
+		{
+			name: 'Politico',
+			logo: politico,
+			url: 'https://www.politico.eu/article/microsoft-brussels-elon-musk-anti-ai-protesters-well-five-of-them-descend-on-brussels/'
+		}
+	]
+</script>
+
+<div class="press-section">
+	<div class="container">
+		<h2 class="section-title">Media Coverage</h2>
+		<div class="logos-row">
+			{#each publications as pub}
+				<a href={pub.url} target="_blank" class="pub-link">
+					<!-- Visible on hover (Original Color) -->
+					<img
+						src={pub.logo}
+						alt={pub.name}
+						title={pub.name}
+						class="logo-img logo-{pub.name.toLowerCase().replace(' ', '-')}"
+					/>
+					<!-- Visible by default (Theme Color Mask) -->
+					<div
+						class="logo-mask logo-{pub.name.toLowerCase().replace(' ', '-')}"
+						style="--url: url({pub.logo})"
+					></div>
+				</a>
+			{/each}
+
+			<a href="/press" class="see-all"> See all coverage → </a>
+		</div>
+	</div>
+</div>
+
+<style>
+	.press-section {
+		padding: 0;
+		background-color: var(--bg);
+	}
+
+	.container {
+		max-width: var(--page-width);
+		margin: 0 auto;
+		text-align: center;
+	}
+
+	.section-title {
+		font-size: 0.8rem;
+		text-transform: uppercase;
+		color: var(--text); /* Changed from text-subtle to match logos */
+		margin-bottom: 2rem;
+		letter-spacing: 0.15em;
+		opacity: 0.6; /* Changed from 0.4 to match logos */
+	}
+
+	.logos-row {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 2rem 3rem;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.pub-link {
+		text-decoration: none;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+		transition: transform 0.2s;
+	}
+
+	.pub-link:hover {
+		transform: translateY(-2px);
+	}
+
+	/* The Color Image (Hidden by default) */
+	.logo-img {
+		height: 1.6rem;
+		width: auto;
+		max-width: 150px;
+		opacity: 0; /* Fully hidden initially */
+		transition: opacity 0.2s ease;
+		display: block;
+	}
+
+	/* Dark Mode Visibility Fixes for Black Logos on Hover */
+	/* Invert black logos to white in dark mode so they are visible */
+
+	:global([color-scheme='dark']) .pub-link:hover .logo-wired,
+	:global([color-scheme='dark']) .pub-link:hover .logo-bloomberg {
+		filter: invert(1);
+	}
+
+	/* The Mask (Visible by default) */
+	.logo-mask {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background-color: var(--text);
+		opacity: 0.6;
+		-webkit-mask-image: var(--url);
+		mask-image: var(--url);
+		-webkit-mask-size: contain;
+		mask-size: contain;
+		-webkit-mask-repeat: no-repeat;
+		mask-repeat: no-repeat;
+		-webkit-mask-position: center;
+		mask-position: center;
+		pointer-events: none;
+		transition: opacity 0.2s ease;
+	}
+
+	/* Hover State */
+	.pub-link:hover .logo-img {
+		opacity: 1; /* Show color image */
+	}
+
+	.pub-link:hover .logo-mask {
+		opacity: 0; /* Hide mask */
+	}
+
+	/* Logo Specific Sizing */
+	.logo-time {
+		height: 1.4rem !important;
+	}
+	.logo-bloomberg {
+		height: 1.8rem !important;
+	}
+	.logo-fortune {
+		height: 1.6rem !important;
+	}
+	.logo-politico {
+		height: 1.2rem !important;
+	}
+
+	.see-all {
+		font-size: 0.9rem;
+		color: var(--brand);
+		text-decoration: none;
+		font-weight: 600;
+		opacity: 0.8;
+		transition: opacity 0.2s;
+		white-space: nowrap;
+		margin-left: 1rem;
+		font-family: var(--font-heading);
+		text-transform: uppercase;
+	}
+
+	.see-all:hover {
+		opacity: 1;
+		text-decoration: underline;
+	}
+
+	@media (max-width: 768px) {
+		.logos-row {
+			gap: 1.5rem 2.5rem;
+		}
+
+		.logo-img {
+			height: 1.3rem;
+		}
+	}
+
+	@media (max-width: 600px) {
+		.see-all {
+			width: 100%;
+			margin-left: 0;
+			margin-top: 1.5rem;
+		}
+	}
+</style>
diff --git a/src/styles/styles.css b/src/styles/styles.css
index b8d81163f..630b50754 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -11,10 +11,10 @@ html {
 	--page-width: 40rem; /* Please update in media queries and $lib/components/custom/img.svelte */
 
 	/* Colors */
-	--t-color-main: #ff9416; /* Default main color, approximately hsl(32, 100%, 54%)*/
+	--t-color-main: #f68b1e; /* Default main color - saturated orange */
 
 	/* dark */
-	--brand-dark: hsl(32, 100%, 44%);
+	--brand-dark: #f68b1e;
 
 	/* light */
 	--brand-light: var(--t-color-main);