diff --git a/deploy/site/index.html b/deploy/site/index.html
index c53507d..2391a5b 100644
--- a/deploy/site/index.html
+++ b/deploy/site/index.html
@@ -25,13 +25,13 @@
 .rate{color:var(--water);letter-spacing:normal;text-transform:none;margin-left:1ch}
 .rate:hover{color:var(--hot)}
 .tag{color:var(--dim);font-size:.8rem;text-align:center;white-space:nowrap;margin-top:.3rem;max-width:100%}
-.eps{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:66ch}
+.eps{--endpoint-font-size:14px;display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:66ch}
 .ep{display:grid;grid-template-columns:4.5ch minmax(0,1fr);gap:.4rem 1.2ch;align-items:baseline}
-.ep .m{color:var(--dim);font-size:.76rem;text-align:right}
-.ep .p{color:var(--ink);min-width:0;white-space:nowrap}
+.ep .m{color:var(--dim);font-size:var(--endpoint-font-size);text-align:right}
+.ep .p{font-size:var(--endpoint-font-size);color:var(--ink);min-width:0;white-space:nowrap}
 .ep .p b{color:var(--hot);font-weight:400}
 .ep:hover .p b{color:var(--water)}
-.ep .d{grid-column:2;color:var(--dim);font:10px/1.6 system-ui,sans-serif;min-width:0;white-space:nowrap}
+.ep .d{grid-column:2;color:var(--dim);font:var(--endpoint-font-size)/1.6 system-ui,sans-serif;min-width:0;white-space:nowrap}
 @media (max-width:640px){#river{font-size:11px}.wrap{padding:0 1.5ch}
   footer{gap:.45rem 2ch}#stats{flex-basis:100%;text-align:center}}
 footer .icon{width:11px;height:11px;vertical-align:-1px;margin-right:.6ch}
@@ -70,17 +70,25 @@ footer .icon{width:11px;height:11px;vertical-align:-1px;margin-right:.6ch}
 <script src="/ambient.js?v=river-1"></script>
 <script>
 const $ = (id) => document.getElementById(id);
-const fittedLines = document.querySelectorAll('.ep .p, .ep .d, .tag');
+const endpoints = document.querySelector('.eps');
+const endpointLines = endpoints.querySelectorAll('.p, .d, .m');
 function fitLines(){
-  for (const line of fittedLines) {
-    line.style.fontSize = '';
-    for (let attempt = 0; attempt < 3 && line.scrollWidth > line.clientWidth; attempt++) {
-      const size = parseFloat(getComputedStyle(line).fontSize);
-      line.style.fontSize = `${size * line.clientWidth / line.scrollWidth * .99}px`;
-    }
+  endpoints.style.removeProperty('--endpoint-font-size');
+  let size = parseFloat(getComputedStyle(endpointLines[0]).fontSize);
+  for (let attempt = 0; attempt < 3; attempt++) {
+    const ratio = Math.min(1, ...Array.from(endpointLines, line => line.clientWidth / line.scrollWidth));
+    if (ratio >= 1) break;
+    size *= ratio * .99;
+    endpoints.style.setProperty('--endpoint-font-size', `${size}px`);
+  }
+  const tagline = document.querySelector('.tag');
+  tagline.style.fontSize = '';
+  for (let attempt = 0; attempt < 3 && tagline.scrollWidth > tagline.clientWidth; attempt++) {
+    const size = parseFloat(getComputedStyle(tagline).fontSize);
+    tagline.style.fontSize = `${size * tagline.clientWidth / tagline.scrollWidth * .99}px`;
   }
 }
-new ResizeObserver(fitLines).observe(document.querySelector('.eps'));
+new ResizeObserver(fitLines).observe(endpoints);
 fitLines();
 let _prevSeq = null;
 let _prevSeqAt = 0, _rateEma = null;
diff --git a/tests/homepage-layout.html b/tests/homepage-layout.html
index f5e89f3..cb60cb0 100644
--- a/tests/homepage-layout.html
+++ b/tests/homepage-layout.html
@@ -29,6 +29,8 @@ async function check(width) {
       }
       const bounds = river.getBoundingClientRect();
       if (bounds.left < 0 || bounds.right > width) throw new Error('river exceeds viewport');
+      const sizes = new Set(Array.from(doc.querySelectorAll('.ep .p, .ep .d, .ep .m'), line => win.getComputedStyle(line).fontSize));
+      if (sizes.size !== 1) throw new Error('endpoint text sizes differ');
       for (const line of doc.querySelectorAll('.ep .p, .ep .d, .tag')) {
         if (line.scrollWidth > line.clientWidth + 1) throw new Error(`text overflows: ${line.textContent}`);
         const range = doc.createRange();