<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 180" width="100%" height="100%" aria-label="Bright Moon Construction Logo">
  <defs>
    <!-- Lunar Gradient -->
    <radialGradient id="moonGradient" cx="70%" cy="30%" r="70%">
      <stop offset="0%" stop-color="#f8fafc" />
      <stop offset="60%" stop-color="#cbd5e1" />
      <stop offset="100%" stop-color="#475569" />
    </radialGradient>

    <!-- Building 3D Gradients -->
    <linearGradient id="buildGrad1" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#334155" />
      <stop offset="70%" stop-color="#1e293b" />
      <stop offset="100%" stop-color="#0f172a" />
    </linearGradient>

    <linearGradient id="buildGrad2" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#475569" />
      <stop offset="60%" stop-color="#334155" />
      <stop offset="100%" stop-color="#1e293b" />
    </linearGradient>

    <linearGradient id="buildGrad3" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#1e293b" />
      <stop offset="100%" stop-color="#020617" />
    </linearGradient>
  </defs>

  <!-- ==========================================
       1. The Moon (Background Left-Center)
       ========================================== -->
  <g class="logo-moon">
    <circle cx="120" cy="85" r="50" fill="url(#moonGradient)" />

    <!-- Craters -->
    <circle cx="95" cy="60" r="8" fill="#64748b" opacity="0.25" />
    <circle cx="92" cy="63" r="5" fill="#475569" opacity="0.2" />
    <circle cx="130" cy="65" r="10" fill="#475569" opacity="0.2" />
    <circle cx="133" cy="68" r="6" fill="#334155" opacity="0.25" />
    <circle cx="126" cy="115" r="9" fill="#475569" opacity="0.3" />
    <circle cx="123" cy="118" r="5" fill="#334155" opacity="0.3" />
    <circle cx="102" cy="110" r="4" fill="#475569" opacity="0.2" />
    <circle cx="111" cy="98" r="3" fill="#475569" opacity="0.25" />
    <circle cx="147" cy="82" r="5" fill="#64748b" opacity="0.2" />
  </g>

  <!-- ==========================================
       2. Architectural Blueprint Lines
       ========================================== -->
  <g class="blueprint-lines" stroke="#475569" stroke-width="1.2" opacity="0.8">
    <line x1="60" y1="60" x2="60" y2="155" />
    <line x1="80" y1="45" x2="80" y2="155" />
    <line x1="145" y1="70" x2="145" y2="155" />
    <!-- Diagonal cross guide -->
    <line x1="45" y1="140" x2="150" y2="35" stroke-width="1.5" stroke="#64748b" />
    <!-- Roof projection guide -->
    <line x1="75" y1="110" x2="140" y2="55" stroke-dasharray="2,2" />
  </g>

  <!-- ==========================================
       3. Building Structures (Left side)
       ========================================== -->
  <g class="building-structures">
    <!-- Back Tall Left Column (Dark Slate) -->
    <rect x="70" y="55" width="18" height="95" fill="url(#buildGrad3)" stroke="#f1f5f9" stroke-width="1.2" />

    <!-- Center Tall Architectural Tower -->
    <rect x="88" y="38" width="22" height="112" fill="url(#buildGrad1)" stroke="#f1f5f9" stroke-width="1.2" />

    <!-- Overlapping Diagonal Roof Base Line (Structural wireframe) -->
    <path d="M 52 150 L 78 105 L 108 150 Z" fill="none" stroke="#f1f5f9" stroke-width="1.8" />
    
    <!-- Center-Right House Frame -->
    <path d="M 116 150 L 116 110 L 136 92 L 156 110 L 156 150 Z" fill="url(#buildGrad2)" stroke="#f1f5f9" stroke-width="1.2" />
    <!-- House inner window outline -->
    <rect x="127" y="118" width="18" height="22" fill="none" stroke="#f1f5f9" stroke-width="0.8" stroke-dasharray="1.5,1.5" />

    <!-- Right Foreground Column -->
    <rect x="162" y="90" width="18" height="60" fill="url(#buildGrad3)" stroke="#f1f5f9" stroke-width="1.2" />
  </g>

  <!-- Main Horizontal Baseline for symbol -->
  <line x1="15" y1="150" x2="185" y2="150" stroke="#f1f5f9" stroke-width="2" stroke-linecap="round" />

  <!-- ==========================================
       4. Vertical Grid Divider Line
       ========================================== -->
  <line x1="195" y1="25" x2="195" y2="155" stroke="#475569" stroke-width="1.5" opacity="0.6" stroke-linecap="round" />

  <!-- ==========================================
       5. Branding Typography (Right side)
       ========================================== -->
  <g class="logo-text" fill="#f1f5f9">
    <!-- "BRIGHT MOON" in Serif Editorial style -->
    <text x="212" y="86" 
          font-family="Cinzel, 'Playfair Display', 'Times New Roman', serif" 
          font-size="36" 
          font-weight="bold" 
          letter-spacing="1">BRIGHT MOON</text>

    <!-- "CONSTRUCTION" in Wide Sans-Serif style -->
    <text x="214" y="122" 
          font-family="Montserrat, 'Inter', sans-serif" 
          font-size="18" 
          font-weight="300" 
          letter-spacing="10">CONSTRUCTION</text>
  </g>
</svg>
