chore: update code and styling

Author: alan-w-u

src/pages/contact-us.astro

@@ -58,14 +58,14 @@ import { Content as FaqContent } from '../content/faq.md'
 
     h2 {
       font-family: var(--open-sans);
-      font-size: 2rem;
+      font-size: clamp(1.25rem, 2vw, 2rem);
       font-weight: normal;
-      margin-block: 1rem;
+      margin: 1rem 0;
     }
   }
 
   .faq {
-    padding-block: 0 5rem;
+    padding-bottom: 5rem;
 
     h2 {
       font-size: 2.25rem;
@@ -78,7 +78,7 @@ import { Content as FaqContent } from '../content/faq.md'
       font-family: var(--open-sans);
       font-size: 1.4rem;
       padding: 0 var(--page-inline-inset);
-      margin-block: 0 2rem;
+      margin-bottom: 2rem;
     }
   }
 </style>

src/pages/our-team.astro

@@ -25,10 +25,7 @@ const subteamKeys = Object.keys(team) as (keyof typeof team)[]
   </p>
   {
     subteamKeys.map(subteamKey => {
-      const subteam = team[subteamKey]
-      const title = subteam.title
-      const colorToken = subteam.colorToken
-      const members = subteam.members
+      const { title, colorToken, members } = team[subteamKey]
 
       return (
         <section id={subteamKey}>