diff --git a/src/styles.css b/src/styles.css
index 11be2b2..a38dba2 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -119,11 +119,11 @@ body { background: #FAFAFA; color: var(--text); font-family: var(--font-body); f
   position: relative; z-index: 1;
   font-family: var(--font-display);
   font-weight: 400;
-  /* Mobile: fill viewport minus the hero's 16px padding each side
-     (= 32px total). Divisor 7 keeps the wider "Kammergut" wordmark
-     from clipping at the mobile/tablet boundary (~704px was clipping
-     at /6). */
-  font-size: calc((100vw - 32px) / 7);
+  /* Default (DE / "Kammergut") — divisor ≈ rendered-text-to-font-size
+     ratio of the wider wordmark in DM Serif Display at 0.05em tracking.
+     EN ("Deepstock") gets a smaller divisor below to fill at its own
+     ratio. -32px matches the hero's 16px padding each side. */
+  font-size: calc((100vw - 32px) / 6);
   line-height: 1;
   letter-spacing: 0.05em;
   color: #1A1A18;
@@ -136,14 +136,26 @@ body { background: #FAFAFA; color: var(--text); font-family: var(--font-body); f
     background: linear-gradient(rgba(250,250,250,0.5), rgba(250,250,250,0.5)), url('/images/bg-1.jpg') center/cover no-repeat;
   }
 }
-/* Tablet — match the hero's 16px padding each side (32px total) so
-   the wordmark fills the available width like it does on mobile. */
+/* Tablet — same fill behaviour as mobile (hero padding stays 16px
+   each side). */
 @media (min-width: 768px) {
-  .hero h1 { font-size: calc((100vw - 32px) / 7); }
+  .hero h1 { font-size: calc((100vw - 32px) / 6); }
 }
 @media (min-width: 900px) {
   .hero h1 { font-size: clamp(120px, 14vw, 176px); }
 }
+
+/* English brand ("Deepstock") — narrower wordmark needs a smaller
+   divisor (≈ ratio measured at 0.05em tracking) to fill the same
+   16px-padded width as the wider Kammergut. */
+html[lang="en"] .hero h1 { font-size: calc((100vw - 32px) / 5.2); }
+@media (min-width: 768px) {
+  html[lang="en"] .hero h1 { font-size: calc((100vw - 32px) / 5.2); }
+}
+@media (min-width: 900px) {
+  html[lang="en"] .hero h1 { font-size: clamp(120px, 17vw, 220px); }
+}
+
 .hero h1 .b { color: #5A9A78; }
 
 /* Trademark mark — only auto-attached to the small header logo. The