improve title overflow

dist/assets/css/web3.css

@@ -89,7 +89,7 @@ body {
 }
 
 .web2-shell-wide {
-	max-width: 1420px;
+	max-width: min(1760px, calc(100vw - 2rem));
 }
 
 .web2-page-head {
@@ -101,21 +101,26 @@ body {
 .web2-page-head-row {
 	display: flex;
 	flex-wrap: wrap;
-	align-items: center;
+	align-items: flex-start;
 	justify-content: space-between;
 	gap: 1rem;
 }
 
 .web2-head-copy {
+	flex: 1 1 740px;
+	min-width: 0;
 	max-width: 72ch;
 }
 
 .web2-page-title {
 	margin-top: 0.6rem;
 	font-family: var(--theme_font_display);
-	font-size: clamp(1.95rem, 1.2rem + 1.9vw, 2.65rem);
+	font-size: clamp(1.7rem, 1.1rem + 1.6vw, 2.35rem);
 	line-height: 1.15;
 	letter-spacing: -0.325px;
+	overflow-wrap: anywhere;
+	word-break: break-word;
+	hyphens: auto;
 }
 
 .web2-page-subtitle {
@@ -129,6 +134,8 @@ body {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
+	justify-content: flex-end;
+	flex: 0 0 auto;
 	gap: 0.5rem;
 }
 
@@ -710,6 +717,16 @@ summary:focus-visible,
 	}
 }
 
+@media (min-width: 1500px) {
+	.web2-shell {
+		padding-left: 1rem;
+		padding-right: 1rem;
+	}
+	.web2-shell-wide {
+		max-width: min(1860px, calc(100vw - 1.25rem));
+	}
+}
+
 @media (min-width: 780px) {
 	.web2-kpi-grid {
 		grid-template-columns: repeat(3, minmax(0, 1fr));