From 2a0d50662f50e6e04c5c2ee85bf22b0742db5047 Mon Sep 17 00:00:00 2001
From: Godopu <godopu16@gmail.com>
Date: Thu, 30 Jul 2026 22:46:01 +0900
Subject: [PATCH] style: add generous right margin to Brand logo for clear
 separation from 01 HOME nav item

---
 refer_landing_page/components/Header.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/refer_landing_page/components/Header.tsx b/refer_landing_page/components/Header.tsx
index 57a2191..ce861e1 100644
--- a/refer_landing_page/components/Header.tsx
+++ b/refer_landing_page/components/Header.tsx
@@ -39,11 +39,11 @@ export default function Header() {
         </div>
       </div>
 
-      <div className="container-content flex h-[4.25rem] items-center justify-between">
-        {/* Brand */}
+      <div className="container-content flex h-[4.25rem] items-center justify-between gap-8">
+        {/* Brand logo — explicit right margin to guarantee clear separation from 01 HOME */}
         <Link
           href="/"
-          className="group flex flex-col leading-none"
+          className="group flex flex-col leading-none shrink-0 mr-8 xl:mr-16"
           onClick={() => setOpen(false)}
         >
           <span className="headline-ko text-lg text-ink sm:text-xl">
@@ -55,7 +55,7 @@ export default function Header() {
         </Link>
 
         {/* Desktop nav — small caps, wide tracking (visible at >= 1240px) */}
-        <div className="hidden items-center gap-4 desktop:flex">
+        <div className="hidden items-center gap-6 desktop:flex ml-auto">
           <nav className="flex items-center gap-2" aria-label="주 메뉴">
             {navItems.map((item) => {
               const active = isActive(item.href);