diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1c2e91c..31fbefd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -151,7 +151,9 @@ function Hero() {
         />
 
         <h1 className="text-text mt-7 max-w-4xl text-4xl font-semibold tracking-tight lowercase sm:text-6xl sm:leading-[1.05]">
-          <i>Everything technical, <span className="text-accent">handled.</span></i>
+          <em className="hero-tagline">
+            Everything technical, <span className="text-accent">handled.</span>
+          </em>
         </h1>
 
         <p className="text-text-secondary mt-6 max-w-xl text-lg leading-relaxed">
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 0c030fd..6203d3b 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -237,6 +237,10 @@ body {
   filter: var(--hero-photo-filter);
 }
 
+.hero-tagline {
+  font-style: oblique 12deg;
+}
+
 .racetix-photo {
   opacity: var(--racetix-photo-opacity);
   filter: var(--racetix-photo-filter);