Update index.html

index.html

@@ -48,7 +48,7 @@
       border-bottom: 1px solid var(--lightgrey);
     }
     .nav-cta {
-      background: var(--fuchsia);
+      background: var(--black);
       color: var(--white);
       font-family: 'Archivo', sans-serif;
       font-weight: 700;
@@ -72,18 +72,7 @@
       align-items: center;
       min-height: 80vh;
     }
-    .hero-eyebrow {
-      display: inline-block;
-      background: rgba(255,97,242,0.15);
-      color: var(--fuchsia);
-      font-size: 0.72rem;
-      font-weight: 700;
-      letter-spacing: 2px;
-      text-transform: uppercase;
-      padding: 6px 14px;
-      border-radius: 4px;
-      margin-bottom: 24px;
-    }
+
     .hero h1 {
       font-family: 'Archivo', sans-serif;
       font-weight: 900;
@@ -92,7 +81,7 @@
       letter-spacing: -1px;
       margin-bottom: 20px;
     }
-    .hero h1 em { font-style: normal; color: var(--fuchsia); }
+    .hero h1 em { font-style: normal; color: var(--golden); }
     .hero-sub {
       font-size: 1.05rem;
       font-weight: 400;
@@ -122,7 +111,7 @@
       background: rgba(255,255,255,0.06);
       border: 1px solid rgba(255,255,255,0.1);
     }
-    .hero-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
+    .hero-image img { width: 100%; height: 100%; object-fit: contain; display: block; }
     .img-placeholder {
       width: 100%; height: 100%;
       display: flex;