Refactor ProjectBrochuresList and BrochureButton components for improved styling and consistency; update font weight and class names for better UI presentation.

src/components/header/ProjectBrochuresList.tsx

@@ -16,13 +16,15 @@ export default function ProjectBrochuresList({
   const isMobile = variant === "mobile";
 
   return (
-    <div className={clsx("space-y-3", isMobile ? "flex-1" : "2xl:w-[15.278vw] w-[220px]")}>
-      <p className="font-semibold whitespace-nowrap text-s">{projectTitle}</p>
+    <div
+      className={clsx(
+        "space-y-3",
+        isMobile ? "flex-1" : "2xl:w-[15.278vw] w-[220px]"
+      )}
+    >
+      <p className="font-medium whitespace-nowrap text-h5">{projectTitle}</p>
       <div
-        className={clsx(
-          "flex flex-col",
-          isMobile ? "gap-2" : "gap-[0.556vw]"
-        )}
+        className={clsx("flex flex-col", isMobile ? "gap-2" : "gap-[0.556vw]")}
       >
         {brochures.map((brochure, index) => (
           <BrochureButton

src/components/ui/BrochureButton.tsx

@@ -25,7 +25,7 @@ export default function BrochureButton({
       className="w-full !justify-between !2xl:px-[1.389vw] !px-5 !2xl:py-[0.972vw] !py-3.5 group"
       onClick={handleDownload}
     >
-      <span className="text-nowrap text-btn-m duration-300">{title}</span>
+      <span className="duration-300 text-nowrap text-btn-m">{title}</span>
       <span className="2xl:size-[1.389vw] size-5 opacity-70 group-hover:opacity-100 transition-opacity duration-300">
         <DownloadIcon />
       </span>