Web redesign - Final round of feedback on customer story pages (#17066)

* customer story markup feedback changes

* bringing back old styling for arrow

* adding new light arrow

* removing img-rounded from vialab story image

* changing image in f1000research

* adding margin top to author in quote

* removing im-rounded and aria-hidden from hero images

* removing col-md-12 from quotes in the customer story pages

* fixing the hero heading size on mobile screens and removing an extra duplicate paragraph

GitOrigin-RevId: 6afd1288c317d6a384e96040f865d1662468de22

services/web/frontend/stylesheets/app/website-redesign.less

@@ -213,17 +213,27 @@
   .customer-story-card-title {
     margin-top: 25px;
     margin-bottom: 12.5px;
-    font-size: 20px;
+    font-size: 1.5rem;
     font-weight: 600;
 
     a {
       display: flex;
       justify-content: space-between;
       color: var(--neutral-90);
+      i {
+        font-size: 1.5rem;
+      }
     }
   }
 
   .customer-story-content {
+    h1 {
+      @media (max-width: @screen-sm-max) {
+        font-size: 2.25rem;
+        line-height: 1.333;
+      }
+    }
+
     .table-of-contents-section {
       padding-right: 64px;
       @media (max-width: @screen-sm-max) {
@@ -260,6 +270,17 @@
         margin-top: 0;
       }
 
+      .at-glance-section {
+        padding-top: 24px;
+        p {
+          margin-top: 16px;
+        }
+      }
+
+      p {
+        font-size: 1.125rem;
+      }
+
       .border-r-16 {
         border-radius: 16px;
       }
@@ -304,7 +325,8 @@
       }
 
       p {
-        font-size: 1.2rem;
+        margin-top: 1rem;
+        font-size: 1.125rem;
       }
     }
   }
@@ -632,13 +654,18 @@
     }
 
     h2 {
+      font-size: 1.875rem;
       color: var(--white);
     }
+    p {
+      font-size: 1.125rem;
+    }
 
     .btn-container {
+      padding-top: 10px;
       display: flex;
       justify-content: center;
-      align-items: center;
+      align-items: flex-start;
     }
   }
 
@@ -728,6 +755,10 @@
       margin-bottom: 16px;
     }
 
+    .quote-card-link {
+      color: var(--mint-green);
+    }
+
     @media (max-width: @screen-sm-max) {
       padding: 56px 24px 56px 24px;
     }
@@ -863,6 +894,21 @@
     margin: 0;
   }
 
+  .customer-stories-hero-heading {
+    @media (max-width: @screen-sm-max) {
+      font-size: 2.25rem;
+      line-height: 1.333;
+    }
+  }
+
+  .customer-stories-hero-text {
+    font-size: 1.25rem;
+  }
+
+  .customer-stories-logos-text {
+    font-size: 1.125rem;
+  }
+
   .link-with-arrow {
     font-size: 1.125rem;
     line-height: 1.333;

services/web/public/img/website-redesign/material-symbols-arrow-right-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="19" fill="#80cb9c"><path d="M630-444H228.049q-15.321 0-25.685-10.289Q192-464.579 192-479.789 192-495 202.364-505.5q10.364-10.5 25.685-10.5H630l-80-80q-11-11-11-25.5t10.522-25.5Q561-658 575.5-658q14.5 0 25.5 11l142.333 142.333Q748-500 750.5-493.7q2.5 6.3 2.5 13.5t-2.5 13.5q-2.5 6.3-7.5 11.7L601-313q-11 11-25 10.5T550.522-314Q540-325 540-339.5t11-25.5l79-79Z"/></svg>