
            color: var(--secondary-color);
        }

        /* ------------------- */
        /* --- Hero Section --- */
        /* ------------------- */
        .hero {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding-top: 80px; /* Header height */
        }
        
        .hero-logo {
            width: 150px;
      