Merge pull request #9328 from mozilla/feature/9253-font-sizing

Youtube Regrets 2022 - Top hero intro section #9253

network-api/networkapi/wagtailpages/templates/wagtailpages/pages/youtube-regrets-2022/fragments/hero.html

@@ -9,13 +9,16 @@
     </div>
 
     <div class="tw-relative tw-space-y-5 medium:tw-space-y-6 tw-flex tw-flex-col tw-justify-center tw-items-start">
-      <h1 class="tw-mb-0 tw-leading-none tw-font-bold tw-text-4xl medium:tw-text-[3.25rem]">{% trans "Does this button work?" %}</h1>
-      <p class="tw-body-large large:tw-text-2xl">
-        {% blocktrans trimmed %}
-          <span class="tw-font-bold">Investigating YouTube's ineffective user controls</span> powered by 22,722 volunteers, Mozilla scrutinized YouTube to determine how much control people actually have over the platform’s recommendation algorithm.
-          <span class="tw-italic">This is what we learned</span>.
-        {% endblocktrans %}
-      </p>
+      <div>
+        <h1 class="tw-mb-0 tw-leading-none tw-font-bold tw-text-4xl medium:tw-text-[3.25rem]">{% trans "Does this button work?" %}</h1>
+        <p class="tw-mb-1 tw-text-3xl medium:tw-text-[2.375rem] tw-leading-9 tw-font-changa tw-mt-3 tw-font-semibold">{% trans "Investigating YouTube's ineffective user controls" %}</p>
+        <p class="tw-body-large large:tw-text-2xl tw-mt-5">
+          {% blocktrans trimmed %}
+            Powered by 22,722 volunteers, Mozilla scrutinized YouTube to determine how much control people actually have over the platform’s recommendation algorithm.
+            <span class="tw-italic">This is what we learned</span>.
+          {% endblocktrans %}
+        </p>
+      </div>
       <a href="https://foundation.mozilla.org/research/library/user-controls/report/" class="btn btn-with-icon btn-red">
         <svg aria-hidden="true" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 3.395h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2v-15ZM22 3.395h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7v-15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
         {% trans "Read the Full Report" %}