refactor(ui): rundown title UI polish

apps/client/src/features/overview/composite/TitleOverview.module.scss

@@ -1,14 +1,43 @@
-.title {
-  font-size: 1.75rem;
-  font-weight: 600;
-  color: $ui-white;
-  line-height: 1;
+.titleOverview {
+  flex: 0 1 18rem;
+  min-width: 0;
+  width: 18rem;
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+}
+
+.project,
+.rundown {
   @include ellipsis-overflow;
 }
 
-.description {
-  font-size: 1rem;
+.project {
   color: $secondary-text-gray;
+  font-size: 0.75rem;
   font-weight: 400;
-  @include ellipsis-overflow;
+  letter-spacing: 0.04em;
+  line-height: 1.1;
+  text-transform: uppercase;
+}
+
+.rundown {
+  color: $ui-white;
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.1;
+}
+
+// A lone title should still read as the primary piece of context.
+.project:only-child,
+.rundown:only-child {
+  color: $ui-white;
+  font-size: 1.5rem;
+}
+
+.project:only-child {
+  font-weight: 600;
+  letter-spacing: normal;
+  text-transform: none;
 }