diff --git a/custom.css b/custom.css
index 6416b63..5e639e2 100644
--- a/custom.css
+++ b/custom.css
@@ -188,6 +188,22 @@ h1, h2, h3 {
   .alt-card {
     padding: 1.4rem 1.35rem 1.45rem;
   }
+
+  /* Portal's phone rule for .hero (3rem on top, 1.25rem either side) is
+     written after its .hero-slides reset and at the same specificity, so
+     on a phone it won: 36px of nothing above the wordmark, and the
+     slideshow pulled 15px in from both edges instead of bleeding to them.
+     The bar and the copy carry their own 1.5rem, so the frame needs none. */
+  .hero-slides {
+    padding: 0 0 2rem;
+  }
+
+  /* The plain hero (kontakt, takk) has no inner bar, so it keeps a side
+     inset - the bar's 1.5rem, so the wordmark lands on the same edge as
+     on the front page - and sits at the bar's height instead of 3rem down. */
+  .hero:not(.hero-slides) {
+    padding: 1rem 1.5rem 2rem;
+  }
 }
 
 .alt-card h2 {