diff --git a/attribution/index.html b/attribution/index.html
index 2841731..8648748 100644
--- a/attribution/index.html
+++ b/attribution/index.html
@@ -132,8 +132,13 @@ h1 {
 	margin-block-end: .6em;
 }
 
-h2 { font-size: 2rem; }
-h3 { font-size: 1.8rem; }
+h2 { font-size: 2.1rem; }
+h3 { font-size: 1.7rem; }
+h4 { font-size: 1.4rem; }
+
+@media (max-width: 650px) {
+	h1 { font-size: 2.6rem; }
+}
 
 p {
   text-wrap: pretty; /* 9. Improve line wrapping */
@@ -167,17 +172,27 @@ ul p {
 
 /* Header/nav/footer */
 header {
-	height: 20vh;
-	padding: calc(20vh / 8);
+	--height-base: 20vh; /* Variable height for desktop vs mobile */
+}
+
+@media (max-width: 650px) {
+	header{
+		--height-base: 12vh; /* Variable height for desktop vs mobile */
+	}
+}
+
+header {
+	height: var(--height-base);
+	padding: calc(var(--height-base) / 8);
 	background-color: var(--color-accent);
 }
 
 .logo {
 	height: 100%;
 	width: auto;
-	padding: calc(20vh / 30);
-	border: calc(20vh / 50) solid var(--color-accent);
-	border-radius: calc(20vh / 3);
+	padding: calc(var(--height-base) / 30);
+	border: calc(var(--height-base) / 50) solid var(--color-accent);
+	border-radius: calc(var(--height-base) / 3);
 }
 
 header a:focus-visible {
@@ -186,7 +201,7 @@ header a:focus-visible {
 
 header a:focus-visible .logo {
 	border-color: var(--color-text);
-	outline: calc(20vh / 30) solid var(--color-accent-flipped);
+	outline: calc(var(--height-base) / 30) solid var(--color-accent-flipped);
 }
 
 @media (prefers-color-scheme: light) {
@@ -256,6 +271,6 @@ footer a:focus-visible {
   <p><a href="/attribution/">site attribution</a></p>
 </footer>
 
-	<!-- This page `/attribution/` was built on 2026-08-21T23:18:16.023Z -->
+	<!-- This page `/attribution/` was built on 2026-08-21T23:25:46.225Z -->
 </body>
 </html>
diff --git a/contact-success/index.html b/contact-success/index.html
index dc26b7e..552d761 100644
--- a/contact-success/index.html
+++ b/contact-success/index.html
@@ -132,8 +132,13 @@ h1 {
 	margin-block-end: .6em;
 }
 
-h2 { font-size: 2rem; }
-h3 { font-size: 1.8rem; }
+h2 { font-size: 2.1rem; }
+h3 { font-size: 1.7rem; }
+h4 { font-size: 1.4rem; }
+
+@media (max-width: 650px) {
+	h1 { font-size: 2.6rem; }
+}
 
 p {
   text-wrap: pretty; /* 9. Improve line wrapping */
@@ -167,17 +172,27 @@ ul p {
 
 /* Header/nav/footer */
 header {
-	height: 20vh;
-	padding: calc(20vh / 8);
+	--height-base: 20vh; /* Variable height for desktop vs mobile */
+}
+
+@media (max-width: 650px) {
+	header{
+		--height-base: 12vh; /* Variable height for desktop vs mobile */
+	}
+}
+
+header {
+	height: var(--height-base);
+	padding: calc(var(--height-base) / 8);
 	background-color: var(--color-accent);
 }
 
 .logo {
 	height: 100%;
 	width: auto;
-	padding: calc(20vh / 30);
-	border: calc(20vh / 50) solid var(--color-accent);
-	border-radius: calc(20vh / 3);
+	padding: calc(var(--height-base) / 30);
+	border: calc(var(--height-base) / 50) solid var(--color-accent);
+	border-radius: calc(var(--height-base) / 3);
 }
 
 header a:focus-visible {
@@ -186,7 +201,7 @@ header a:focus-visible {
 
 header a:focus-visible .logo {
 	border-color: var(--color-text);
-	outline: calc(20vh / 30) solid var(--color-accent-flipped);
+	outline: calc(var(--height-base) / 30) solid var(--color-accent-flipped);
 }
 
 @media (prefers-color-scheme: light) {
@@ -254,6 +269,6 @@ footer a:focus-visible {
   <p><a href="/attribution/">site attribution</a></p>
 </footer>
 
-	<!-- This page `/contact-success/` was built on 2026-08-21T23:18:16.024Z -->
+	<!-- This page `/contact-success/` was built on 2026-08-21T23:25:46.229Z -->
 </body>
 </html>
diff --git a/index.html b/index.html
index 46a8b96..3cbe3d0 100644
--- a/index.html
+++ b/index.html
@@ -203,8 +203,13 @@ h1 {
 	margin-block-end: .6em;
 }
 
-h2 { font-size: 2rem; }
-h3 { font-size: 1.8rem; }
+h2 { font-size: 2.1rem; }
+h3 { font-size: 1.7rem; }
+h4 { font-size: 1.4rem; }
+
+@media (max-width: 650px) {
+	h1 { font-size: 2.6rem; }
+}
 
 p {
   text-wrap: pretty; /* 9. Improve line wrapping */
@@ -238,17 +243,27 @@ ul p {
 
 /* Header/nav/footer */
 header {
-	height: 20vh;
-	padding: calc(20vh / 8);
+	--height-base: 20vh; /* Variable height for desktop vs mobile */
+}
+
+@media (max-width: 650px) {
+	header{
+		--height-base: 12vh; /* Variable height for desktop vs mobile */
+	}
+}
+
+header {
+	height: var(--height-base);
+	padding: calc(var(--height-base) / 8);
 	background-color: var(--color-accent);
 }
 
 .logo {
 	height: 100%;
 	width: auto;
-	padding: calc(20vh / 30);
-	border: calc(20vh / 50) solid var(--color-accent);
-	border-radius: calc(20vh / 3);
+	padding: calc(var(--height-base) / 30);
+	border: calc(var(--height-base) / 50) solid var(--color-accent);
+	border-radius: calc(var(--height-base) / 3);
 }
 
 header a:focus-visible {
@@ -257,7 +272,7 @@ header a:focus-visible {
 
 header a:focus-visible .logo {
 	border-color: var(--color-text);
-	outline: calc(20vh / 30) solid var(--color-accent-flipped);
+	outline: calc(var(--height-base) / 30) solid var(--color-accent-flipped);
 }
 
 @media (prefers-color-scheme: light) {
@@ -325,7 +340,7 @@ footer a:focus-visible {
 <p>We gather in a space that spends its weekdays as a psychotherapy office — and there’s something intentional about that. Each time we meet, we transform it together, arranging cushions and chairs before settling into thirty minutes of sitting meditation. Newcomers are always welcome to ask for guidance; no experience is assumed.</p>
 <p>After a short break, we move into a dharma talk and discussion rooted in whatever text we’re exploring as a group. We tend toward contemporary teachers whose voices are too rarely centered — writers like Lama Rod Owens and Kaira Jewel Lingo — alongside more traditional teachings. The conversation that follows is as much a part of the practice as the sitting.</p>
 <h2>When we meet</h2>
-<p>We gather on the first and third Sunday of each month, from 10:30 am to noon, at <a href="https://maps.app.goo.gl/FHmY7spH5rAMUu7Q6">1633 Q Street NW, Washington, DC</a>{target=“_blank”} — in the heart of Dupont Circle.</p>
+<p>We gather on the first and third Sunday of each month, from 10:30 am to noon, at <a href="https://maps.app.goo.gl/FHmY7spH5rAMUu7Q6">1633 Q Street NW, Washington, DC</a> — in the heart of Dupont Circle.</p>
 <h3>Upcoming meetings</h3>
 <ul>
 <li>
@@ -377,6 +392,6 @@ footer a:focus-visible {
   <p><a href="/attribution/">site attribution</a></p>
 </footer>
 
-	<!-- This page `/` was built on 2026-08-21T23:18:16.024Z -->
+	<!-- This page `/` was built on 2026-08-21T23:25:46.229Z -->
 </body>
 </html>