From 156bff16b4a8a3290eddff3101983f398c89b61a Mon Sep 17 00:00:00 2001
From: laveshparyani <laveshparyani01@gmail.com>
Date: Thu, 1 Oct 2026 11:44:58 +0530
Subject: [PATCH] Drop the wordmark text from the header and footer

The logo already carries the name, so setting it again in type beside the
mark read as the brand stated twice.

- Header: remove the KALAPRITI / DESIGNS text block. The name stays on the
  link's aria-label, which already carried it, so the home link is still
  announced.
- Footer: remove the KALAPRITI / Designs heading. Nothing else in that column
  names the practice now, so the mark takes a real alt instead of being
  decorative.
- Scale both marks up. The footer mark at 64px read as an orphaned icon in a
  column of its own; the header mark looked smaller standing alone than it did
  beside type. 48px there leaves the 89px header height unchanged, since that
  is driven by padding.

Checked in the production build that the two dropped rules are gone from both
bundles and that the 620px mark size is still scoped to its media query.
---
 src/App.css               | 22 ++++++++--------------
 src/components/Footer.jsx |  7 +++----
 src/components/Nav.jsx    |  6 ++----
 3 files changed, 13 insertions(+), 22 deletions(-)

diff --git a/src/App.css b/src/App.css
index 1ad3e26..12cbc10 100644
--- a/src/App.css
+++ b/src/App.css
@@ -127,18 +127,12 @@ main, .footer { position: relative; z-index: 1; }
 }
 
 .nav__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
-.nav__brand { display: flex; align-items: center; gap: 13px; }
-.nav__mark { display: block; height: 42px; aspect-ratio: 583.58 / 478.58; flex: 0 0 auto; }
+.nav__brand { display: flex; align-items: center; }
+/* Nudged up from 42px: standing alone it read smaller than it did beside
+   the wordmark. */
+.nav__mark { display: block; height: 48px; aspect-ratio: 583.58 / 478.58; flex: 0 0 auto; }
 .nav__mark img { height: 100%; width: 100%; }
 
-.nav__brand-text { display: flex; flex-direction: column; line-height: 1.08; }
-.nav__brand-text strong {
-  font-size: 18px; font-weight: 600; letter-spacing: .1em; color: var(--text-strong);
-}
-.nav__brand-text em {
-  font-style: normal; font-size: 12px; letter-spacing: .26em;
-  text-transform: uppercase; color: var(--text-muted);
-}
 
 .nav__links { display: flex; align-items: center; gap: 32px; }
 .nav__link {
@@ -208,8 +202,7 @@ main, .footer { position: relative; z-index: 1; }
 }
 @media (max-width: 620px) {
   .nav__cta { display: none; }
-  .nav__mark { height: 34px; }
-  .nav__brand-text strong { font-size: 16px; }
+  .nav__mark { height: 38px; }
 }
 
 /* ─────────────── Hero — light, editorial split ─────────────── */
@@ -652,8 +645,9 @@ main, .footer { position: relative; z-index: 1; }
   display: grid; grid-template-columns: 1fr 1.4fr; gap: clamp(36px, 5vw, 80px);
   padding-bottom: clamp(38px, 5vw, 64px); border-bottom: 1px solid var(--line-on-dark);
 }
-.footer__brand img { height: 64px; width: auto; margin-bottom: 18px; }
-.footer__wordmark { font-size: var(--step-2); color: var(--off-white); line-height: 1.06; }
+/* Scaled up now that the mark stands alone in this column — at 64px it read
+   as an orphaned icon rather than the practice's mark. */
+.footer__brand img { height: clamp(84px, 9vw, 116px); width: auto; }
 
 .footer__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 32px; }
 .footer__col { display: flex; flex-direction: column; gap: 11px; align-items: flex-start; min-width: 0; }
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 1bc1063..a6814e2 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -10,10 +10,9 @@ export default function Footer() {
       <div className="container">
         <div className="footer__top">
           <div className="footer__brand">
-            <img src={asset(LOGO.reverse)} alt="" aria-hidden="true" width="78" height="64" />
-            <h2 className="serif footer__wordmark">
-              {BRAND.nameUpper}<br />{BRAND.nameSuffix}
-            </h2>
+            {/* Mark only, matching the header. Nothing else in this column
+                names the practice now, so the logo takes a real alt. */}
+            <img src={asset(LOGO.reverse)} alt={BRAND.nameFull} width="78" height="64" />
           </div>
 
           <div className="footer__cols">
diff --git a/src/components/Nav.jsx b/src/components/Nav.jsx
index de1406b..9867896 100644
--- a/src/components/Nav.jsx
+++ b/src/components/Nav.jsx
@@ -41,13 +41,11 @@ export default function Nav() {
     <header className={`nav ${solid ? 'is-solid' : ''} ${open ? 'is-open' : ''}`}>
       <div className="nav__inner container">
         <Link href="/" className="nav__brand" aria-label={`${BRAND.nameFull} — home`}>
+          {/* Mark only — the logo already carries the wordmark. The name lives
+              on the link's aria-label so it is still announced. */}
           <span className="nav__mark" aria-hidden="true">
             <img src={asset(LOGO.dark)} alt="" width="46" height="38" />
           </span>
-          <span className="nav__brand-text">
-            <strong>{BRAND.nameUpper}</strong>
-            <em>{BRAND.nameSuffix}</em>
-          </span>
         </Link>
 
         <nav className="nav__links" aria-label="Primary">