From 5edbd2a2a0547fc6606e6d84c813d781dc49796e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.coop>
Date: Wed, 24 Sep 2025 01:20:53 -0400
Subject: [PATCH 1/2] Make non-desktop headlines smaller

---
 agaric/sass/agaric/_base.typography.scss | 25 +++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/agaric/sass/agaric/_base.typography.scss b/agaric/sass/agaric/_base.typography.scss
index d4f483d..ee6c1a9 100644
--- a/agaric/sass/agaric/_base.typography.scss
+++ b/agaric/sass/agaric/_base.typography.scss
@@ -29,27 +29,42 @@
 }
 
 .title.is-1 {
-  font-size: $size-1;
+  font-size: $size-2;
+  @include desktop {
+    font-size: $size-1;
+  }
   line-height: 1.07em;
 }
 
 .title.is-2 {
-  font-size: $size-2;
+  font-size: $size-3;
+  @include desktop {
+    font-size: $size-2;
+  }
   line-height: 1.14em;
 }
 
 .title.is-3 {
-  font-size: $size-3;
+  font-size: $size-4;
+  @include desktop {
+    font-size: $size-3;
+  }
   line-height: 1.2em;
 }
 
 .title.is-4 {
-  font-size: $size-4;
+  font-size: $size-5;
+  @include desktop {
+    font-size: $size-4;
+  }
   line-height: 1.43em;
 }
 
 .title.is-5 {
-  font-size: $size-5;
+  font-size: 1.1rem;
+  @include desktop {
+    font-size: $size-5;
+  }
   line-height: 1.2em;
 }
 

From acf1c1c0f26df23d152ce4fc0f42592b52e82b16 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.coop>
Date: Wed, 24 Sep 2025 01:21:04 -0400
Subject: [PATCH 2/2] Compile CSS

---
 agaric/css/agaric.css | 40 +++++++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index fa89263..af2e708 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -7108,25 +7108,35 @@ label.panel-block {
   color: #0D1E34; }
 
 .title.is-1 {
-  font-size: 5.63rem;
-  line-height: 1.07em; }
-
-.title.is-2 {
   font-size: 3.5rem;
-  line-height: 1.14em; }
-
-.title.is-3 {
+  line-height: 1.07em; }
+  @media screen and (min-width: 1024px) {
+    .title.is-1 {
+      font-size: 5.63rem; } }
+.title.is-2 {
   font-size: 2.5rem;
-  line-height: 1.2em; }
-
-.title.is-4 {
+  line-height: 1.14em; }
+  @media screen and (min-width: 1024px) {
+    .title.is-2 {
+      font-size: 3.5rem; } }
+.title.is-3 {
   font-size: 1.75rem;
-  line-height: 1.43em; }
-
-.title.is-5 {
-  font-size: 1.25rem;
   line-height: 1.2em; }
-
+  @media screen and (min-width: 1024px) {
+    .title.is-3 {
+      font-size: 2.5rem; } }
+.title.is-4 {
+  font-size: 1.25rem;
+  line-height: 1.43em; }
+  @media screen and (min-width: 1024px) {
+    .title.is-4 {
+      font-size: 1.75rem; } }
+.title.is-5 {
+  font-size: 1.1rem;
+  line-height: 1.2em; }
+  @media screen and (min-width: 1024px) {
+    .title.is-5 {
+      font-size: 1.25rem; } }
 .title.is-6 {
   font-size: 0.88rem;
   line-height: 1.43em; }