Added wordmark to page

index.html

@@ -15,7 +15,7 @@
       href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600&display=swap"
       rel="stylesheet"
     >
-    <link rel="stylesheet" href="styles.css?version=tradition-mix-blend-overlap">
+    <link rel="stylesheet" href="styles.css?version=logo-wordmark-scale-two">
   </head>
 
   <body id="top">
@@ -23,9 +23,19 @@
 
     <header class="website-header">
       <div class="site-width-boundary website-header-inner">
-        <a class="brand-wordmark-link" href="#top" aria-label="Noel Design Atelier, back to top">
-          <span class="brand-wordmark-primary-line">Noel</span>
-          <span class="brand-wordmark-secondary-line">Design Atelier</span>
+        <a
+          class="brand-logo-link website-header-logo-link"
+          href="#top"
+          aria-label="Noel Design Atelier, back to top"
+        >
+          <img
+            class="brand-logo-image website-header-logo-image"
+            src="images/logo.webp"
+            width="4167"
+            height="1063"
+            alt=""
+            decoding="async"
+          >
         </a>
 
         <nav class="primary-navigation" aria-label="Primary navigation">
@@ -382,9 +392,20 @@
     <footer class="website-footer">
       <div class="site-width-boundary website-footer-grid">
         <div class="website-footer-brand-column">
-          <a class="brand-wordmark-link brand-wordmark-link-light" href="#top" aria-label="Noel Design Atelier, back to top">
-            <span class="brand-wordmark-primary-line">Noel</span>
-            <span class="brand-wordmark-secondary-line">Design Atelier</span>
+          <a
+            class="brand-logo-link website-footer-logo-link"
+            href="#top"
+            aria-label="Noel Design Atelier, back to top"
+          >
+            <img
+              class="brand-logo-image website-footer-logo-image"
+              src="images/logo.webp"
+              width="4167"
+              height="1063"
+              alt=""
+              loading="lazy"
+              decoding="async"
+            >
           </a>
           <p>Seasonal environments composed with intention.</p>
         </div>